@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;width:100%;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--main-yellow: #eed919;--custom-size: 1.2;overflow-x:hidden}a{font-weight:500;color:#fff;text-decoration:inherit}.link{height:max-content}body{margin:0;display:flex;width:100%;min-height:100vh;font-family:Space Mono,monospace;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}.navbar{padding:10px;display:flex;justify-content:center;align-items:center;position:relative;background-color:#383838}.navText{color:#242424;font-size:24px;font-weight:700;margin:10px;text-align:center}.container{display:flex;flex-direction:column;min-height:90vh;padding:10px 20px;max-width:1400px;margin:0 auto}.intro{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.introHeading{font-size:16px}.introText{width:90%}.mainGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-height:60vh;margin:auto 0}.card{display:flex;align-items:center;justify-content:center;border:1px solid white;border-radius:8px;min-height:250px}.projectGrid{display:grid;grid-template-columns:repeat(1,1fr);margin:10px;width:100%;padding:10px}.projectCard{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #525252;border-radius:8px;min-height:180px;min-width:200px;padding:10px 20px;margin:10px;position:relative;text-align:center}.projectCard h3{margin-top:16px;margin-bottom:0;color:var(--main-yellow)}.projectArrow{position:absolute;right:10px;top:10px;display:none}.projectCard:hover .projectArrow{display:block}.folder-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:150px}.projectContainer{display:flex;flex-direction:column;align-items:center;max-width:1400px;margin:0 auto;padding:0 10px}.heading{color:var(--main-yellow);font-size:22px;margin-top:18px;margin-bottom:0}.contactText{width:90%}.contactText a{cursor:pointer;color:#eed919}.aboutText{width:90%}.iconsDiv{display:flex;width:90%;gap:20px;flex-wrap:wrap;justify-content:center}@media (min-width: 400px){:root{--custom-size: 1.5}}@media (min-width: 620px){.projectGrid{grid-template-columns:repeat(2,1fr)}.introHeading{font-size:18px}.introText{width:80%}}@media (min-width: 700px){.mainGrid{grid-template-columns:repeat(3,1fr)}.folder-container{min-height:200px}.navText{font-size:32px}.contactText,.aboutText{width:70%}}@media (min-width: 850px){.container{flex-direction:row}.mainGrid{grid-template-columns:repeat(2,1fr)}.introText{font-size:16px}}@media (min-width: 900px){.projectGrid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){:root{--custom-size:2}.mainGrid{gap:20px}.projectGrid{grid-template-columns:repeat(4,1fr)}}#root{width:100%}:root{--folder-color: #70a1ff;--folder-back-color: #4785ff;--paper-1: #e6e6e6;--paper-2: #f2f2f2;--paper-3: #ffffff}.folder{transition:all .2s ease-in;cursor:pointer}.folder:not(.folder--click):hover{transform:translateY(-8px)}.folder:not(.folder--click):hover .paper{transform:translate(-50%)}.folder:not(.folder--click):hover .folder__front{transform:skew(15deg) scaleY(.6)}.folder:not(.folder--click):hover .right{transform:skew(-15deg) scaleY(.6)}.folder.open{transform:translateY(-8px)}.folder.open .paper:nth-child(1){transform:translate(-120%,-70%) rotate(-15deg)}.folder.open .paper:nth-child(1):hover{transform:translate(-120%,-70%) rotate(-15deg) scale(1.1)}.folder.open .paper:nth-child(2){transform:translate(10%,-70%) rotate(15deg);height:80%}.folder.open .paper:nth-child(2):hover{transform:translate(10%,-70%) rotate(15deg) scale(1.1)}.folder.open .paper:nth-child(3){transform:translate(-50%,-100%) rotate(5deg);height:80%}.folder.open .paper:nth-child(3):hover{transform:translate(-50%,-100%) rotate(5deg) scale(1.1)}.folder.open .folder__front{transform:skew(15deg) scaleY(.6)}.folder.open .right{transform:skew(-15deg) scaleY(.6)}.folder__back{position:relative;width:100px;height:80px;background:var(--folder-back-color);border-radius:0 10px 10px}.folder__back:after{position:absolute;z-index:0;bottom:98%;left:0;content:"";width:30px;height:10px;background:var(--folder-back-color);border-radius:5px 5px 0 0}.paper{position:absolute;z-index:2;bottom:10%;left:50%;transform:translate(-50%,10%);width:70%;height:80%;background:var(--paper-1);border-radius:10px;transition:all .3s ease-in-out}.paper:nth-child(2){background:var(--paper-2);width:80%;height:70%}.paper:nth-child(3){background:var(--paper-3);width:90%;height:60%}.folder__front{position:absolute;z-index:3;width:100%;height:100%;background:var(--folder-color);border-radius:5px 10px 10px;transform-origin:bottom;transition:all .3s ease-in-out}.folder-label{display:flex;align-items:center;justify-content:center;color:#242424;font-size:10px}.shiny-text{color:#f0ec07c3;background:linear-gradient(120deg,#fff0 40%,#fffc,#fff0 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block;animation:shine 5s linear infinite;z-index:1000}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.shiny-text.disabled{animation:none}