:root{--background:#fcf9f7;--foreground:#354252;--sections:#4b5e76;--button:#354252;--text:#fff;--header-text:K2D,serif;--normal-text:Inter,serif}#container,html{height:100%;overflow:hidden;position:relative}body{margin:0}@media (max-width:768px){html{overflow:auto}}html{background-color:#fcf9f7;background-color:var(--background)}h2{letter-spacing:.1rem}@media only screen and (min-width:1200px){h1{font-size:48px}h2{font-size:36px}p{font-size:30px}Button,a{font-size:20px}}@media only screen and (max-width:1200px){h1{font-size:36px}p{font-size:24px}Button,a{font-size:16px}}.container{background-color:var(--background);bottom:0;display:grid;grid-template-rows:10% 90%;height:100%;position:absolute;width:100%}.pageContainer{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:80% 80%;height:100%;justify-content:center;padding:1rem}@media (max-width:400px){.pageContainer{padding:1rem 0}}header{display:flex;flex-grow:1;margin:1rem 0}.page{background-color:var(--foreground);border-radius:20px 20px 0 0;height:100%;margin:0 1rem}.fadeIn{animation:fadeIn .5s forwards;height:100%}.fadeOut{animation:fadeOut .5s forwards;height:100%}.main{bottom:0;position:absolute}@keyframes fadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@media screen and (max-width:900px){.page{height:auto;min-height:100%}.pageContainer{align-items:center;background-size:100% 100%;display:flex;justify-content:center}.fadeIn{animation:fadeIn .5s forwards;height:100%}.fadeOut{animation:fadeOut .5s forwards;height:100%}.main{bottom:0;position:absolute}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}}nav{align-items:center;justify-content:space-between;margin:0 1rem 0 2rem;width:100%}.buttonContainer,nav{display:flex}img{height:2.5rem}.linkButton{align-items:center;border:none;border-radius:20px;box-shadow:0 4px 4px 0 #00000040;color:var(--text);display:flex;font-family:var(--normal-text);height:2rem;justify-content:center;margin:0 0 0 1rem;overflow:hidden;position:relative;text-decoration:none;width:10rem;z-index:1}.linkButton:after{background-color:var(--button);width:100%;z-index:-2}.linkButton:after,.linkButton:before{content:"";height:100%;position:absolute}.linkButton:before{background-color:var(--sections);border-radius:10rem;left:0;transition:all .3s;width:0;z-index:-1}.linkButton:hover:before{width:100%}.buttonDropDown{display:none}@media only screen and (min-width:1000px){.dropdownContainer{display:none}}@media only screen and (max-width:1000px){nav{display:flex;justify-content:space-between;width:100%}.buttonContainer{display:none}.dropdownContainer{align-items:center;display:inline-flex;height:100%;justify-content:center}.dropdownButton{align-items:center;background-color:var(--button);border:none;border-radius:20px;box-shadow:0 4px 4px 0 #00000040;color:var(--text);display:flex;height:2.5rem;justify-content:center;position:relative;text-decoration:none;width:2.5rem;z-index:1000}.dropdownButton,.dropdownContent{font-family:var(--normal-text);overflow:hidden}.dropdownContent{background-color:#f9f9f9;border-radius:20px;box-shadow:0 8px 16px 0 #0003;height:0;opacity:0;position:absolute;right:.75rem;top:60px;transition:all .3s ease-in-out;width:8rem;z-index:1}.dropdownContent.open{height:132px;opacity:1}.dropdownLink{align-items:center;color:#000;display:flex;justify-content:center;padding:12px 16px;text-decoration:none}}#vector{height:35rem;width:80%}h1{color:var(--text);font-family:var(--header-text);text-shadow:0 4px 2px #00000040}.picOfMe{border-radius:15px;height:100%;width:auto}.imgContainer{background:var(--background);border-radius:17px;box-shadow:0 4px 4px 0 #00000040;height:20rem;padding:7px;transition:all .4s ease-in-out}.textContainer{margin-right:2rem;width:30rem}.infoContainer{justify-content:space-around;margin-bottom:5%}@media screen and (max-width:900px){.infoContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:5%;width:80%}.textContainer{margin:0;max-width:20rem;text-align:center}.textContainer p{font-size:18px}.textContainer h1{font-size:28px}.picOfMe{border-radius:15px;height:14rem;width:auto}.imgContainer{height:auto;max-height:14rem}}p{font-weight:400}h2,p{color:var(--text);font-family:var(--header-text);text-shadow:0 4px 2px #00000040}h2{margin-bottom:.5rem;text-align:center}.tech-icon{height:5rem;width:auto}.current{margin-top:0}.known{align-content:space-between;background-color:var(--background);border-radius:17px;display:flex;flex-wrap:wrap;gap:2rem;grid-auto-rows:minmax(100px,auto);justify-content:space-between;min-width:20rem;padding:2rem}.languagesAndFrameworks{margin:0 2rem}.intro{margin:0 3rem 0 5rem}.infoContainer{align-items:center;display:flex;margin:0}@media screen and (max-height:800px){h2{font-size:28px}.intro p{font-size:26px}}@media screen and (max-width:900px){.infoContainer{max-width:500px}.intro{color:var(--text);font-family:var(--header-text);font-weight:400;margin:0;text-shadow:0 2px 1px #00000040}.intro p{font-size:18px}h2{font-size:22px}.tech-icon{height:3rem;width:auto}}@media screen and (max-width:768px){.intro p{font-size:1rem}h2{font-size:18px}.known{min-width:8.5rem}}.projectsContainer{display:grid;grid-template-columns:30% 70%;height:100%;width:100%}.relativeList{height:100%;max-width:300px;position:relative}.projectsList{align-items:center;background-color:var(--background);border-radius:20px 20px 0 0;bottom:0;display:flex;flex-direction:column;height:95%;left:2.5rem;position:absolute;width:15rem}.projectContainer{background-position:100%;background-repeat:no-repeat;height:100%}p{font-family:var(--normal-text)}.project{align-items:center;display:grid;grid-template-columns:auto 50%;height:100%;max-height:0;opacity:0;position:relative;transform:translate(-20px);transition-duration:.4s;transition-property:opacity,transform;transition-timing-function:ease-in-out;visibility:hidden}.active{height:100%;max-height:100%;opacity:1;transform:translate(0);visibility:visible}.headerTextContainer h1{margin:0}.project Img{border-radius:17px;box-shadow:0 4px 4px 0 #00000040;height:auto;justify-self:center;max-width:300px;position:relative;width:70%}.headerTextContainer{margin:0 0 0 5rem}.pageContainer{display:flex}.infoButton{display:none;margin:.5rem 0 1rem}.modalContainer{background-color:var(--foreground);border-radius:20px 20px 0 0;height:100%;margin:0 auto;position:relative;z-index:1000}.modalProjectInfo{height:90%;overflow:auto;padding:1rem}.modalProjectInfo button{align-items:center;background-color:var(--background);border:none;border-radius:20px;box-shadow:0 4px 4px 0 #00000040;color:var(--foreground);display:flex;float:right;font-family:var(--normal-text);font-size:20px;height:1.5rem;justify-content:center;margin:0 0 .5rem .5rem;overflow:hidden;position:relative;text-decoration:none;width:1.5rem;z-index:1}.inactiveModalContainer{bottom:0;opacity:0;position:relative;transition:all .4s ease-in-out}.activeModalContainer{bottom:100%;opacity:1;position:absolute;top:0;transition:all .4s ease-in-out}.projectDescription{padding:1rem;@media (max-width:800px){font-size:1rem}}.noshow{display:none}.show{display:block}.projectButton{align-items:center;border:none;border-radius:20px;box-shadow:0 4px 4px 0 #00000040;color:var(--text);display:flex;font-family:var(--normal-text);justify-content:center;margin:1rem 0 0;overflow:hidden;padding:.5rem;position:relative;width:90%;z-index:1}.projectButton:after{background-color:var(--sections);content:"";height:100%;position:absolute;width:100%;z-index:-2}.projectButton:before{background-color:var(--button);border-radius:20px;content:"";height:100%;left:0;position:absolute;transition:all .3s;width:0;z-index:-1}.projectButton:hover:before{width:100%}.projectButton:hover{cursor:pointer}.modalProjectInfo p{background-color:var(--sections);border-radius:17px;font-size:18px;margin-right:3rem;padding:1rem}@media only screen and (max-height:800px){.project Img{width:38%}.headerTextContainer h1{font-size:36px}.headerTextContainer p{font-size:26px}}@media only screen and (min-width:1000px){.projectsContainer{grid-template-columns:20% 80%;grid-template-rows:100%}}@media only screen and (max-width:1100px){.projectsList{width:13rem}}@media only screen and (max-width:1000px){.projectsList{display:none}.infoButton{align-items:center;background-color:var(--background);border:none;border-radius:20px;box-shadow:0 4px 4px 0 #00000040;color:var(--foreground);display:flex;font-family:var(--normal-text);height:2rem;justify-content:center;overflow:hidden;position:relative;text-decoration:none;width:10rem;z-index:1}.relativeList{display:none}.projectsContainer{display:block}.headerTextContainer p{display:none}.project{align-items:center;height:100%;max-height:0;opacity:0;overflow:auto;position:relative;transform:translateY(-20px);transition-duration:.4s;transition-property:opacity,transform;transition-timing-function:ease-in-out;visibility:hidden}.active{display:flex;flex-direction:column;height:100%;max-height:100%;opacity:1;transform:translateY(0);visibility:visible}.project img{height:auto;width:60%}.headerTextContainer{align-items:center;display:flex;flex-direction:column;margin:1rem 0 0;text-align:center}.projectContainer{display:flex;flex-direction:column;justify-content:center}#next{right:15px}#next,#prev{background-color:var(--background);border:none;border-radius:20px;color:var(--foreground);font-size:20px;font-weight:700;height:1.5rem;position:absolute;top:30px;width:1.5rem}#prev{left:15px}}@media only screen and (max-width:380px){.modalProjectInfo p{font-size:18px}}.contactContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.linkContainer{display:flex;justify-content:space-between;width:30rem}.emailH2,p{margin-top:0}.icon{height:120px}@media only screen and (max-width:1200px){.icon{height:100px}.linkContainer{width:25rem}.contactContainer h1{font-size:32px}}@media only screen and (max-height:800px){.contactContainer h1{font-size:36px}}@media only screen and (max-width:500px){.linkContainer img{height:60px}.linkContainer{width:15rem}.contactContainer{max-width:20rem}.contactContainer h1{font-size:26px}}
/*# sourceMappingURL=main.2a777200.css.map*/