@import url(https://fonts.googleapis.com/css2?family=Marcellus&family=Montserrat:wght@100;200;300;400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Shadows+Into+Light+Two&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Mono&display=swap);.home{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:80%}.home .contact-info{margin:2rem 3rem;padding:1rem;text-align:center}@media screen and (max-width:480px){.home{width:100%}.home .contact-info{margin:0;padding:0;text-align:center}.home .projects{margin:1rem;padding:.5rem}.home .tech-stack{margin:1rem 2rem;padding:0}}.background-grad-splash{background:linear-gradient(to bottom right,#588157,#3a5a40);background-size:cover;height:100%}.splash{align-items:center;display:flex;height:100vh;justify-content:center}.splash .left-section{animation:breathing 4s ease-out infinite normal;-webkit-animation:breathing 4s ease-out infinite normal;margin:1rem;padding:.8rem}.splash .right-section{align-items:center;background:#eff3f6;border-bottom-left-radius:220px 120px;border-bottom-right-radius:220px 120px;border-top-left-radius:220px 120px;border-top-right-radius:220px 120px;border-radius:220px/120px;box-shadow:3px -5px 0 1px #dad7cd;display:flex;flex-direction:column;justify-content:center;margin:1rem 50px 50px;padding:4rem 1.5rem;position:relative;text-align:center;width:720px;z-index:1}.splash .right-section h1{color:#2b3d4a}.splash .right-section a{animation:typing 3.5s steps(30),blink-caret .5s step-end infinite;border-right:.15em solid #344e41;color:#3c685c;font-family:Space Mono,monospace;letter-spacing:.1em;margin:0 auto;overflow:hidden;text-decoration:none;white-space:nowrap}.splash .right-section a:hover{text-shadow:1px 1px 0 #344e41}@keyframes typing{0%{width:0}to{width:65%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#344e41}}@keyframes breathing{0%{transform:scale(1.1)}25%{transform:scale(1)}75%{transform:scale(1)}to{transform:scale(1.1)}}@media screen and (max-width:480px){.background-grad-splash{height:100vh;padding-top:50px}.splash{flex-direction:column-reverse;height:80vh}.splash .left-section{align-self:flex-end;display:flex;justify-content:center;width:90%}.splash .left-section img{width:200px}.splash .right-section{width:90%}.splash .right-section h1{font-size:20px;letter-spacing:2px}.splash .right-section a{animation:typing 3.5s steps(30),blink-caret .5s step-end infinite;font-size:12px;letter-spacing:0}@keyframes typing{0%{width:0}to{width:93%}}}.project-container{height:100%}.project-container .projects{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 5rem 50px;text-align:center}.project-container .projects h1{margin:2rem 0}@media screen and (max-width:480px){.projects{margin:0 .5rem 50px}}.navbar{background-color:#b2996033;border-radius:5px 5px 0 0;padding:1rem .5rem 0}.navbar ul{list-style:none}.navbar a{align-items:center;color:#202427;display:flex;font-family:Space Mono,monospace;text-decoration:none}.navbar .navbar-container{align-items:center;display:flex;justify-content:flex-end;margin:0}.navbar .navbar-item{margin:.7rem}.uk-navbar-toggle{color:#eff3f6}.uk-navbar-toggle:hover{color:#2b3d4a}.uk-navbar-center a{text-decoration:none}.uk-navbar-center h3{font-size:1.5rem;letter-spacing:3px;margin:.2rem;padding:.8rem;text-shadow:2px 2px 0 #2b3d4a}.uk-navbar-center h3:hover{color:#6577a4;text-shadow:0 1px 0 #eff3f6}.uk-nav li>a{color:#eff3f6;font-family:Shadows Into Light Two,cursive;font-size:1.5rem;letter-spacing:3px;margin:.2rem;padding:.8rem;text-shadow:2px 2px 0 #2b3d4a}.uk-nav li>a:hover{color:#6577a4;text-shadow:0 1px 0 #eff3f6}@media screen and (max-width:480px){.navbar-container .uk-navbar-nav li>a{font-size:.8rem;margin:0;padding:.5rem}}.about-container{margin:2rem;padding:10px}.about-container,.about-container .about-portrait{align-items:center;display:flex;justify-content:center}.about-container .about-portrait{transition:2s;-webkit-transition:2s;-moz-transition:2s;width:30%}.about-container .about-portrait img{background-color:#eff3f6;border-radius:3px;box-shadow:2px 2px 0 2px #dad7cd;overflow:hidden;padding:1rem;width:300px}.about-container .about-portrait:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}.about-container .about-text{align-items:center;display:flex;flex-direction:column;justify-content:center;width:60%}.about-container .about-text .text-box{background:#eff3f64d;border-radius:5px;box-shadow:5px 5px 0 3px #344e41;margin:1.5rem 1rem 1rem;padding:2rem}.about-container .about-text h1{text-align:center}.about-container .about-text p{font-size:23px;font-weight:200}@media screen and (max-width:480px){.about-container{display:flex;flex-direction:column;margin:1rem;padding-left:0}.about-container .about-portrait{justify-self:center;width:80%}.about-container .about-portrait:hover{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}.about-container .about-text{margin:1.5rem .5rem;width:100%}.about-container .about-text h1{text-align:center}.about-container .about-text p{font-size:15px}}.contact-section{display:flex;justify-content:center;perspective:650px;perspective-origin:50% -100%}.contact-section .contact-content{align-items:center;background-color:#588157;display:flex;height:450px;justify-content:space-evenly;margin-top:50px;position:relative;transform-style:preserve-3d;width:850px}.contact-section .contact-content img{align-self:center;background-color:#000;background-image:url(https://res.cloudinary.com/dsxis0hux/image/upload/v1686808576/8090513a67f6ec1e4c8b2ad86dd34173-sticker_zemfif.png);background-position:50%;background-size:cover;border-radius:100%;height:250px;justify-self:center;width:250px}.contact-section .contact-content img:hover{background-image:url(https://res.cloudinary.com/dsxis0hux/image/upload/v1686809937/EmojiMovie708501137_AdobeExpress_1_djenuw.gif);background-position:50%;background-size:cover}.contact-section .contact-content h3{margin:2rem;text-align:left}.contact-section h1{text-align:center}.contact-section ul{list-style-type:none}.contact-section a{align-items:center;color:#eff3f6;display:flex;justify-content:center;padding:.5rem;text-decoration:none}.contact-section a .contact-icons{margin-right:4px;padding-top:2px}.contact-section li{padding-right:10px}.contact-section .contact-content,.contact-section .contact-content:after,.contact-section .contact-content:before{border-radius:10px}.contact-section .contact-content:after,.contact-section .contact-content:before{content:"";display:block;height:100%;position:absolute;transition:transform .2s;-webkit-transition:transform .2s;-moz-transition:transform .2s;width:100%}.contact-section .contact-content:before{background-color:#a3b18a;transform:translateZ(-20px);-ms-transform:translateZ(-20px);-webkit-transform:translateZ(-20px);z-index:-1}.contact-section:hover .contact-content:before{transform:translateZ(-10px);-ms-transform:translateZ(-10px);-webkit-transform:translateZ(-10px)}.contact-section .contact-content:after{background-color:#dad7cd;transform:translateZ(-40px);-ms-transform:translateZ(-40px);-webkit-transform:translateZ(-40px);z-index:-2}.contact-section:hover .contact-content:after{transform:translateZ(-20px);-ms-transform:translateZ(-20px);-webkit-transform:translateZ(-20px)}@media screen and (max-width:480px){.contact-section{margin:1rem;padding:1rem}.contact-section .contact-content{flex-direction:column;height:auto}.contact-section .contact-content img{height:150px;width:150px}.contact-section .contact-content a{font-size:12px}.contact-section .contact-content ul{margin-bottom:1rem}}.tech-stack{align-items:center;display:flex;flex-direction:column;font-family:Space Mono,monospace;justify-content:center;margin:0 5rem}.tech-stack h1{margin:2rem 0}.tech-stack .tech-stack-section{align-items:center;background-color:#dad7cd;border-radius:10px;box-shadow:3px 4px 0 1px #344e41;display:flex;flex-wrap:wrap;justify-content:center;padding:2rem}.tech-stack .tech-container .tech-stack-img{box-sizing:initial;height:80px;padding:2rem 3rem;transition:.25s ease-in-out;width:auto}.tech-stack .tech-container .tech-stack-img:hover{transform:translateY(-10px)}@media screen and (max-width:480px){.tech-stack{margin:0 1rem}.tech-stack .tech-stack-section{width:90%}.tech-stack .tech-container .tech-stack-img{height:50px;padding:1rem;width:auto}}.projects-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr;height:100%;width:100%}.projects-container .project-sub-container{align-items:center;border-radius:5px;box-shadow:3px 4px 0 1px #344e41;display:flex;height:450px;justify-content:center;overflow:hidden;position:relative}.projects-container .project-sub-container .meta-info{align-self:flex-end;background-color:#588157cc;height:70%;padding:1rem;position:absolute;text-align:center;top:100%;transition:.5s;width:100%}.projects-container .project-sub-container .meta-info p{margin:10px 0}.projects-container .project-sub-container .meta-info .project-link-container{align-items:center;display:flex;justify-content:center}.projects-container .project-sub-container .meta-info .project-link-container a{align-items:center;display:flex;justify-content:center;padding-left:.5rem;padding-right:.5rem;text-decoration:none}.projects-container .project-sub-container .meta-info .project-link-container a .project-icon{padding-right:4px}.projects-container .project1{background-image:url(/static/media/kaisen-gotchi.1253363b0db7a2ad11db.jpg);background-position:50%;background-size:cover}.projects-container .project2{background-image:url(/static/media/goodeats.f56820e645c4b3ee1b18.png);background-position:50%;background-size:cover}.projects-container .project3{background-image:url(/static/media/the-wayfarer.c5e8fc30ef9a821ed355.jpg);background-position:50%;background-size:cover}.projects-container .project4{background-image:url(/static/media/fotonegative.141c92119347ef036a9b.jpg);background-position:50%;background-size:cover}.projects-container .project5{background-image:url(/static/media/outlet.3035177f5945a3095c17.png);background-position:50%;background-size:cover}.projects-container .project6{background-image:url(/static/media/animeselfcare.6e3b3c5d288e6e08e324.jpg);background-position:50%;background-size:cover}.projects-container .project7{background-image:url(/static/media/wordle.353fa6e077b6ab138b79.png);background-position:top;background-size:cover}.projects-container .project1:hover{background-image:url(/static/media/kaisen-gotchi-gif.0ed1620096e436e4ce0a.gif);background-position:50%;background-size:cover}.projects-container .project1:hover .meta-info{top:40%}.projects-container .project2:hover{background-image:url(/static/media/goodeats-gif.86734cedec7175875173.gif);background-position:50%;background-size:cover}.projects-container .project2:hover .meta-info{top:40%}.projects-container .project3:hover{background-image:url(/static/media/wayfarer-gif.52377ed55985fb91d151.gif);background-position:50%;background-size:cover}.projects-container .project3:hover .meta-info{top:40%}.projects-container .project4:hover{background-image:url(/static/media/fotonegative-gif.a82204c0059cacb5dc10.gif);background-position:50%;background-size:cover}.projects-container .project4:hover .meta-info{top:40%}.projects-container .project5:hover{background-image:url(https://res.cloudinary.com/dsxis0hux/image/upload/v1637789547/pics/25d6a24be92194874de799803d371188_embamn.gif);background-position:50%;background-size:cover}.projects-container .project5:hover .meta-info{top:40%}.projects-container .project6:hover{background-image:url(/static/media/animeselfcare-gif.fb184d05e3b5c85c3da9.gif);background-position:50%;background-size:cover}.projects-container .project6:hover .meta-info{top:40%}.projects-container .project7:hover{background-image:url(/static/media/wordle-gif.e193b012ec4fe70452cd.gif);background-position:50%;background-size:cover}.projects-container .project7:hover .meta-info{top:40%}@media screen and (max-width:480px){.projects-container{display:flex;flex-direction:column;justify-content:center;width:95%}.projects-container .project-sub-container .meta-info{height:100%}.projects-container .project-sub-container .meta-info p{font-size:12px}.projects-container .project-sub-container .meta-info .project-link-container{flex-direction:column;font-size:10px}.projects-container .project1:hover .meta-info,.projects-container .project2:hover .meta-info,.projects-container .project3:hover .meta-info,.projects-container .project4:hover .meta-info,.projects-container .project5:hover .meta-info,.projects-container .project6:hover .meta-info{padding-top:2rem;top:30%}}.footer,.footer .footer-container{align-items:center;display:flex;justify-content:center}.footer .footer-container{background-color:#b2996099;border-radius:0 0 10px 10px;height:40px;padding:10px 0;width:99%}.footer .footer-container h5{color:#202427;letter-spacing:4px;margin:.5rem 1rem;text-shadow:-.0625em .0625em 0 #f1f1f1,-.0875em .0875em 0 #dad7cd}.footer .footer-container h5 span{font-family:Space Mono,monospace;letter-spacing:2px}.footer .footer-container ul{align-items:center;display:flex;justify-content:center;list-style:none;max-width:90%}.footer .footer-container ul li{margin:0 1rem}.footer .footer-container ul li a{align-items:center;color:#f1f1f1;display:flex;justify-content:center;text-decoration:none}.footer .footer-container ul li a h5{font-family:Space Mono,monospace;letter-spacing:2px;margin:0}.footer .footer-container ul li a .footer-logo{height:height;margin-right:8px;width:25px}@media screen and (max-width:480px){.footer .footer-container{flex-direction:column;height:auto}.footer .footer-container ul{flex-direction:column}}.page-container{background:#588157;background:linear-gradient(180deg,#588157,#3a5a40 50%,#344e41);border-radius:0 0 5px 5px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#588157",endColorstr="#344e41",GradientType=1);padding:0 10px 20px}.page-container,.photos-container{display:flex;flex-direction:column;justify-content:center}.photos-container{align-items:center;height:100vh;padding-top:20px}.photos-container .circle{align-items:center;background-color:#4e8953;border-radius:100%;display:flex;height:500px;justify-content:center;margin:auto;width:500px}.photos-container .circle h1{color:#f1f1f1;font-family:Shadows Into Light Two,cursive;font-size:110px;line-height:120px;text-align:center;text-shadow:1px 1px #4a744d,2px 2px #4a744d,3px 3px #4a744d,4px 4px #4a744d,5px 5px #4a744d,6px 6px #4a744d,7px 7px #4a744d,8px 8px #4a744d,9px 9px #4a744d,10px 10px #4a744d,11px 11px #4a744d,12px 12px #4a744d,13px 13px #4a744d,14px 14px #4a744d,15px 15px #4a744d,16px 16px #4a744d,17px 17px #4a744d,18px 18px #4a744d,19px 19px #4a744d,20px 20px #4a744d,21px 21px #4a744d,22px 22px #4a744d,23px 23px #4a744d,24px 24px #4a744d,25px 25px #4a744d,26px 26px 6px #06520c;transform:scale(1) rotate(-5deg) translateX(0) translateY(0) skewX(1deg) skewY(1deg)}@media screen and (max-width:480px){.photos-container .circle{height:250px;width:250px}.photos-container .circle h1{font-size:50px;line-height:60px}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#f1f1f1;color:#eff3f6;font-family:Montserrat,sans-serif;letter-spacing:1px;margin:15px 5px 1px}h1,h2,h3,h4,h5,h6{color:#eff3f6;font-family:Marcellus,serif;letter-spacing:6px}h1{font-size:calc(1em + 3vmin);text-shadow:-.0625em .0625em 0 #588157,-.0875em .0875em 0 #b29960}
/*# sourceMappingURL=main.5770c80f.css.map*/