@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:regular,bold,italic&subset=latin,latin-ext);@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Press+Start+2P&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{margin:0;overflow-x:hidden}:root{--shade1:#000;--shade2:#202020;--shade3:#404040;--shade4:#606060;--shade5:grey;--shade6:#a0a0a0;--shade7:#e9e5e5;--green:#009f00;--orange:#fc8e2e;--blue:#192eea;--stripe-purple:#635bff;--red:#e2bbc9;--game-font:"Press Start 2P",cursive;--code:"Fira Code",monospace}h1,h2,h3{font-family:Press Start\ 2P,cursive;font-family:var(--game-font)}h4,h5,li,p{font-family:Fira Code,monospace;font-family:var(--code)}li,p{font-size:clamp(16px,1.5vw,20px)}a,a:visited{color:inherit}ul{list-style:none}#about,#contact,#experience,#landing,#projects{display:flex;margin:0 auto;max-width:1500px;min-height:100vh}.highlight-green{color:#009f00;color:var(--green);font-weight:600}.highlight-blue{color:#192eea;color:var(--blue);font-weight:600}.highlight-stripe{color:#635bff;color:var(--stripe-purple);font-weight:600}#navbar{background:#fff;box-shadow:0 4px 8px 0 #faf7f733,0 6px 20px 0 #948e8e30;opacity:.9;padding:2px 5px;position:fixed;transition:.5s;width:100%;z-index:999}#navbar:hover{box-shadow:0 4px 8px 0 #dbdada33,0 6px 30px 0 #6d696930}#navbar .home-button{cursor:pointer;margin:16px 20px 0;position:relative;width:26px}#navbar .nav-contents{float:right;margin-right:20px;width:fit-content}#navbar ul{display:inline-flex}#navbar .nav-button{border:2px dashed #0000;cursor:pointer;font-family:Fira Code,monospace;font-family:var(--code);font-size:15px;margin:0 5px;padding:5px 8px;position:relative;text-decoration:none;top:0;transition:.3s}#navbar .nav-button:hover{border:2px dashed #009f00;border:2px dashed var(--green);color:#009f00;color:var(--green);font-weight:500;top:-2px}#landing{background-image:url(/static/media/landing-bg.ad3bdd9486d826a0409d.svg);background-position-y:bottom;background-repeat:no-repeat,repeat;background-size:1425px}#landing .typewriter{margin:auto}#landing .Typewriter{color:#404040;color:var(--shade3);font-family:Press Start\ 2P,cursive;font-family:var(--game-font);font-size:clamp(20px,2.2vw,50px);font-weight:700}#about{background-image:url(/static/media/about-bg.33bcfc9a2737a2afb046.svg);background-position-y:top;background-repeat:no-repeat,repeat;background-size:1425px;position:relative}#about .about-page{box-sizing:border-box;display:flex;justify-content:center;margin:auto;padding:200px}#about .about-inner{max-width:min(70vw,760px);width:100%}#about .Typewriter{color:#404040;color:var(--shade3);font-family:Press Start\ 2P,cursive;font-family:var(--game-font);font-size:clamp(20px,3vw,45px);font-weight:700;margin-bottom:30px}#about .about-content{display:flex;flex-wrap:wrap;width:100%}#about .about-text{margin:0 0 50px;width:100%}#about .about-facts p{font-size:clamp(14px,1.15vw,18px);margin-left:50px}#about .photo-container{margin:0 auto}#about .about-photo{border-radius:5px;box-shadow:0 4px 8px 0 #faf7f733,0 6px 20px 0 #736e6e30;position:relative;top:0;transition:.3s;width:clamp(200px,20vw,280px)}#about .about-photo:hover{box-shadow:0 4px 8px 0 #f8f7f733,0 6px 25px 0 #e2bbc9;box-shadow:0 4px 8px 0 #f8f7f733,0 6px 25px 0 var(--red);top:-10px}#experience{background-image:url(/static/media/exp-bg.eeed80ac6ff80b95cf2e.svg);background-position-y:bottom;background-repeat:no-repeat,repeat;background-size:1425px}#experience .experience-content{margin:auto;padding:70px 200px;width:100%}#experience .Typewriter{color:#404040;color:var(--shade3);font-family:Press Start\ 2P,cursive;font-family:var(--game-font);font-size:clamp(20px,3vw,45px);font-weight:700}#experience .experience-container{background-color:#000000f2;color:#fff;margin:50px auto 0;padding:50px;position:relative;width:70%}#experience .experience-container h3{margin-bottom:12px;margin-top:0}#experience .experience-container p{margin-bottom:0;margin-top:0}#experience .experience-block+.experience-block{border-top:1px solid #ffffff24;margin-top:1.75rem;padding-top:1.75rem}#experience .experience-role+.experience-role{border-top:1px dashed #ffffff14;margin-top:1.1rem;padding-top:1.1rem}#experience .experience-dates{font-size:clamp(13px,1.25vw,17px);margin-top:6px;opacity:.88}#experience .location{color:#fc8e2e;color:var(--orange);font-size:clamp(12px,1.2vw,18px);font-weight:500}#experience a{bottom:20px;font-size:clamp(20px,3vw,50px);position:absolute;right:20px;transition:.3s}#experience a:hover{bottom:25px;font-size:clamp(30px,4vw,60px);right:25px}#projects{background-image:url(/static/media/projects-bg.e7f92d60d41e9eabfcef.svg);background-position-x:200px;background-position-y:bottom;background-repeat:no-repeat,repeat;background-size:1100px}#projects .projects-content{margin:auto;padding:200px}#projects .Typewriter{color:#404040;color:var(--shade3);font-family:Press Start\ 2P,cursive;font-family:var(--game-font);font-size:clamp(20px,3vw,45px);font-weight:700}#projects .boxes{display:flex;flex-wrap:wrap;justify-content:center;margin-top:50px;text-align:center}#projects .box-1{background-image:url(/static/media/whitebox.96cd2dd9ef4f0496dc69.svg)}#projects .box-2{background-image:url(/static/media/greenbox.e7f5fa387f7b9b43b4aa.svg)}#projects .box-3{background-image:url(/static/media/peachbox.eee149e80c0db02cef1b.svg)}#projects .box-4{background-image:url(/static/media/bluebox.28eb05f8702237ecb61a.svg)}#projects .box-1,.box-2,.box-3,.box-4{background-repeat:no-repeat,repeat;background-size:100%;bottom:0;height:280px;margin:20px;padding:20px;position:relative;transition:.3s;width:400px}#projects .box-1:hover,.box-2:hover,.box-3:hover,.box-4:hover{bottom:-10px}#projects .box-text{width:90%}#projects .boxes a{transition:.3s}#projects .boxes a:hover{color:#404040;color:var(--shade3)}#projects .chip{background-color:#f1f1f1cc;border-radius:10px;box-shadow:0 4px 8px 0 #faf7f733,0 6px 20px 0 #948e8e30;display:inline-block;font-family:Fira Code,monospace;font-family:var(--code);font-size:12px;margin:5px;padding:10px;transition:.3s}#projects .chip:hover{background-color:#f8f6f6f2}#contact{background-image:url(/static/media/contact-bg.d216b078c8da26ea939e.svg);background-position:bottom;background-repeat:no-repeat,repeat;background-size:1425px}#contact .contact-content{margin:auto;padding:200px;text-align:center}#contact .Typewriter{color:#404040;color:var(--shade3);font-family:Press Start\ 2P,cursive;font-family:var(--game-font);font-size:clamp(20px,3vw,45px);font-weight:700}#contact .contact-text{margin:50px 0;max-width:600px}#contact .pow{margin-top:20px;position:relative;top:0;transition:.3s;width:50px}#contact .pow:hover{top:-10px}#footer{align-content:center;bottom:-10px;margin-left:30px;position:fixed}#footer .pipe{margin-top:15px}#footer .social-icons{color:#404040;color:var(--shade3);display:flex;flex-direction:column;font-size:clamp(14px,1.6vw,30px);margin:0 auto;width:fit-content}#footer .social-icons a{animation:blink 3s infinite;left:-3px;padding:7px 0;position:relative;top:0;transition:.3s}@keyframes blink{0%{color:#404040;color:var(--shade3);left:-3px}50%{color:grey;color:var(--shade5);left:3px}to{color:#404040;color:var(--shade3);left:-3px}}#footer .social-icons a:hover{animation:none;color:#009f00;color:var(--green);top:-5px}@media screen and (max-width:768px){#about .about-page{padding:100px}#about .about-text{margin:0 0 50px;width:100%}#about .about-inner{max-width:100%}#experience .experience-content{padding:70px 100px}#projects .projects-content{padding:100px}#projects{background-position-x:20px}#contact .contact-content{padding:100px}#footer{align-content:center;position:relative}#footer .pipe{display:none}#footer .social-icons{display:block;font-size:30px;margin:0 auto;width:fit-content}#contact .pow{display:none}#footer .social-icons a{animation:blink 3s infinite;left:-3px;padding:0 15px;position:relative;top:0;transition:.3s}@keyframes blink{0%{color:#404040;color:var(--shade3);left:-3px}50%{color:grey;color:var(--shade5);left:3px}to{color:#404040;color:var(--shade3);left:-3px}}#footer .social-icons a:hover{animation:none;color:inherit;top:0}}@media screen and (max-width:450px){#landing .typewriter{padding:50px}#landing .Typewriter{line-height:30px;text-align:center}#about .about-page{padding:100px 50px}#experience .experience-content{padding:100px 30px}#experience h3,#projects h3{font-size:12px;line-height:20px}#projects .projects-content{padding:100px 0}#projects .Typewriter{margin-left:50px}#projects{background-position-x:50px}#projects .box-1,.box-2,.box-3,.box-4{background-position:50%;background-repeat:no-repeat,repeat;background-size:100%;height:330px;width:250px}#projects .box-1{background-image:url(/static/media/whitebox2.0fd81e30419fbb3dc8b7.svg)}#projects .box-2{background-image:url(/static/media/greenbox2.49a70bc9b61f88b4594f.svg)}#projects .box-3{background-image:url(/static/media/peachbox2.275b94bda44ba3b07a4d.svg)}#projects .box-4{background-image:url(/static/media/bluebox2.d1d9ad54be609f9f38f9.svg)}#contact .contact-content{padding:100px 50px}}
/*# sourceMappingURL=main.8005d03d.css.map*/