*{box-sizing:border-box;color:#fff;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#111821;font-family:Roboto,sans-serif;margin:0;overflow-x:hidden;transition:background-color 2s}.fix{overflow:hidden!important}li{font-weight:300;list-style:none}.socialMediaContainer{align-items:center;bottom:0;display:flex;flex-direction:column;gap:2rem;left:2rem;position:fixed}.socialMediaContainer ion-icon{font-size:3.5rem;opacity:0;transform:translateY(20px);transition:transform .5s ease}.socialMediaVerticalLine{background-color:#fff;height:0;transition:height .5s ease;width:4px}.socialMediaIcon ion-icon{opacity:1;transform:translateY(0)}.socialMediaExpandLine{height:14rem}.clickerContainer{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:50%;margin-top:15rem;opacity:0;position:absolute;transform:translateX(-50%);transition:all .25s ease}.clickerContainer img{stroke:#fff;cursor:pointer;height:50px;width:50px}.clickerContainer a{align-items:center;cursor:pointer!important;display:flex;flex-direction:column}@keyframes click{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}.clickerContainer a ion-icon{animation-duration:2.5s;animation-iteration-count:infinite;animation-name:click;height:30px;width:100px}.bottomLink{opacity:1!important}.bottomLink a{align-items:center;display:flex;flex-direction:column;height:80px;justify-content:center;margin:5rem auto;max-width:80px;width:100%}.bottomLink a img{height:50px!important;width:50px!important}.bottomLink ion-icon{animation-duration:2.5s;animation-iteration-count:infinite;animation-name:click;font-size:3rem}.navigation{align-items:center;display:grid;grid-template-columns:1fr 1fr;margin:0 auto;max-width:160rem;padding:3rem 2rem;position:relative;transition:all .5s ease;width:100%}.navigation .navigationChild:nth-child(odd){align-items:center;border-right:none;display:flex;height:0;justify-self:end;width:0}.navigation .navigationChild:nth-child(3){border-left:none;border-right:1px solid #2e4a6f;justify-self:start}.navigation .navigationChild:last-child ul li{opacity:0}.navigation .navigationChild:nth-child(2){background-color:#2e4a6f;border-radius:50%;height:0;justify-self:center;left:50%;position:absolute;transform:translate(-50%);transition:all .5s ease;width:0}h1{font-size:2.5rem;font-weight:200;opacity:0;position:relative;z-index:1}.navLink:before,h1:before{background-color:#2e4a6f;content:"";filter:blur(16px);height:0;left:50%;opacity:0;position:absolute;text-align:center;top:5%;transform:translate(-50%);transition:all .5s;width:0;z-index:-1}.navLink:hover:before,h1:hover:before{height:100%;opacity:1;width:100%}.navigation .navigationChild{border-color:#2e4a6f;transition:all 1.5s}.leftNav{border:1px solid #2e4a6f;width:100%!important}.centerNav{height:20px!important;width:20px!important}.rightNav{border:1px solid #2e4a6f;border-right-width:2px;width:100%!important}.rightNav ul{display:flex;gap:8rem;list-style:none;width:100%}.rightNav ul li{position:relative}.rightNav ul li a{font-size:2rem;font-weight:200;text-decoration:none}.exit{opacity:0!important}.navHeightExpand{height:60px!important}.borderLess{border-color:#0000!important}.name{opacity:1!important;transition:opacity,transform .5s ease!important}.disappear{opacity:0!important}.appear{opacity:1!important;transition:opacity 2s ease}.navMenuIcon{background-color:initial;border:none;cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:space-around;max-width:50px;width:100%}.navMenuIcon div{background-color:#fff;opacity:0;transition:opacity 1 ease}.navMenuIcon div:first-child{height:2px;width:36px}.navMenuIcon div:last-child{height:2px;width:18px}.disableMenu{pointer-events:none}@media only screen and (max-width:900px){.rightNav{justify-content:end}.navMenuIcon{display:flex!important;justify-self:end}header{padding:5rem 4rem 15rem!important}}@media only screen and (max-width:500px){header{padding:0 4rem 10rem!important}}header,section{display:flex;gap:15rem;margin:0 auto 15rem;max-width:160rem;padding:10rem 2rem 25rem;position:relative;width:100%}.headerText{max-width:100rem;width:100%}.headLinkContainer,.headParagraph{font-size:2.5rem;font-weight:200!important;left:-5rem;margin:1.5rem 0;opacity:0;position:relative;transition:all 1s ease}.headLink{border:3px solid #d6336c;font-weight:300;padding:.5rem 1rem;transition:top .5s ease,left .5s ease;z-index:999}.headLink,.headLinkSupport{height:45px;left:0;max-width:200px;position:absolute;top:0;width:100%}.headLinkSupport{border:1px solid #d6336c!important;border-left:none!important;border-top:none!important;transition:all .5s ease;z-index:0}.headContainer:hover .headLink{left:-1rem;top:-1rem}.headContainer:hover .headLinkSupport{left:1rem}.headMain:before{background-color:#d6336c;content:"";filter:blur(90px);height:100%;left:0;position:absolute;top:0;transform:translate(-100px,50px);width:40%;z-index:-1}.revealHeadParagraph{left:0;opacity:1}.headerImageContainer{height:35rem;margin-bottom:2rem;opacity:0;position:relative;transition:opacity 1s ease;width:35rem}.headerImageContainer div{height:100%;left:0;position:absolute;top:0;transform:rotate(-15deg);width:100%}.headerImageMain{background-image:url(/newFolio/static/media/myProfile.3d1b9050344888a124ad.webp);background-size:cover;border:5px solid #2e4a6f;transition:transform 1s ease;z-index:2}.headerImageMainTransformed{transform:translate(-20px,-10px) rotate(-15deg)!important}.headerImageSupport{background-color:#2e4a6f;z-index:1}.headerImageSupport:before{background-color:#2e4a6f;content:"";filter:blur(100px);height:100%;left:5rem;position:absolute;top:5rem;width:100%;z-index:-1}@media only screen and (max-width:1500px){.headLinkContainer,.headParagraph{font-size:2rem}.headerText{max-width:80rem}.headerImageContainer{height:25rem;left:-10rem;width:25rem}.headLink,.headLinkSupport{max-width:160px!important}}@media only screen and (max-width:1400px){.headerText{max-width:80rem}}@media only screen and (max-width:1200px){.headLink,.headLinkSupport{max-width:170px!important}.headLinkContainer,.headParagraph{font-size:2.1rem}.headerText{max-width:60rem}.headLink,.headLinkSupport{height:40px!important}}@media only screen and (max-width:1110px){header{align-items:center;flex-direction:column;gap:5rem!important;margin:0 auto 5rem!important}.headerImageContainer{left:0!important}.socialMediaContainer{display:none}.headerText{max-width:80rem}.headerImageContainer{height:30rem;margin-top:2rem;width:30rem}.clickerContainer{margin-top:3rem}.headLink,.headLinkSupport{height:42px!important}}@media only screen and (max-width:500px){.headerImageContainer{height:20rem;width:20rem}.headLinkContainer,.headParagraph{font-size:1.8rem}.headLink,.headLinkSupport{height:40px!important;max-width:150px!important}}@media only screen and (max-width:370px){.headerImageContainer{height:15rem;width:15rem}.headLinkContainer,.headParagraph{font-size:1.5rem}.headLink,.headLinkSupport{height:35px!important;max-width:135px!important}}.aboutSection{grid-gap:7.5rem;display:grid;gap:7.5rem;grid-template-columns:3fr 2fr 1.5fr;margin-bottom:5rem;max-width:160rem!important;padding:5rem 4rem 0;position:relative;z-index:1}.aboutHead{font-size:4.2rem;font-weight:300;text-align:center}.aboutSection div:first-child{margin-left:3rem;position:relative;transform:translateY(10rem);z-index:1}.aboutSection:after{background-color:#d6336c;border-radius:50%;bottom:0;content:"";filter:blur(100px);left:50%;position:absolute;right:0;top:50%;width:20%;z-index:-1}.aboutSection div:nth-child(2){transform:translateY(-10rem)}.aboutSection div:last-child{position:relative;transform:translateY(10rem);z-index:1}.aboutSection div{opacity:0;text-align:center}.aboutContent h3{font-size:3rem;font-weight:200}.aboutSection div p{font-size:2.4rem;font-weight:200}.aboutContent{color:#fff;opacity:1!important;transform:translate(0)!important;transition:all 1s ease}.aboutContent:hover p{color:#bac8ff!important;transition:color .5s ease}@media only screen and (max-width:1500px){.aboutSection p{font-size:2.2rem!important}}@media only screen and (max-width:1200px){.aboutSection{grid-template-columns:1.5fr 1fr}.aboutContent:last-child{grid-column:1/3!important;padding:0 5rem}}@media only screen and (max-width:1110px){.aboutSection div:first-child{margin-left:0!important}}@media only screen and (max-width:1000px){.aboutSection p{font-size:2rem!important}}@media only screen and (max-width:768px){.aboutHead{font-size:4rem}.aboutSection{grid-template-columns:1fr}.aboutSection p:first-child{margin:0!important}.aboutContent:last-child{grid-column:unset!important;padding:0!important}}@media only screen and (max-width:535px){.aboutSection p{font-size:1.6rem!important}}@media only screen and (max-width:350px){.aboutSection p{font-size:1.4rem!important}}.headSkills,.skillContainer{padding-top:5rem}.skillContainer{grid-gap:1rem;display:grid;flex-wrap:wrap;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:space-around;margin-bottom:0;max-width:140rem;padding-bottom:0;position:relative;z-index:1}.skillContainer:after{background-color:#3e68a0;border-radius:50%;bottom:0;content:"";filter:blur(100px);left:0;position:absolute;right:0;top:50%;width:20%;z-index:-1}.skillContainer div{align-items:center;background-color:#223247;display:grid;grid-template-columns:1fr 4rem;justify-content:space-around;opacity:0;transform:translateX(-20px);width:100%}.skillContainer div img{height:4rem;width:4rem}.skillContainer p{color:#d6336c;font-family:roboto,sans-serif;font-size:2.4rem;padding:1rem 2rem}.headSkills{font-size:4.6rem;font-weight:300;text-align:center}.skillVisible{opacity:1!important;transform:translateX(0)!important;transition:opacity,transform .3s}.skillVisible:hover{transform:scale(1.1)!important}@media only screen and (max-width:450px){.skillContainer{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.skillContainer p{font-size:2rem}.skillContainer div{grid-template-columns:1fr 3rem}.skillContainer div img{height:3rem;width:3rem}}@media only screen and (max-width:390px){.skillContainer{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.skillContainer p{font-size:1.6rem}.skillContainer div{grid-template-columns:1fr 2rem}.skillContainer div img{height:2rem;width:2rem}.aboutSection div:first-child:after,.aboutSection div:last-child:after{left:0!important}}@media only screen and (max-width:350px){.skillContainer{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}.menuMain{background-color:#111821;bottom:0;left:0;padding:5rem 0;position:fixed;right:0;top:70px;width:100%;z-index:9999}.menuContainer{display:flex;flex-direction:column;gap:7.5rem}.removeFromSight{display:none}.menuContainer li{align-items:center;display:flex;height:5rem;justify-content:center;margin-left:-2rem;max-width:50rem;position:relative;width:100%}.lockMenuLi{transform:translateX(-550px)}.unlockMenuLi{transform:translateX(0);transition:transform 1.5s ease}.menuContainer li:after{border:2px solid #2e4a6f;border-left:none;border-radius:0;bottom:0;content:"";filter:none;left:0;margin-right:1rem;position:absolute;right:0;top:0;transform:skewX(-40deg)}.menuContainer li a{cursor:pointer;font-family:roboto,"sans-serif";font-size:2.4rem;font-weight:300;text-align:center;text-decoration:none;width:100%;z-index:100}.socialMenu{align-items:center;bottom:1rem;display:grid;grid-template-columns:1fr 160px 1fr;position:absolute;width:100%}.socialMenu div:nth-child(odd){background-color:#fff;height:1px;justify-self:start;transition:width 1s ease;width:0}.socialMenu div:nth-child(2){display:flex;font-size:3.5rem;justify-content:space-around;opacity:0;transition:opacity 1s ease}.socialMenu div:last-child{justify-self:end}.socialMenuWidth{width:80%!important}.socialMenuOpacity,.socialMenuOpacity ion-icon{opacity:1!important}.projectSection{display:flex;flex-direction:column;gap:12rem;max-width:130rem;padding-bottom:0;width:100%}.projectSection h2{font-size:4.6rem;font-weight:300;text-align:center}.projectContainer{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:500px 1fr;opacity:0!important;padding:1rem;transform:translateY(20rem)}.showProject{opacity:1!important;transform:translateY(0);transition:all 1s ease}.projectContainer img{border:2px solid #339af0;border-radius:15px;height:auto;object-fit:contain;width:100%}.projectInfo{display:flex;flex-direction:column;gap:3rem;justify-content:end;padding-bottom:2rem}.projectInfo h3{font-size:4.6rem}.projectInfo p{color:#339af0;font-size:2rem}.projectInfo a{align-items:center;background-color:#111821;border-color:#339af0;border-style:solid;border-width:2px 1px 1px 2px;color:#339af0;display:flex;font-size:3rem;justify-content:space-around;max-width:12rem;padding:.5rem;position:relative;text-align:center;text-decoration:none;transform:translate(0);transition:all .5s ease;width:100%;z-index:2!important}.projectInfo a:hover{transform:translate(-1rem)}.projectInfo a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translate(0);transition:all 1s ease;z-index:-1!important}.projectInfo a:after,.projectInfo a:hover:after{border:1px solid #339af0;border-left:none!important;border-top:none!important}.projectInfo a:hover:after{transform:translate(1rem,1rem)}.projectInfo a ion-icon,.projectInfo a p{font-size:2.8rem}@media only screen and (max-width:1380px){.projectSection{max-width:100rem}.projectContainer{grid-template-columns:300px 1fr}}@media only screen and (max-width:768px){.projectContainer{grid-template-columns:500px;justify-content:center}.projectContainer img{justify-self:center;max-height:300px;max-width:300px}}@media only screen and (max-width:550px){.projectSection{gap:6rem}.projectContainer{grid-template-columns:350px}.projectInfo h3{font-size:4rem}.projectInfo a,.projectInfo p{font-size:1.8rem}}@media only screen and (max-width:370px){.projectContainer{grid-template-columns:300px}.projectInfo a,.projectInfo p{font-size:1.6rem}}.contact{gap:5rem;margin-bottom:5rem}.contact,.contact form{background-color:initial;flex-direction:column;padding:2rem;width:100%}.contact form{align-items:center;display:flex;gap:2rem;justify-content:center;margin:0 auto;max-width:70rem}.contact form label{background-color:initial;font-size:2rem}.contact form input,.contact form textarea{background-color:initial;border:1px solid #339af0;font-family:roboto,sans-serif;font-size:2rem;outline:none;padding:1rem 2rem;width:100%}.contact form textarea{height:15rem;max-height:15rem}.contact form input[type=submit]{align-self:self-start;cursor:pointer;font-size:1.8rem;max-width:20rem;width:100%}.contact h2{background-color:initial;font-size:3.2rem;font-weight:500;text-align:center}
/*# sourceMappingURL=main.ca05e7cc.css.map*/