html{font-size:62.5%}@media screen and (max-width:480px){html{font-size:55.5%}}*{box-sizing:border-box;margin:0;padding:0;font-family:PT Sans Caption,sans-serif}::selection{color:#fff;background-color:#314755}body{background-color:#fff;flex-direction:column;min-height:100vh;display:flex}a{text-decoration:none}.wrapContainer{width:90%;max-width:133.4rem;margin:0 auto}.home{margin-bottom:5rem}.home .wrapContainer .sectionContainer{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:9rem;display:grid}
.wrapSvgNav{width:100%;max-width:133.4rem;margin:0 auto;position:relative}@media screen and (max-width:527px){.wrapSvgNav{position:static}}.wrapSvgNav .svgNav{z-index:-99;width:100%;height:10rem;position:absolute;top:5rem}@media screen and (max-width:527px){.wrapSvgNav .svgNav{top:2rem}}.wrapSvgNav .svgNav .waveImageWrap{width:100%;height:100%;position:relative}.wrapSvgNav .svgNav .waveImage{filter:drop-shadow(1px 5px 2px #0003);object-fit:fill}.navbar{z-index:999;background-color:#fff;align-items:center;height:7rem;display:flex}@media screen and (max-width:1024px){.navbar{background-color:#0000;height:7rem}}.navbar .wrapContainer .sectionContainer{justify-content:space-between;align-items:center;display:flex}.navbar .wrapContainer .sectionContainer .colLeft a{align-items:center;gap:1rem;display:flex}.navbar .wrapContainer .sectionContainer .colLeft a .logo{border:.3rem solid #6594b0;border-radius:50%;width:5rem;height:5rem;overflow:hidden}.navbar .wrapContainer .sectionContainer .colLeft a .logo img{object-fit:contain;width:5rem;height:5rem}.navbar .wrapContainer .sectionContainer .colLeft .name h1{color:#3e5d6e;font-size:1.6rem}.navbar .wrapContainer .sectionContainer .colRight{justify-content:space-between;align-items:center;gap:2rem;display:flex}.navbar .wrapContainer .sectionContainer .colRight .iconClose{display:none}.navbar .wrapContainer .sectionContainer .colRight .iconClose.on{display:block}@media screen and (max-width:768px){.navbar .wrapContainer .sectionContainer .colRight .iconClose.on{color:#fff;z-index:4;cursor:pointer;background-color:#ca0e0e;border-radius:50%;width:2rem;height:2rem;padding:1rem;position:fixed;bottom:18rem;right:1rem}}.navbar .wrapContainer .sectionContainer .colRight .nav{gap:3rem;display:flex}@media screen and (max-width:857px){.navbar .wrapContainer .sectionContainer .colRight .nav{gap:1rem}}@media screen and (max-width:768px){.navbar .wrapContainer .sectionContainer .colRight .nav{display:none}}.navbar .wrapContainer .sectionContainer .colRight .nav .link{color:#646c73;z-index:99;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:1.6rem;font-weight:400;transition:all .5s linear;display:flex;position:relative}@media screen and (max-width:768px){.navbar .wrapContainer .sectionContainer .colRight .nav .link{border-bottom:.001rem solid #646c73;border-left:.001rem solid #646c73}}.navbar .wrapContainer .sectionContainer .colRight .nav .link .icon{display:none}@media screen and (max-width:768px){.navbar .wrapContainer .sectionContainer .colRight .nav .link .icon{width:2rem;display:block}}.navbar .wrapContainer .sectionContainer .colRight .nav .link.on{color:#fff;font-weight:700}.navbar .wrapContainer .sectionContainer .colRight .nav .link.on:after{content:"";z-index:-1;background-color:#314755;border-radius:1rem;width:120%;height:3rem;padding:.3rem 1.5rem;position:absolute}@media screen and (max-width:857px){.navbar .wrapContainer .sectionContainer .colRight .nav .link.on:after{padding:.3rem .1rem}}@media screen and (max-width:768px){.navbar .wrapContainer .sectionContainer .colRight .nav .link.on:after{width:70%;height:90%;padding:.3rem 1.5rem}}.navbar .wrapContainer .sectionContainer .colRight .nav.on{z-index:3;background-color:#fff;border-radius:2rem 2rem 0 0;grid-template-columns:1fr 1fr 1fr;gap:0;width:100%;height:20rem;display:grid;position:fixed;bottom:0;right:0;overflow:hidden;box-shadow:0 .5rem 9rem 5rem #0003}.navbar .wrapContainer .sectionContainer .colRight .cta{justify-content:space-between;gap:2rem;display:flex}.navbar .wrapContainer .sectionContainer .colRight .cta .btnGithub{color:#fff;cursor:pointer;background-color:#314755;border:none;border-radius:1rem;align-items:center;gap:1rem;height:3.5rem;padding:.3rem 1.5rem;font-size:1.4rem;display:flex}.navbar .wrapContainer .sectionContainer .colRight .cta .btnGithub .icon{margin-right:-.4rem}.navbar .wrapContainer .sectionContainer .colRight .cta .btnGithub .iconArrow{margin-left:-.5rem;display:none}.navbar .wrapContainer .sectionContainer .colRight .cta .btnMenu{display:none}@media screen and (max-width:768px){.navbar .wrapContainer .sectionContainer .colRight .cta .btnMenu{color:#314755;cursor:pointer;z-index:2;background-color:#fff;border:none;border-radius:.3rem;align-items:center;gap:1rem;padding:1.5rem 2rem;font-size:2.6rem;display:flex;position:fixed;bottom:8.5rem;right:5rem;box-shadow:0 .5rem 2.5rem .1rem #0003}}.navbar .wrapContainer .sectionContainer .colRight .cta .btnMenu .icon{width:1.5rem}
.footer{background-color:#314755;width:100%;height:5rem;margin-top:auto}.footer .wrapContainer .box{justify-content:center;align-items:center;height:5rem;display:flex}.footer .wrapContainer .box p{color:#fff;font-size:1.4rem}