@font-face{font-family:"Bytesized";src:url("/public/fonts/Bytesized.ttf") format("woff2");font-display:swap}@font-face{font-family:"KumarOne";src:url("/public/fonts/KumarOne.ttf") format("woff2");font-display:swap}@font-face{font-family:"MajorMonoDisplay";src:url("/public/fonts/MajorMonoDisplay.ttf") format("woff2");font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("/public/fonts/jetbrains/JetBrainsMono-Thin.woff2") format("woff2");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("/public/fonts/jetbrains/JetBrainsMono-ThinItalic.woff2") format("woff2");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("/public/fonts/jetbrains/JetBrainsMono-ExtraLight.woff2") format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("/public/fonts/jetbrains/JetBrainsMono-ExtraLightItalic.woff2") format("woff2");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("/public/fonts/jetbrains/JetBrainsMono-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("/public/fonts/jetbrains/JetBrainsMono-LightItalic.woff2") format("woff2");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("/public/fonts/jetbrains/JetBrainsMono-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("/public/fonts/jetbrains/JetBrainsMono-Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("/public/fonts/jetbrains/JetBrainsMono-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("/public/fonts/jetbrains/JetBrainsMono-MediumItalic.woff2") format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("/public/fonts/jetbrains/JetBrainsMono-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("/public/fonts/jetbrains/JetBrainsMono-SemiBoldItalic.woff2") format("woff2");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("/public/fonts/jetbrains/JetBrainsMono-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("/public/fonts/jetbrains/JetBrainsMono-BoldItalic.woff2") format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("/public/fonts/jetbrains/JetBrainsMono-ExtraBold.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("/public/fonts/jetbrains/JetBrainsMono-ExtraBoldItalic.woff2") format("woff2");font-weight:800;font-style:italic;font-display:swap}*,* *{margin:0;padding:0;border:none;cursor:none;outline:none;color:inherit;list-style:none;text-decoration:none;box-sizing:border-box;font-family:"JetBrains Mono";-webkit-tap-highlight-color:rgba(0,0,0,0)}*::-webkit-scrollbar,* *::-webkit-scrollbar{display:none}html{scroll-behavior:smooth}body{overflow-x:hidden;background-size:40px 40px;background-color:#0a0a0f;background-image:linear-gradient(rgba(0, 255, 200, 0.05) 1px, transparent 1px),linear-gradient(90deg, rgba(0, 255, 200, 0.05) 1px, transparent 1px)}body::-webkit-scrollbar{display:none}nav{transition:all .3s ease-in-out;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;flex-direction:row;top:0;left:0;z-index:99;width:100vw;position:fixed;padding:1.5rem 2.5rem;background-color:rgba(0,0,0,0)}nav h1{font-family:"KumarOne"}nav ul{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;flex-direction:row}nav ul li{margin-left:2rem}nav ul li a{transition:all .3s ease-in-out;font-size:1.2rem;color:rgba(250,250,250,.6)}nav ul li a:hover{color:#fafafa}nav.active{padding:.5rem 2.5rem;background-color:#0a0a0f;border-bottom:1px solid rgba(250,250,250,.1)}section{z-index:1;width:100vw;overflow:hidden;min-height:100vh;padding:7rem}h1,h2,h3,h4,h5,h6{color:#fafafa}p{color:rgba(250,250,250,.6)}svg{fill:rgba(250,250,250,.6)}a:hover{filter:drop-shadow(0 0 8px rgb(250, 250, 250))}.cursor-trail{top:0;left:0;width:12px;height:12px;opacity:.8;z-index:9999;position:fixed;border-radius:50%;pointer-events:none;transform:translate(-50%, -50%);background:#2af598;box-shadow:0 0 8px #2af598}.reveal.show{opacity:1 !important;transform:translateX(0) translateY(0) !important}.error{top:50%;left:50%;width:100%;position:absolute;text-align:center;padding:7rem;background-color:rgba(0,0,0,0);transform:translate(-50%, -50%)}.error h1{white-space:nowrap;font-size:clamp(20px,10vw,420px);font-family:"Bytesized";color:#2af598}.landing{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;flex-direction:row;position:relative}.landing h1{font-size:4.5rem}.landing h1 span{font-family:"MajorMonoDisplay"}.landing p{font-size:1rem}.landing p span{color:#2af598}.landing a.instagram,.landing a.linkedin,.landing a.medium{margin-left:12px}.landing a svg{transition:all .3s ease-in-out;width:1.5rem;height:1.5rem}.landing a:hover svg{fill:#fafafa}.landing .images{width:420px;height:400px;position:relative}.landing .images img[alt=bubble]{width:170px;position:absolute}.landing .images h2{top:48px;left:38px;z-index:9;font-size:2.2rem;position:absolute;text-align:center;color:#0a0a0f;font-family:"Bytesized"}.landing .images img[alt=ghost]{right:0;bottom:0;width:240px;position:absolute}.landing .arrow{left:50%;width:200px;bottom:60px;position:absolute;filter:invert(1);transform:rotate(70deg)}img[alt=moon]{position:absolute;top:80vh;left:-10vw;height:35vw}.about{display:flex;flex-wrap:nowrap;align-items:flex-end;justify-content:space-between;flex-direction:column}.about h1{font-size:7rem;font-family:"MajorMonoDisplay"}.about .grid{gap:8px;width:100%;height:60vh;display:grid;grid-template-columns:repeat(6, 1fr);grid-template-rows:repeat(4, 1fr)}.about .grid div{transition:all .3s ease-in-out;opacity:0;overflow:hidden;border-radius:5px;padding:1.2rem 1.5rem;background-color:rgba(0,0,0,0);border:2px solid rgba(250,250,250,.2)}.about .grid div:not(:last-child):hover{transform:translateY(-10px) !important;border-color:rgba(42,245,152,.6);background-color:rgba(42,245,152,.05)}.about .grid div h2{font-size:2rem;margin-bottom:1.2rem;font-family:"Bytesized";color:#2af598}.about .grid div p span.white{text-decoration:underline;color:#fafafa}.about .grid div p span.left{display:block;margin-left:1rem}.about .grid div.career{grid-column:span 2/span 2;grid-row:span 4/span 4;grid-column-start:3;transform:translateY(50px)}.about .grid div.hobbies{grid-column:span 2/span 2;grid-row:span 2/span 2;grid-column-start:1;grid-row-start:3;transform:translateX(-50px)}.about .grid div.hobbies span{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;flex-direction:row}.about .grid div.content{grid-column:span 2/span 2;grid-row:span 3/span 3;grid-column-start:5;grid-row-start:1;transform:translateX(50px)}.about .grid div.download{position:relative;grid-column:span 2/span 2;grid-column-start:5;grid-row-start:4;transform:translateX(50px)}.about .grid div.download::before{transition:all .3s ease-in-out;top:-50px;left:-50px;width:50px;content:"";height:50px;position:absolute;border-radius:100px;background-color:#2af598}.about .grid div.download::after{transition:all .3s ease-in-out;top:70%;left:50%;opacity:0;width:50px;content:"";height:50px;position:absolute;background-size:cover;transition-delay:.25s;background-repeat:no-repeat;background-attachment:fixed;transform:translate(-50%, 0);background-position:center center;background-image:url("/public/images/check.png")}.about .grid div.download:hover::before{top:-30px;left:-30px}.about .grid div.download.active{pointer-events:none}.about .grid div.download.active::before{top:0;left:0;width:100%;height:100%;border-radius:2px}.about .grid div.download.active::after{top:50%;opacity:1;transform:translate(-50%, -50%)}.marquee{transition:all .3s ease-in-out;left:0;opacity:0;width:100%;overflow:hidden;border-top:2px solid #2af598;border-bottom:2px solid #2af598;-webkit-mask-image:linear-gradient(to right, transparent, rgb(10, 10, 15) 10%, rgb(10, 10, 15) 90%, transparent);mask-image:linear-gradient(to right, transparent, rgb(10, 10, 15) 10%, rgb(10, 10, 15) 90%, transparent)}.marquee .wrapper{gap:60px;display:flex;padding:14px 0;width:-moz-max-content;width:max-content}.marquee span{white-space:nowrap;color:#2af598}.marquee.left{margin-bottom:20px;transform:translateX(-50px)}.marquee.left .wrapper{transform:translateX(calc(-100% + 100vw));animation:rightToLeft 50s linear infinite}.marquee.right{transform:translateX(50px)}.marquee.right .wrapper{animation:leftToRight 50s linear infinite}.marquee:hover .wrapper{animation-play-state:paused}@keyframes rightToLeft{0%{transform:translateX(calc(-100% + 100vw))}50%{transform:translateX(0)}0%{transform:translateX(calc(-100% + 100vw))}}@keyframes leftToRight{0%{transform:translateX(0)}50%{transform:translateX(calc(-100% + 100vw))}0%{transform:translateX(0)}}.random{gap:8px;width:100%;height:80vh;display:grid;padding:7rem 14rem 0rem 14rem;grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(4, 1fr)}.random div{transition:all .3s ease-in-out;opacity:0;overflow:hidden;border-radius:5px;padding:1.2rem 1.5rem;background-color:rgba(0,0,0,0);border:2px solid rgba(250,250,250,.2)}.random div:hover{transform:translateY(-10px) !important;border-color:rgba(42,245,152,.6);background-color:rgba(42,245,152,.05)}.random div h2{font-size:2rem;margin-bottom:1.2rem;font-family:"Bytesized";color:#2af598}.random div a,.random div span{text-decoration:underline;color:#fafafa}.random div a:hover{color:#2af598;filter:drop-shadow(0 0 0)}.random .card{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;flex-direction:column;padding:0 !important;grid-area:1/1/3/4;transform:translateY(-50px)}.random .card img{height:100%}.random .feed{grid-area:3/2/5/4;transform:translateY(50px)}.random .dev{grid-area:3/1/5/2;transform:translateX(-50px)}.random .current{grid-area:2/4/5/6;transform:translateX(50px)}.random .car{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;flex-direction:column;padding:0rem !important;grid-area:1/4/2/6;transform:translateY(-50px)}.random .car img{height:100%}.projects{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;flex-direction:column}.projects h1{font-size:7rem;margin-bottom:3.5rem;font-family:"MajorMonoDisplay"}.projects ul{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;flex-direction:row;margin-bottom:4rem}.projects ul li{transition:all .3s ease-in-out;font-size:1.2rem;position:relative;color:rgba(250,250,250,.6)}.projects ul li:not(:first-child){margin-left:2.5rem}.projects ul li:hover{color:#fafafa;filter:drop-shadow(0 0 8px rgb(250, 250, 250))}.projects ul li:hover.active{filter:drop-shadow(0 0 0)}.projects ul li::before{transition:all .3s ease-in-out;left:50%;width:6px;opacity:0;height:6px;content:"";bottom:-12px;position:absolute;border-radius:50px;transform:translateX(-50%);background-color:#2af598}.projects ul li.active{pointer-events:none;color:#2af598}.projects ul li.active::before{opacity:1;bottom:-10px}.projects .grid{width:100%;display:grid;gap:5.5rem 1.5rem;overflow:visible;grid-template-columns:repeat(auto-fill, minmax(500px, 1fr))}.projects .grid div{transition:all .3s ease-in-out;opacity:0;position:relative;transform:translateY(50px)}.projects .grid div .aboutProject{width:100%;height:100%;overflow:hidden;position:relative;border-radius:5px;border:2px solid rgba(250,250,250,.2)}.projects .grid div .aboutProject img{transition:all .3s ease-in-out;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:2px;position:absolute;transition-delay:100ms}.projects .grid div .aboutProject div{transition:all .3s ease-in-out;opacity:0;width:100%;height:100%;transform:translateY(100%);padding:1.2rem 1.5rem 2.5rem 1.5rem}.projects .grid div .aboutProject div h2{font-size:2rem;margin-bottom:1.2rem;font-family:"Bytesized";text-transform:lowercase;color:#2af598}.projects .grid div .aboutProject div p span{color:#2af598}.projects .grid div .aboutProject:hover{transform:translateY(-10px) !important;border-color:rgba(42,245,152,.6);background-color:rgba(42,245,152,.05)}.projects .grid div .aboutProject:hover img{opacity:0;transition-delay:0;transform:translateY(-100%)}.projects .grid div .aboutProject:hover div{opacity:1;transition-delay:100ms;transform:translateY(0)}.projects .grid div .content{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;flex-direction:row;width:100%;bottom:-10px;background-color:rgba(0,0,0,0)}.projects .grid div .content h3{font-size:1rem}.projects .grid div .content span{color:#2af598}.projects .grid div .content a{font-size:2rem;font-family:"Bytesized";padding:1rem 0 1rem 1rem;color:#2af598}.projects .grid div .content a:hover{filter:drop-shadow(0 0 0)}.projects .grid.show div{opacity:1;transition-delay:0;transform:translateY(0)}.divider{width:100%;font-size:5vw;margin-top:5rem;text-align:center;white-space:nowrap;text-transform:uppercase;color:rgba(250,250,250,.2)}.divider p{transition:all .3s ease-in-out;opacity:0;display:inline-block;font-family:"KumarOne"}.divider p:hover{transform:translateY(-10px) !important;color:rgba(42,245,152,.8);filter:drop-shadow(0 0 8px rgba(42, 245, 152, 0.8))}.contact{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;flex-direction:column}.contact .grid{gap:8px;width:100%;height:80vh;display:grid;grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(5, 1fr)}.contact .grid div{transition:all .3s ease-in-out;opacity:0;overflow:hidden;border-radius:5px;padding:1.2rem 1.5rem;background-color:rgba(0,0,0,0);border:2px solid rgba(250,250,250,.2)}.contact .grid div p{font-size:1.2rem}.contact .grid div p span{color:#2af598}.contact .grid div p a{text-decoration:underline}.contact .grid div p a:hover{filter:drop-shadow(0 0 8px rgb(42, 245, 152));color:#2af598}.contact .grid div h2{font-size:2rem;margin-bottom:1.2rem;font-family:"Bytesized";color:#2af598}.contact .grid div input,.contact .grid div textarea{width:100%;font-size:1.5rem;color:#fafafa;background-color:rgba(0,0,0,0)}.contact .grid div input::-moz-placeholder, .contact .grid div textarea::-moz-placeholder{color:rgba(250,250,250,.6)}.contact .grid div input::placeholder,.contact .grid div textarea::placeholder{color:rgba(250,250,250,.6)}.contact .grid div textarea{font-size:1rem;height:100%}.contact .grid div.content{grid-column:span 2/span 2;grid-row:span 4/span 4;transform:translateX(-50px)}.contact .grid div.content:hover{transform:translateY(-10px) !important;border-color:rgba(42,245,152,.6);background-color:rgba(42,245,152,.05)}.contact .grid div.social{grid-column:span 3/span 3;grid-column-start:1;grid-row-start:5;transform:translateX(-50px)}.contact .grid div.social p a{padding:0 14px;color:#fafafa}.contact .grid div.social p a:hover{filter:drop-shadow(0 0 8px rgb(42, 245, 152));color:#2af598}.contact .grid div.name{grid-column:span 3/span 3;grid-column-start:3;grid-row-start:1;transform:translateY(-50px)}.contact .grid div.email{grid-column:span 3/span 3;grid-column-start:3;grid-row-start:2;transform:translateY(50px)}.contact .grid div.message{grid-column:span 3/span 3;grid-row:span 2/span 2;grid-column-start:3;grid-row-start:3;transform:translateX(50px)}.contact .grid div.send{position:relative;grid-column:span 2/span 2;grid-column-start:4;grid-row-start:5;transform:translateY(50px)}.contact .grid div.send::before{transition:all .3s ease-in-out;top:-50px;left:-50px;width:50px;content:"";height:50px;position:absolute;border-radius:100px;background-color:#2af598}.contact .grid div.send::after{transition:all .3s ease-in-out;top:70%;opacity:0;width:100%;font-size:1.5rem;position:absolute;text-align:center;transition-delay:.25s;color:#fafafa;content:"Message sent successfully !"}.contact .grid div.send:hover::before{top:-30px;left:-30px}.contact .grid div.send.active{pointer-events:none}.contact .grid div.send.active::before{top:0;left:0;width:100%;height:100%;border-radius:2px}.contact .grid div.send.active::after{top:50%;opacity:1;transform:translateY(-50%)}.copyright{width:100%;position:relative;text-align:center;padding:2.5rem 1rem;color:#2af598}.copyright::before{top:5px;left:50%;height:2px;content:"";position:absolute;width:calc(100% - 14rem);transform:translateX(-50%);background-color:rgba(250,250,250,.2)}/*# sourceMappingURL=main.min.css.map */