@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;600&display=swap);body{bottom:0;height:100%;margin:0;overscroll-behavior:none;position:fixed;top:0;width:100%}a,body,button,input,textarea{font-family:Poppins}html{height:100;height:100vh;height:calc(var(--vh, 1vh)*100);min-height:-webkit-fill-available;overflow:hidden}#root{display:flex;height:100%;width:100%}@media (max-width:600px){.desktop-only{display:none}}@media (min-width:600px){.mobile-only{display:none}}:root{--bar-hg-mb:60px;--bar-hg-dt:100px}.App{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-between;width:100vw}.section-title{margin:0;text-align:center;width:100%}.drawing{stroke:#fff;aspect-ratio:1;background-color:var(--background4);border:2px solid #fff;border-radius:50%;height:10rem}.drawing-container-svg{align-items:center;display:flex;justify-content:center;padding:2rem}#linework-svg{stroke:#000;stroke-width:1}#linework-svg,#outline-svg{fill:none;-webkit-animation:line 1.2s linear .25s forwards;animation:line 1.2s linear .25s forwards}#outline-svg{stroke:#000;stroke-width:3}#outline2-svg{fill:none;stroke:#fff;stroke-width:12;-webkit-animation:line 1.2s linear .25s forwards;animation:line 1.2s linear .25s forwards}#border-svg{fill:none;stroke:#000;stroke-width:3}#body-svg{fill:#fff}#background-svg{fill:var(--background4)}#linework-svg,#outline-svg{stroke-dasharray:1;stroke-dashoffset:1}@-webkit-keyframes line{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes line{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@media (min-width:600px){.drawing{-webkit-transform:scale(1.5);transform:scale(1.5)}.drawing-container-svg{height:15rem}}.welcome-screen{align-items:center;background-color:var(--background1);color:var(--color1);display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative;width:100vw;z-index:1}.view-work{background-color:var(--background4);border:none;border-radius:10px;font-weight:600;margin:2rem;padding:5px 20px}.footer,.view-work{color:var(--color3)}.footer{align-items:center;background-color:var(--background2);display:flex;flex-direction:column;height:inherit;justify-content:space-around;width:100vw}.links{text-decoration:none}.link-logo{width:auto}#linkedin-logo{-webkit-filter:grayscale(1) brightness(5);filter:grayscale(1) brightness(5)}.link-group{align-items:center;display:flex;justify-content:space-around;margin-top:10px}#footer-text{font-size:12px;font-weight:100;margin:2px}@media (max-width:600px){.link-logo{flex-shrink:0;height:25px}.link-group{width:100px}}@media (min-width:600px){.link-logo{height:30px}.link-group{width:200px}}:root{--header-speed:0.25s}.w-6{width:20px}header{align-items:center;background-color:var(--background2);box-shadow:0 12px 15px -3px rgba(0,0,0,.2);display:flex;flex-direction:column;height:100px;justify-content:center;overflow:hidden;position:-webkit-sticky;position:sticky;width:100%;z-index:15}.header_hidden{top:-100px;width:100%}.header_active,.header_hidden,.header_hidden .nav-bar{transition:.25s;transition:var(--header-speed)}.header_active{left:0;top:0;width:100%}.nav-bar{align-items:center;display:flex;height:6vh;justify-content:space-around;margin:auto;padding:8px;width:90%}.nav-text{font-weight:600;text-decoration:none}.nav-bar a{align-items:center;color:var(--color3);display:flex;flex-grow:1;justify-content:center;margin:0 5px;text-decoration:none;width:10px}.nav-logo{-webkit-filter:brightness(0) saturate(0) invert(1);filter:brightness(0) saturate(0) invert(1);height:calc(var(--bar-hg-mb)*.8);width:calc(var(--bar-hg-mb)*.8)}.nav-bar a:hover{background-color:rgba(85,85,107,.5)}.nav-bar a:hover,.selected{box-shadow:10px -14px 15px 0 rgba(0,0,0,.2),-10px -15px 15px 4px rgba(0,0,0,.2)}.selected{background-color:#55556b}.project-img-cont{display:flex;flex-direction:column;flex-shrink:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;overflow:hidden}.carrousel{display:flex;position:relative}.project-img-element{aspect-ratio:1;min-width:100%;object-fit:cover;overflow:hidden;transition:.5s ease-in-out;width:100%}.change-image{align-items:center;display:flex;font-size:35px;height:100%;position:absolute;top:0;width:20%;z-index:10}.change-image p{-webkit-text-stroke:1px #000;color:#fff;font-weight:600;margin:20px;text-shadow:2px 2px 4px rgba(0,0,0,.304)}.change-image:hover{background-color:rgba(0,0,0,.306)}.move-back{justify-content:flex-start;left:0}.move-forward{justify-content:flex-end;right:0}.tracker{align-items:center;display:flex;height:30px;justify-content:center;width:100%}.circle{border:1px solid var(--color1);border-radius:7px;height:7px;margin:0 10px;width:7px}.circle.filled{background-color:var(--color1)}@media (max-width:600px){.project-img-cont{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.carrousel{display:flex;justify-content:flex-start;margin:10px 0}}@media (min-width:600px){.project-img-cont{height:350px;max-width:45%}}#projects,.cards-container{display:flex;height:auto;width:100vw}#projects{flex-direction:column;justify-content:center}.project-summary{display:flex;flex-grow:1;text-align:justify}.project-card{display:flex}.project-title{align-items:center;font-size:25px;font-weight:600;justify-content:center;min-height:40px;text-align:center}.project-title,.tools-cont{display:flex;flex-wrap:wrap}.tools-cont{align-items:space-between;justify-content:space-between;width:100%}.tool-badge{margin:5px}.card-contents{height:80%}.card-contents,.project-info{display:flex;flex-direction:column}.project-info{align-items:center;flex-grow:1;justify-content:space-around}.project-links{align-items:space-around;display:flex;justify-content:space-around;min-width:300px;width:60%}.contact-container button,.project-links button{background-color:var(--background2);border:none;border-radius:5px;color:var(--color3);font-weight:600;padding:5px 30px}@media (max-width:600px){.cards-container{flex-direction:column}.card-contents{width:100%}.card-contents,.project-card{flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.project-card{align-items:center;flex-shrink:0;justify-content:space-around;margin:5vh 10vw;padding:20px;width:calc(80vw - 40px)}.project-title{display:flex;font-size:20px}.project-info{margin-top:10px}.project-card,.resume-card{box-shadow:3px 5px 14px 4px var(--project-shadow)}}@media (min-width:600px){.cards-container{flex-direction:row;flex-wrap:wrap;justify-content:center}.project-card{flex-direction:column;flex-grow:0.5;height:450px;justify-content:space-around;margin:5vh 5vw;max-width:800px;min-width:500px}.project-card,.project-title{align-items:center;display:flex}.project-title{height:30px;justify-content:center}.card-contents{flex-direction:row;height:80%;width:90%}.project-info{align-items:center;display:flex;flex-direction:column;flex-grow:1;height:350px;justify-content:space-around;margin-left:3vw;width:20vw}.title-text{height:20px}.project-card,.resume-card{box-shadow:7px 10px 28px 8px var(--project-shadow)}}#about{align-items:center;display:flex;flex-direction:column;flex-shrink:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:100vw}.about-bio,.about-text{align-items:center;display:flex;flex-direction:column;justify-content:space-around}.about-bio{text-align:justify}#about-title,#bio-end{text-align:center}#about-title{font-weight:200;margin-top:.5em}#about-name{margin:0}.about-container{height:100%;margin-bottom:20px;padding:10px;width:90vw}.about-container,.about-image{align-items:center;display:flex;justify-content:center}.white-space{flex-grow:1}@media (max-width:600px){.about-bio{flex-grow:1;font-size:14px;max-height:200px;width:90%}.about-bio-text{margin:.5em}.about-container{flex-direction:column}.about-image{flex-grow:1;margin-top:20px;min-height:50vw;width:40vw}.about-text{flex-grow:1}#about .section-title{margin-bottom:0}#about{justify-content:space-between;min-height:calc(100vh - var(--bar-hg-dt));min-height:calc(var(--vh, 1vh)*100 - var(--bar-hg-dt))}.about-image.full{display:none}}@media (min-width:600px){.about-container{flex-direction:row}.about-image{height:100%;width:40vw}.about-text{font-size:15px;font-weight:300;margin-right:10vw;max-width:600px}.about-image.small{display:none}#about{min-height:calc(100vh - var(--bar-hg-mb));min-height:calc(var(--vh, 1vh)*100 - var(--bar-hg-mb))}}.small-drawing{border:4px solid var(--color1);border-radius:50%;box-shadow:inset 0 0 0 1px #000;height:150px;margin-bottom:5vh;overflow:hidden;width:150px}.drawing-container{height:100%;position:relative;width:100%;z-index:-1}.drawing-img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.small-drawing .drawing-container{background-color:var(--background4)}.full-drawing{height:90%;width:350px}.full-drawing .drawing-img{object-fit:contain}#border{-webkit-filter:var(--dr-border);filter:var(--dr-border);opacity:1}#body-fill{-webkit-filter:var(--dr-fill);filter:var(--dr-fill);opacity:1}#linework{-webkit-filter:var(--dr-lines);filter:var(--dr-lines);opacity:1}#shadows{-webkit-filter:var(--dr-shadows);filter:var(--dr-shadows);opacity:.4}@media (max-width:600px){.full-drawing{display:none}}@media (min-width:600px){#about .small-drawing{display:none}}#skills{align-items:center;display:flex;flex-direction:column;flex-shrink:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;width:100vw}.skills-container{flex-direction:column}.skill-cards-container,.skills-container{align-content:center;align-items:center;display:flex;flex-grow:1;justify-content:center;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}.skill-cards-container{flex-wrap:wrap}.skill-card{fill:var(--color1);align-items:center;color:var(--color1);display:flex;flex-direction:column;justify-content:center}.inactive.skill-card{transition:width .25s ease-in-out 0s,height .25s ease-in-out .5s}.active.skill-card{transition:width .5s ease-in-out,height .5s ease-in-out}.inactive .skill-description,.inactive a{font-size:0;transition:font-size .25s ease 0s}.active .skill-description,.active a{font-size:14px;transition:font-size .1s ease .5s}.active,.skill-card:hover{align-items:center;background-color:var(--background2);display:flex;flex-direction:column;justify-content:center;transition:width .5s ease-in-out 0s,height .5s ease-in-out 0s,font-size 3s ease .5s}.skill-description{font-size:1px;text-align:center}.skill-card a{color:var(--color1)}@media (max-width:600px){.skills-container{padding:20px}.skill-card{box-shadow:3px 5px 10px 2px rgba(0,0,0,.2);height:70px;margin:10px;padding:5px 10px;width:40px}.inactive .skill-name{font-size:0;transition:font-size .25s ease 0s}.active .skill-name{font-size:20px;font-weight:400;transition:font-size .2s ease .5s}.skill-logo{height:30px;margin:5px;object-fit:cover;width:30px}.active .skill-logo{height:50px;margin:10px;width:50px}.active{height:200px;padding-bottom:10px;width:150px}.active .skill-name{display:flex;margin:5px}.active .skill-description,.active a{font-size:12px}#skills{min-height:calc(100vh - var(--bar-hg-mb));min-height:calc(var(--vh, 1vh)*100 - var(--bar-hg-mb))}}@media (min-width:600px){#skills{min-height:calc(100vh - var(--bar-hg-dt));min-height:calc(var(--vh, 1vh)*100 - var(--bar-hg-dt))}.skill-card{box-shadow:3px 5px 10px 2px rgba(0,0,0,.2);height:150px;margin:25px;padding:15px 0 25px;width:120px}.active{height:300px;width:180px}.active .skill-name{font-size:20px;font-weight:600}.skill-description{font-size:14px;margin:10px}.skill-logo{height:90px;margin:10px;object-fit:cover;width:90px}}#contact{flex-shrink:0;justify-content:space-between;width:100vw}#contact,.contact-container{align-items:center;display:flex;flex-direction:column}.contact-container{flex-grow:1;justify-content:center;width:inherit}.divider{background-color:#fff;height:1px;margin:10px;max-width:80vw;width:600px}.resume-container{align-items:center;border-radius:10px;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin:20px;padding-top:10px}.resumeSVG{color:#fff;max-width:80px}.contact-form{align-items:center;padding:20px;width:inherit}.contact-form,.contact-text{display:flex;flex-direction:column;justify-content:center}.contact-text{align-items:cnter;max-width:90vw;width:600px}.contact-text p{text-align:center}textarea{margin:20px 0}#email,textarea{border-radius:5px;padding:5px}.submit-button{border:none;border-radius:5px;font-weight:600;padding:5px 30px}.light .submit-button{background-color:var(--light-bg2);color:var(--light-co3)}.light #email,.light textarea{background-color:var(--light-bg4);border:2px solid var(--light-bg2)}.dark #email,.dark textarea{background-color:var(--dark-bg3);border:1px solid var(--dark-co1)}.dark .submit-button{background-color:var(--dark-bg2);color:var(--dark-co1)}input :focus,textarea :focus{outline:none}@media (min-width:600px){#contact{min-height:calc(100vh - var(--bar-hg-dt)*2);min-height:calc(var(--vh, 1vh)*100 - var(--bar-hg-dt)*2)}#email,textarea{width:500px}textarea{height:300px}}@media (max-width:600px){#contact{min-height:calc(100vh - var(--bar-hg-mb)*2);min-height:calc(var(--vh, 1vh)*100 - var(--bar-hg-mb)*2)}#email,textarea{width:calc(100% - 50px)}textarea{height:250px}}.main-page{justify-content:center;max-height:100%;max-width:100%}.main-content,.main-page{align-items:center;display:flex;flex-direction:column;flex-grow:1}.main-content{background-color:var(--background1);box-shadow:inset 0 -15px 15px -3px rgba(0,0,0,.1);color:var(--color1);justify-content:stretch;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:none;width:100%;z-index:5}.section-title{align-items:center;display:flex;justify-content:center}.header-background{flex-shrink:0;width:100%}.section-title{background-color:var(--background3)}.header-active-{display:none}#root,body{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%;z-index:5}@media (max-width:600px){.empty-space.header_hidden-,.footer,.header-background,.nav-bar a,header{flex-shrink:0;height:60px}.section-title{height:30px}.page-section{scroll-margin-top:var(--bar-hg-mb)}}@media (min-width:600px){.empty-space.header_hidden-,.footer,.header-background,.nav-bar a,header{flex-shrink:0;height:100px}.section-title{height:80px}.page-section{scroll-margin-top:var(--bar-hg-dt)}}
/*# sourceMappingURL=main.1e71947b.css.map*/