body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-color:#edecea;--text-color:#222;--text-color-white:#fff;--element-bg-color:#edededcc;--slider-color:hsla(0,0%,100%,.479);--highlighted-color:#fff;--border-color:#c7c5c0;--box-shadow:0 4px 6px #0000001a,0 1px 3px #0000000f;--highlighted-color:#edecea}.darkmode{--bg-color:#121212;--text-color:#e0e0e0;--text-color-white:#e0e0e0;--element-bg-color:#1c1c1ccc;--slider-color:rgba(0,0,0,.295);--highlighted-color:#343434;--border-color:#555;--box-shadow:0 4px 6px #0003,0 1px 3px #00000026;--highlighted-color:#181818}*{box-sizing:border-box}html{scroll-behavior:smooth}html::-webkit-scrollbar{height:6px;width:6px}html::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.801);border-radius:10px}html::-webkit-scrollbar-track{background:#0000;border-radius:10px}body{background-color:#edecea;background-color:var(--bg-color);color:#222;color:var(--text-color);font-family:Montserrat,sans-serif;font-weight:600}body,h1,h2,h3{margin:0;padding:0}h1,h2,h3{font-family:Shrikhand,cursive;font-weight:400}h1,h2{font-weight:700}h3,h4,h5,h6{font-weight:400}header{align-items:center;border-bottom:1px solid var(--border-color);box-shadow:var(--box-shadow);color:var(--text-color);display:flex;justify-content:space-between;padding:1rem 2rem;width:100%}#home{position:relative}header h4{font-size:1.5rem;font-weight:700;margin:0;-webkit-user-select:none;user-select:none}header h4 a{color:var(--text-color);text-decoration:none}header nav ul{display:flex;gap:1.5rem;list-style:none;margin:10px 40px;padding:0}header nav ul li a{background:var(--bg-color);border-radius:10px;color:var(--text-color);cursor:pointer;display:inline-block;margin:0;padding:10px 20px;position:relative;text-decoration:none;transition:font-weight .3s ease;-webkit-user-select:none;user-select:none}header nav ul li a:after{animation:spin 4s linear infinite;background-image:conic-gradient(from var(--angle),#0000 90%,var(--text-color));border-radius:10px;content:"";inset:-1px;position:absolute;z-index:-1}header nav ul li a:hover{font-weight:700}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}#toast-container{left:50%;position:fixed;top:10%;transform:translate(-50%,-50%)}.toast{align-items:center;background:var(--bg-color);border-radius:999px;box-shadow:var(--box-shadow);box-sizing:border-box;color:var(--text-color);display:flex;justify-content:space-between;overflow:hidden;padding:.5rem;position:relative;z-index:1000}.toast-icon{align-items:center;display:inline-flex}.toast-icon svg{fill:var(--text-color);margin-right:5px}.toast:after{animation:anim 2s linear forwards;background:var(--text-color);border-radius:50px;bottom:0;content:"";height:5px;left:0;position:absolute;width:100%}@keyframes anim{to{width:0}}@media screen and (max-width:576px){header{padding:1rem}header nav ul li a{font-size:.8rem;padding:5px 10px}header nav ul{margin:0}}.home{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding:8vw;position:relative}#visual{height:100%;transform:scale(1.1);width:100%}#visual,.blob1{left:0;position:absolute;top:0}.blob1{animation:floatUp 8s ease-in-out infinite}.blob1,.blob2{fill:var(--text-color)}.blob2{animation:floatDown 8s ease-in-out infinite;bottom:0;position:absolute;right:0}@keyframes floatUp{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-10px,-15px) scale(1)}}@keyframes floatDown{0%,to{transform:translate(0) scale(1)}50%{transform:translate(10px,15px) scale(1)}}#isometric{color:var(--text-color-white);font-size:clamp(2rem,4vw,4rem);font-weight:700;letter-spacing:2px;padding-bottom:2rem;text-shadow:-1px 1px 0 #222,-2px 2px 0 #222,-3px 3px 0 #222,-4px 4px 0 #222,-5px 5px 0 #222,-6px 6px 0 #222,-7px 7px 0 #222,-8px 8px 0 #222,-9px 9px 0 #222}#isometric,.description{align-items:center;display:flex;flex-direction:column;justify-content:center;line-height:1.2em;margin:0 18rem;text-align:center;-webkit-user-select:none;user-select:none}.description{color:var(--text-color);font-family:Montserrat,sans-serif;font-size:clamp(1rem,2vw,2rem);font-weight:600}@media screen and (max-width:768px){.description{margin:.2rem 8rem}}@media screen and (max-width:576px){.description{margin:.2rem 4rem}}#projects{justify-content:center;margin:12rem 4rem}#projects,.project-text{align-items:center;display:flex;flex-direction:column}.project-text{margin:4rem 18rem;position:relative}.heading{-webkit-text-fill-color:#0000;background:linear-gradient(to bottom,var(--text-color),grey,var(--bg-color),var(--bg-color));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(4rem,12vw,12rem);font-weight:700;margin:0;padding:0;text-shadow:#222}#projects p,.heading{-webkit-user-select:none;user-select:none}#projects p{font-size:clamp(.4rem,2vw,1.2rem);font-weight:400;position:absolute;top:60%;z-index:1}.showcase{align-items:center;flex-wrap:wrap;justify-content:space-around}.container,.showcase{display:flex;gap:2rem}.container{flex-direction:column;max-width:100%;padding:20px}.project-img{box-shadow:-1px 1px 0 #222,-2px 2px 0 #222,-3px 3px 0 #222,-4px 4px 0 #222,-5px 5px 0 #222,-6px 6px 0 #222,-7px 7px 0 #222,-8px 8px 0 #222,-9px 9px 0 #222;height:clamp(10rem,25vw,15rem);min-width:clamp(20rem,50vw,28rem);transition:all .3s ease}.project-img:hover{transform:translateY(-10px)}.project-img img{clip-path:inset(0 round 0 20px 0 0);filter:blur(10px);height:100%;object-fit:cover;transition:all .3s ease;width:100%}.project-img:hover img{clip-path:inset(0 round 0 20px 0 0);filter:blur(0)}.container h4{font-size:1.4rem;font-weight:700;margin:0}#projects a{color:#222;text-decoration:none}.upcoming{-webkit-text-fill-color:#0000;background:linear-gradient(to right,var(--text-color),var(--bg-color),var(--bg-color));-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700;margin:0;text-shadow:var(--text-color);-webkit-user-select:none;user-select:none}@media screen and (max-width:576px){#projects p{display:none}}#skillset{align-items:center;display:flex;flex-direction:column;margin:12rem 4rem}#skillset ul{flex-wrap:wrap;gap:8rem;list-style:none;padding:0}#skillset ul,#skillset ul li{display:flex;justify-content:center}#skillset ul li{align-items:center;background:var(--highlighted-color);border:1px solid var(--border-color);border-radius:5px;box-shadow:-1px 1px 0 #222,-2px 2px 0 #222,-3px 3px 0 #222,-4px 4px 0 #222,-5px 5px 0 #222,-6px 6px 0 #222,-7px 7px 0 #222,-8px 8px 0 #222,-9px 9px 0 #222;flex-direction:column;gap:1rem;padding:1rem;transition:all .3s ease}#skillset ul li img{filter:grayscale(20%);height:200px;object-fit:cover;transition:filter .3s ease;width:200px}#skillset ul li:hover img{filter:grayscale(0)}.slider{-webkit-mask:linear-gradient(90deg,#0000,#000 20%,#000 80%,#0000);mask:linear-gradient(90deg,#0000,#000 20%,#000 80%,#0000);max-width:80%;overflow:hidden}.slider-track{animation:scrolling 15s linear infinite;display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;padding-block:8rem;width:max-content}@keyframes scrolling{to{transform:translateX(calc(-50% - 1rem))}}.slide img{box-shadow:-5px 5px 10px #0000009c;height:150px;margin:0 40px}.slide img:hover{transform:scale(2);transition:transform .3s ease}@media screen and (max-width:768px){.slider{max-width:100%}.slide img{margin:0 16px}}.slider-track:has(.slide img:hover){animation-play-state:paused}footer{align-items:center;background:var(--bg-color);border-top:1px solid var(--border-color);box-shadow:var(--box-shadow);color:var(--text-color);display:flex;flex-direction:row;justify-content:space-between;padding:2rem;width:100%}footer h4{font-size:1.6rem;font-weight:700;margin:0}footer p{font-size:1rem}.contact-section{align-self:start;display:flex;flex-direction:row;gap:2rem}.contact-button{cursor:pointer;display:flex;flex-direction:row;gap:1rem;height:1.3rem;text-decoration:underline;-webkit-user-select:none;user-select:none}.contact-button:hover{text-decoration:none}.contact-button:hover .pointer-icon{transform:rotate(45deg);transition:transform .3s ease}.pointer-icon{fill:var(--text-color);cursor:pointer;transition:all 1s ease}.social-icons{display:flex;flex-direction:column;gap:1rem}.social-icon{fill:var(--text-color);transition:scale .3s ease,transform .3s ease}.social-icon:hover{transform:scale(1.2)}.social-icon:active{transform:scale(1.1);transition:scale .1s ease}@media screen and (max-width:768px){footer p{color:#0000}}@media screen and (max-width:576px){.contact-button{display:none}.social-icons{flex-direction:row}}#nav-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--element-bg-color);border-radius:999px;bottom:3%;box-shadow:0 .48175px 1.44525px -.833333px rgba(0,0,0,.125),0 1.83083px 5.49248px -1.66667px rgba(0,0,0,.125),0 8px 24px -2.5px rgba(0,0,0,.125);display:flex;height:40px;justify-content:center;left:50%;overflow:hidden;position:fixed;transform:translateX(-50%);width:260px;z-index:1000}#nav-bar ul{display:flex;list-style:none;margin:0;padding:0;position:relative}#nav-bar li{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:14px;transition:padding .3s ease;z-index:1}#nav-bar svg{fill:var(--text-color);height:24px;transition:transform .3s ease;width:24px}#nav-bar li:hover svg{transform:scale(1.1)}#sliding-indicator{background-color:var(--highlighted-color);background-color:var(--slider-color);border-radius:999px;bottom:4px;box-shadow:0 .602187px .602187px -1.25px #0000002e,0 2.28853px 2.28853px -2.5px #00000029,0 10px 10px -3.75px rgba(0,0,0,.063);flex:none;height:80%;left:-15px;position:absolute;transition:all .3s ease}#nav-bar hr{margin-left:10px;margin-right:0;padding:0}#theme-switch{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:25px;justify-content:center;width:50px}#theme-switch svg:last-child,.darkmode #theme-switch svg:first-child{display:none}.darkmode #theme-switch svg:last-child{display:block}
/*# sourceMappingURL=main.529c6132.css.map*/