@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap");body{background-color:#000004;font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.nav-bar{max-width:100%;padding:10px;border:1px solid #2e2e2e;border-radius:40px;background-color:black;color:white;position:sticky;top:0;overflow:hidden;z-index:2}.nav-bar .btn-div{max-width:100%;display:flex;justify-content:space-evenly;padding:8px}.nav-bar button{border:none;background-color:black;color:white;font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:.9rem;padding:8px}.nav-bar button:hover{color:#4169e1;cursor:pointer}.home-container{max-width:100%;min-height:100vh;background:radial-gradient(circle,white .2px,#000004 .5px);background-size:20px 30px;background-position:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;position:relative}.home-container:after{content:"";position:absolute;height:100%;width:100%;background-color:transparent;top:0;left:0;transform:translate(-50% -50%);box-shadow:inset 10px 10px 500px rgb(0,0,0,1)}.home-container button{padding:10px;border-radius:8px;border:none;color:black;font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;position:relative;z-index:1}.home-container button:hover{background-color:#1e293b;color:white;cursor:pointer}.home-container h2{font-size:smaller;font-weight:300;position:relative;z-index:1}@keyframes typing{0%{width:0}}.home-container h1{font-size:1.5rem;max-width:max-content;width:16.5em;width:21ch;white-space:nowrap;overflow:hidden;animation:typing 2s ease-in;position:relative;z-index:1}.home-container h1:after{content:"";width:5%;height:100%;position:absolute;background-color:#4169e1;overflow:visible;right:-4%;animation:pulse 1.5s ease-out infinite}@keyframes pulse{0%{opacity:0}to{opacity:1}}.about-container{padding-top:20px;padding-bottom:20px;max-width:95%;margin:auto}.about-container h1{color:#4169e1;font-size:1.5rem;position:relative;max-width:max-content;margin:80px auto}.about-container h1:after{content:"";position:absolute;width:100%;height:30%;bottom:-20%;left:60%;background-color:white}.about-container .about-icons{display:flex;justify-content:flex-start;gap:1rem;background-color:#060606;padding:12px;margin-top:60px}.about-container .about-icons div{width:20px;height:20px;border-radius:50%}.about-container .about-icons .red{background-color:#3c0000}.about-container .about-icons .orange{background-color:#3c1800}.about-container .about-icons .green{background-color:#002b00}.about-container .about-me{color:white;padding:20px;background-color:rgb(255,255,255,.05);font-weight:300}.about-container .about-me p{word-spacing:1rem}.about-me .smaller{font-size:14px}.about-container .about-me a{text-decoration:none;color:#3557b5}.about-me .typing-symbol{position:relative;max-width:max-content}.about-me .typing-symbol:after{content:"";position:absolute;width:50%;height:100%;right:-60%;background-color:white;animation:pulse 1.2s ease-out infinite}.about-container .about-page-header{margin-top:50px}.technologies-container{max-width:90%;margin:50px auto auto;padding-top:20px;padding-bottom:20px;display:grid;grid-template-columns:1fr;gap:3rem}#technologies-header h1{margin:80px auto;color:#4169e1;font-size:1.5rem;position:relative;max-width:max-content}#technologies-header h1:after{content:"";position:absolute;width:100%;height:30%;bottom:-20%;left:30%;background-color:white}.technologies-container .technologies-1{position:relative;display:grid;grid-template-columns:1fr;gap:1rem;border:1px solid #2e2e2e;padding:16px}.technologies-1 .tech-wrapper{display:flex;flex-direction:column;align-items:center;padding:16px}.technologies-1 .tech-wrapper h2{color:white;font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.technologies-container .technologies-2{position:relative;display:grid;grid-template-columns:1fr;gap:1rem;border:1px solid #2e2e2e;padding:16px}.technologies-2 .tech-wrapper{display:flex;flex-direction:column;align-items:center;padding:16px}.technologies-2 .tech-wrapper h2{color:white;font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.technologies-container .technologies-3{position:relative;display:grid;grid-template-columns:1fr;gap:1rem;border:1px solid #2e2e2e;padding:16px}.technologies-3 .tech-wrapper{display:flex;flex-direction:column;align-items:center;padding:16px}.technologies-3 .tech-wrapper h2{color:white;font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.technologies-container .technologies-4{position:relative;display:grid;grid-template-columns:1fr;gap:1rem;border:1px solid #2e2e2e;padding:16px}.technologies-4 .tech-wrapper{display:flex;flex-direction:column;align-items:center;padding:16px}.technologies-4 .tech-wrapper h2{color:white;font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.technologies-container .technologies-5{position:relative;display:grid;grid-template-columns:1fr;gap:1rem;border:1px solid #2e2e2e;padding:16px}.technologies-5 .tech-wrapper{display:flex;flex-direction:column;align-items:center;padding:16px}.technologies-5 .tech-wrapper h2{color:white;font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.technologies-container .plus-1{max-width:max-content;position:absolute;top:0;left:0;transform:translate(-50%,-43%)}.technologies-container .plus-2{max-width:max-content;position:absolute;top:0;right:0;transform:translate(50%,-43%)}.technologies-container .plus-3{max-width:max-content;position:absolute;bottom:0;right:0;transform:translate(50%,60%)}.technologies-container .plus-4{max-width:max-content;position:absolute;bottom:0;left:0;transform:translate(-50%,60%)}#projects-header h1{margin:80px auto;color:#4169e1;font-size:1.5rem;position:relative;max-width:max-content}#projects-header h1:after{content:"";position:absolute;width:100%;height:30%;bottom:-20%;left:40%;background-color:white}.projects-container{max-width:90%;border-radius:12px;margin:50px auto auto;display:grid;grid-template-columns:1fr;gap:3rem;padding-bottom:50px}.project-info a{text-decoration:none;color:#edc001}.project-info a:hover{color:#3557b5}.project:first-child,.project:nth-child(3),.project:nth-child(5){font-size:14px;font-weight:300;color:white;padding:24px;background-image:linear-gradient(270deg,transparent,#06060c,#0f0f1a);max-width:100%;min-height:auto;position:relative}.project:nth-child(2),.project:nth-child(4){font-size:14px;font-weight:300;color:white;padding:24px;background-image:linear-gradient(90deg,transparent,#06060c,#0f0f1a);max-width:100%;min-height:auto;position:relative}.project-info .project-img{max-width:100%;min-height:120px}.project-img img{height:100%;width:100%;object-fit:cover}.footer-container{position:relative;background-color:#060606;display:flex;flex-direction:column;margin-top:80px;padding:30px 12px 12px;color:white}.footer-container .images{display:flex;justify-content:center;color:white;gap:.5rem}.footer-container p{color:white;text-align:center}@keyframes bounce{40%{transform:translate(50%,-72%)}60%{transform:translate(50%,-92%)}to{transform:translate(50%,-72%)}}.footer-container .scroll-up{background-color:#0f0f1a;width:max-content;height:auto;border:none;padding:4px;position:absolute;top:0;right:50%;transform:translate(50%,-72%);animation:bounce 2s ease infinite}@media (min-width:680px){.nav-bar{max-width:80%;margin:auto}}@media (min-width:768px){.projects-container,.technologies-container{grid-template-columns:1fr 1fr}}@media (min-width:808px){.about-container,.projects-container,.technologies-container{max-width:808px;margin:auto}.home-container h2,.nav-bar button{font-size:large}#projects-header h1,#technologies-header h1,.about-container h1,.home-container h1{font-size:2rem}}@media (min-width:1800px){.about-container,.projects-container,.technologies-container{max-width:1100px;margin:auto}.nav-bar button{font-size:1.5rem}.home-container h2{font-size:1.2rem}.home-container h1{font-size:2.5rem}.home-container button{font-size:1rem}#projects-header h1,#technologies-header h1,.about-container h1{font-size:3rem;margin-top:200px}.about-container p{font-size:1.5rem}.about-me .smaller,.footer-container,.projects-container .project-info,.technologies-container{font-size:1.3rem}}@media (min-width:2300px){.about-container,.projects-container,.technologies-container{max-width:1400px;margin:auto}.home-container h2,.nav-bar button{font-size:2rem}.home-container h1{font-size:3rem}.home-container button{font-size:1.5rem}#projects-header h1,#technologies-header h1,.about-container h1{font-size:4rem;margin-top:200px}.about-container p{font-size:2rem}.about-me .smaller,.footer-container,.projects-container .project-info,.technologies-container{font-size:1.8rem}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}