@font-face{font-family:CabinetGrotesk;font-style:normal;font-weight:100;src:url(/static/media/CabinetGrotesk-Extralight.ff9b8b63beabee68a66a.otf) format("opentype")}@font-face{font-family:CabinetGrotesk;font-style:normal;font-weight:200;src:url(/static/media/CabinetGrotesk-Thin.ad8f2ffebfad81ca5580.otf) format("opentype")}@font-face{font-family:CabinetGrotesk;font-style:normal;font-weight:300;src:url(/static/media/CabinetGrotesk-Light.e8c546521ba6c5139d93.otf) format("opentype")}@font-face{font-family:CabinetGrotesk;font-style:normal;font-weight:400;src:url(/static/media/CabinetGrotesk-Regular.6c7032f4db5e585f0c48.otf) format("opentype")}@font-face{font-family:CabinetGrotesk;font-style:normal;font-weight:500;src:url(/static/media/CabinetGrotesk-Medium.b8b578586abc9d55dcda.otf) format("opentype")}@font-face{font-family:CabinetGrotesk;font-style:normal;font-weight:700;src:url(/static/media/CabinetGrotesk-Bold.2619526040c3adf53b83.otf) format("opentype")}@font-face{font-family:CabinetGrotesk;font-style:normal;font-weight:900;src:url(/static/media/CabinetGrotesk-Extrabold.60328d5e9fe66fe3666b.otf) format("opentype")}@font-face{font-family:GeneralSans;font-style:normal;font-weight:100;src:url(/static/media/GeneralSans-Extralight.cd60a54aa4d6ac70a508.otf) format("opentype")}@font-face{font-family:GeneralSans;font-style:normal;font-weight:200;src:url(/static/media/GeneralSans-Light.8ca77fa718d33c77f75c.otf) format("opentype")}@font-face{font-family:GeneralSans;font-style:normal;font-weight:400;src:url(/static/media/GeneralSans-Regular.8b8c806d335280408bfe.otf) format("opentype")}@font-face{font-family:GeneralSans;font-style:normal;font-weight:600;src:url(/static/media/GeneralSans-Medium.9e7904e31d714524f2d9.otf) format("opentype")}@font-face{font-family:GeneralSans;font-style:normal;font-weight:700;src:url(/static/media/GeneralSans-Semibold.04ff270253cd881ac35e.otf) format("opentype")}@font-face{font-family:GeneralSans;font-style:normal;font-weight:900;src:url(/static/media/GeneralSans-Bold.7d113a8107451af3d10f.otf) format("opentype")}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:GeneralSans,sans-serif;overflow-x:hidden;scroll-behavior:smooth}body,html,p{font-weight:400}p{font-family:CabinetGrotesk,sans-serif}.section-title{color:#8c8c73}.section-title,.section-title-brighter{font-size:7rem;font-weight:600;letter-spacing:-.5rem;margin:5rem 0}.section-title-brighter{color:#aeae9d}.title-icon{height:auto;transform:scaleX(-1);width:5rem}.title-icon-left{margin-right:1rem}.title-icon-right{margin-left:1rem;transform:none}:root{--scrollbar-bg:#f2f2f2;--scrollbar-thumb:#262626}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#262626;background-color:var(--scrollbar-thumb);border:2px solid #0000;border-radius:50%}::-webkit-scrollbar-track{background:#f2f2f2;background:var(--scrollbar-bg)}html{scrollbar-color:#262626 #f2f2f2;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-bg);scrollbar-width:thin}@media (max-width:1024px){.section-title,.section-title-brighter{font-size:5rem;margin:4rem 0}.title-icon{width:4rem}}@media (max-width:768px){.section-title,.section-title-brighter{font-size:3.5rem;letter-spacing:-.3rem;margin:3rem 0}.title-icon{width:3rem}.title-icon-left{margin-right:.5rem}.title-icon-right{margin-left:.5rem}::-webkit-scrollbar{width:12px}}@media (max-width:480px){.section-title{font-size:2.5rem;letter-spacing:-.2rem;margin:2rem 0}.title-icon{width:2.5rem}}.header{align-items:center;animation:slideDown 1s ease-out forwards;background:#f2f2f2;display:flex;justify-content:space-between;left:0;padding:0 5%;position:fixed;right:0;top:0;z-index:10}.logo img{height:auto;width:100px}.navbar{align-items:center;display:flex;gap:4rem;justify-content:space-between}.navbar a{color:#0e0e0c;font-size:1.2rem;padding:.5 1rem;text-decoration:none;transition:color .3s ease}.navbar a:hover{color:#666}.navbar a:last-child{background-color:#0e0e0c;border:1px solid #0e0e0c;border-radius:50px;color:#fff;display:inline-block;padding:.5rem 1rem;transition:background-color .3s ease}.navbar a:last-child:hover{background-color:#fff;color:#0e0e0c}@media (max-width:768px){.navbar a:not(.contact-link){display:none}.logo img{width:90px}.navbar{gap:1rem}.header{justify-content:space-between}}@media (max-width:480px){.logo img{width:80px}.navbar .contact-link{font-size:1rem;padding:.3rem .6rem}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.main-content{align-items:center;background-color:#f2f2f2;background-image:none;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;max-width:100%;min-height:100vh;padding-top:61.25px;position:relative;text-align:center;width:100vw}.main-content:before{animation:shrinkIntoPlace 1s ease-out forwards;background-image:url(/static/media/background.56e5289f43c825992c39.png);background-repeat:no-repeat;background-size:contain;content:"";left:50%;max-height:800px;max-width:700px;padding-top:57.14286vw;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1.1);width:50vw;z-index:0}.main-content h1:first-of-type,h1:nth-of-type(3){color:#0e0e0c;font-size:6rem;font-weight:900;letter-spacing:-.3rem;position:relative;z-index:2}.main-content h1:nth-of-type(2){-webkit-text-stroke-width:.4rem;-webkit-text-stroke-color:#0e0e0c;color:#fff;font-size:8rem;font-weight:900;letter-spacing:-.4rem;position:relative;z-index:2}.main-content span{color:#0e0e0c;font-size:7rem;font-weight:900;letter-spacing:-.4rem;z-index:2}.main-content h1,.main-content span{animation:slideUpAndAppear 1.2s ease-out .7s forwards;opacity:0}.main-content .scroll-indicator{animation:fadeInAndBounce 3s ease-in-out 1s forwards;bottom:15%;font-family:CabinetGrotesk,sans-serif;font-size:1.3rem;opacity:0;position:absolute;right:5%;transform:rotate(90deg);transform-origin:right bottom}@media (max-width:768px){.main-content{height:auto;padding-bottom:20px;padding-top:20px}.main-content h1:first-of-type,h1:nth-of-type(3){font-size:3.5rem}.main-content h1:nth-of-type(2){-webkit-text-stroke-width:.2rem;font-size:4.5rem}.main-content span{font-size:4rem}.main-content:before{max-height:450px;max-width:400px;padding-top:57.14286vw;width:50vw}.main-content .scroll-indicator{bottom:20%;font-size:1rem;right:7.5%}}@media (max-width:480px){.main-content h1:first-of-type,h1:nth-of-type(3){font-size:2.6rem;letter-spacing:-.2rem}.main-content h1:nth-of-type(2){-webkit-text-stroke-width:.2rem;font-size:3.2rem}.main-content span{font-size:2.9rem;letter-spacing:-.1rem}.main-content:before{max-height:390px;max-width:350px;padding-top:91.42857vw;width:80vw}.main-content .scroll-indicator{bottom:12.5%;font-size:.8rem;right:7.5%}}@keyframes shrinkIntoPlace{0%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes slideUpAndAppear{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInAndBounce{0%{opacity:0;transform:translateX(0) rotate(90deg)}10%{opacity:.7;transform:translateX(0) rotate(90deg)}30%{transform:translateY(4rem) rotate(90deg)}50%{transform:translateY(0) rotate(90deg)}70%{transform:translateY(4rem) rotate(90deg)}90%{transform:translateY(0) rotate(90deg)}to{opacity:.7;transform:translateY(0) rotate(90deg)}}.about{background-color:#f2f2f2;flex-direction:column;min-height:150vh;padding:2rem 0;text-align:center;width:100%}.about,.about-header{align-items:center;display:flex}.about-header{justify-content:center}.about-body{align-items:flex-start;flex-direction:row;gap:2rem}.about-body,.profile-placeholder{display:flex;justify-content:center}.profile-placeholder{align-items:center;background-color:#fff;border-radius:15px;height:1100px;overflow:hidden;width:700px}.profile-img{height:100%;object-fit:cover;width:100%}.introduction{display:flex;flex-direction:column;font-size:1.25rem;justify-content:center;line-height:1.8;max-width:600px;text-align:left}.introduction p{margin-bottom:1.5rem;text-align:left}.introduction h3{text-align:center}.introduction p:nth-of-type(2) .introduction p{margin-bottom:1.5rem}.introduction h3{font-size:3.5rem;margin-bottom:2rem}.introduction p:first-of-type,.introduction p:last-of-type,.introduction p:nth-of-type(2){font-size:1.25rem}@media (max-width:768px){.about-body{flex-direction:column;padding:0 5%}.intro,.profile-placeholder{align-self:center;margin-bottom:2rem;width:80%}.intro{max-width:100%}}.technologies{align-items:center;background-color:#f2f2f2;display:flex;flex-direction:column;min-height:100vh;padding:2rem 5%;text-align:center;width:100%}.technologies-header{align-items:center;display:flex;justify-content:center}.technologies-body{align-items:flex-start;display:flex;justify-content:space-between;max-width:1200px;padding:0 5%;width:100%}.tech-stack{flex-basis:50%;margin-right:2rem;text-align:left}.tech-stack h2{font-size:3.5rem;margin-bottom:1.5rem}.tech-stack h2,.tech-stack h2 .normal{font-weight:400}.tech-stack h2 .bold{font-weight:700}.tech-stack h2 .space{display:inline-block;width:.5rem}.tech-stack p{font-size:1.5rem;line-height:1.8;margin-bottom:2rem}.tech-list-container{flex-basis:50%}.tech-section{margin-bottom:2rem}.tech-section ul{color:#aeae9d;font-size:2.5rem;line-height:1.5;list-style-type:none;padding:0}.tech-section ul li{font-weight:700}@media (max-width:768px){.technologies-body{align-items:center;flex-direction:column;padding:0}.tech-stack{margin-right:0}.tech-list-container,.tech-stack{text-align:center}}.projects{background-color:#262626;flex-direction:column;min-height:180vh;padding:4rem 2rem;text-align:center;width:100%}.projects,.projects-header{align-items:center;display:flex}.projects-header{justify-content:center;margin-bottom:2rem}.project-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr;margin:2rem 0;padding:8px;width:100%}.project-container.last-projects{gap:40px;grid-template-columns:1fr 1fr}.project{background-position:50%;background-size:cover;border-radius:1.5rem;color:#f2f2f2;display:flex;flex-direction:column;justify-content:space-between;margin:0;overflow:hidden;position:relative;transition:transform .3s ease-in-out}.project:hover .project-img{transform:scale(1.02)}.project-img-container{box-sizing:border-box;margin-bottom:0;padding:2rem 5rem;position:relative;width:100%}.project-img{border-radius:8px;display:block;object-fit:contain;transition:transform .3s ease-in-out;width:100%}.project-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:0 0 1.5rem 1.5rem;box-shadow:0 4px 6px #0000001a;color:#000;margin-top:auto;padding:2rem;position:relative;text-align:left;width:100%}.project-info h3,.project-info p.project-description{color:#000}.project-info h3{font-size:2.5rem;margin-bottom:.5rem}.project-info p.project-tech,.project-info p.project-year{background:#fffc;border:2px solid #8c8c73;border-radius:4rem;color:#000;display:inline-block;font-size:1.2rem;margin-bottom:1rem;margin-right:1rem;padding:.5rem 1rem}.project-info p.project-description{font-size:1.2rem;margin-bottom:1rem}.project.project-2 .project-info h3,.project.project-2 .project-info p.project-description{color:#f2f2f2}.project.project-2 .project-info p.project-tech,.project.project-2 .project-info p.project-year{background:#000;border:2px solid #f2f2f2;color:#f2f2f2}.project-info .links{align-items:center;display:flex;gap:1rem;justify-content:space-between}.project-info .links a{align-items:center;background:#000c;border:2px solid #8c8c73;border-radius:4rem;color:#aeae9d;display:flex;font-size:1.5rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s,color .3s}.project-info .links a:hover{background:#aeae9d;color:#fff}.project-info .links a img{height:auto;margin-right:.5rem;width:20px}.older-projects-separator{align-items:center;display:flex;justify-content:center;margin:4rem 0;position:relative;width:100%}.separator-line{background:none;flex:1 1;height:1px;overflow:hidden;position:relative}.separator-line .line-inner{background-color:#8c8c73;height:1px;left:0;position:absolute;top:0;width:0}.older-projects-separator span{background-color:#262626;color:#f2f2f2;font-size:1.5rem;padding:0 1rem;white-space:nowrap;z-index:1}.project.project-3 .project-info h3,.project.project-4 .project-info h3{font-size:2rem}.project.project-3 .project-info .links a,.project.project-3 .project-info p.project-tech,.project.project-3 .project-info p.project-year,.project.project-4 .project-info .links a,.project.project-4 .project-info p.project-tech,.project.project-4 .project-info p.project-year{font-size:1rem}.project.project-3 .project-info p.project-description,.project.project-4 .project-info p.project-description{font-size:1.2rem;margin-bottom:1rem}@media (max-width:768px){.project-container,.project-container.last-projects{grid-template-columns:1fr}.project{width:100%}.project-img{max-height:200px}}.contact{background-color:#f2f2f2;flex-direction:column;min-height:100vh;padding:2rem 10%;text-align:center;width:100%}.contact,.contact-header{align-items:center;display:flex}.contact-header{justify-content:center;margin-bottom:2rem}.decorative-element{background-color:#ddd;display:inline-block;height:50px;margin:0 1rem;width:50px}.contact-body{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:3fr 1fr;width:100%}.contact-form h1{font-size:4rem;font-weight:600}.contact-form h1 span{color:#8c8c73;font-weight:700}.contact-form{display:flex;flex-direction:column;gap:3rem;grid-column:1/2;text-align:left}.input-group{display:flex;gap:1rem}.input-group input{flex:1 1;max-width:calc(50% - .5rem)}.contact-form button,.contact-form input,.contact-form textarea{width:100%}.contact-form input,.contact-form textarea{background-color:initial;border:none;border-bottom:2px solid #aeae9d;color:#0e0e0c;font-family:CabinetGrotesk,sans-serif;font-size:1.5rem;margin:.5rem 0;padding:.5rem 0}.contact-form textarea{height:3rem;resize:vertical}.contact-form button{align-self:flex-start;background-color:#0e0e0c;border:none;border-radius:50px;color:#fff;cursor:pointer;padding:1rem 2rem;transition:background-color .3s;width:15%}.contact-form button:hover{background-color:#333}.contact-form input:focus,.contact-form textarea:focus{border-bottom:2px solid #8c8c73;outline:none}.contact-form input:focus:after,.contact-form textarea:focus:after{background-color:#555;content:"";display:block;height:2px;margin-top:-2px;transition:width .4s ease;width:100%}.contact-info{grid-column:2/4;padding-left:3rem;text-align:left}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8c8c73;font-family:CabinetGrotesk,sans-serif;font-size:1.5rem;font-style:normal}.contact-info h2{font-size:1.8rem;font-weight:700;margin-bottom:1rem;margin-top:2rem}.contact-info p{color:#8c8c73;font-size:1.2rem;font-weight:400}.socials .github-padding{padding-bottom:1rem}.contact-icon{height:auto;margin-right:.5rem;vertical-align:middle;width:1.5rem}.success-message{color:#28a745;font-size:1rem;font-weight:500;margin-left:1rem}@media (max-width:768px){.contact{padding:2rem 5%}.contact-body{grid-template-columns:1fr}.contact-form,.contact-info{grid-column:1/-1;padding:0}.contact-form button{font-size:.8rem;margin-top:1rem;padding:.5rem 1rem;width:auto}.input-group{flex-direction:column}.input-group input{max-width:none}}.footer{background-color:#f2f2f2;box-sizing:border-box;padding:2rem 0;width:100%}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:100vw;padding:0 3rem}.footer-content a,.footer-content span{color:#0e0e0c;font-family:CabinetGrotesk,sans-serif;text-decoration:none}.footer-content a,.footer-content span span{font-weight:700}@media (max-width:768px){.footer-content{flex-direction:column;text-align:center}.footer-content a{margin-top:1rem}}.App{align-items:center;display:flex;flex-direction:column;width:100%}@media (min-width:768px){.App{margin-left:auto;margin-right:auto;width:100%}}
/*# sourceMappingURL=main.ce6a257b.css.map*/