*{padding:0;margin:0;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Verdana,sans-serif;overflow:hidden}body{width:100%;background-repeat:no-repeat;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.conteinerMain{height:100vh;display:flex;flex-direction:column;align-items:center;margin-bottom:200px}.containerHead{width:100%}.imgPerfil{width:350px;margin-top:15vh}@media (max-width: 350px){.imgPerfil{width:250px}ul{transform:scale(.8)}body{box-sizing:unset}}.conteinerBody{width:100%;display:flex;flex-direction:column;margin-top:50px;gap:15px;align-items:center}h3{text-align:center;color:#fff}h4{color:#2e62aa;font-size:20px;margin-bottom:-15px;font-weight:900}ul{list-style-type:none}ul li{background-color:#fff;--c: rgb(255, 255, 255);color:var(--c);border-radius:40px;border:2px solid white;text-align:center;position:relative;overflow:hidden;z-index:1;transition:.5s;margin:1em}ul li span{position:absolute;width:35%;height:100%;background-color:var(--c);transform:translateY(150%);border-radius:50%;left:calc((var(--n) - 1) * 15%);transition:.5s;transition-delay:calc((var(--n) - 1) * .1s);z-index:-1}ul li:hover span{--c: #005A92;transform:translateY(0) scale(2)}ul li span:nth-child(1){--n: 1}ul li span:nth-child(2){--n: 2}.conteinerIcon{color:#2e62aa;position:absolute;display:flex;justify-content:center;gap:16px;align-items:center;flex-direction:column;bottom:20px}a.button{padding:10px;text-decoration:none;display:flex;align-items:center;border-radius:70px;transition:.2s ease-in-out;box-shadow:#00000025 2px 2px 10px 5px;font-weight:700;font-size:20px;color:#005a92;width:300px;max-width:450px}ul{border-radius:50px}a.button:hover{color:#fff}.iconbtn{font-size:25px;margin-inline:15px;text-align:left}a.button h5{text-align:center;font-size:17px;width:64%}footer.container{font-weight:700;text-align:center;background-color:transparent;max-width:100%}.container .social{text-align:center;margin-bottom:30px}.container .social a{box-sizing:border-box;font-size:24px;color:#30394d;border:1px solid rgb(17,81,218);width:40px;height:40px;line-height:38px;display:inline-block;align-items:center;border-radius:50%;margin:10px 8px 0;opacity:.75;padding:5px;transition:ease-in-out .15s;background-color:#1367c1;color:#fff}footer .social a:hover{opacity:1}@media (max-width: 768px){.conteinerBody h3{width:80%}}body{margin:auto;font-family:-apple-system,BlinkMacSystemFont,sans-serif;overflow:auto;background:#006eaa;animation:gradient 15s ease infinite;background-size:400% 400%;background-attachment:fixed}@keyframes gradient{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.wave{background:#ffffff7b;border-radius:1000% 1000% 0 0;position:fixed;width:200%;height:20em;animation:wave 10s -3s linear infinite;transform:translateZ(0);opacity:.8;bottom:0;left:0;z-index:-1}.wave:nth-of-type(2){bottom:-1.25em;animation:wave 18s linear reverse infinite;opacity:.8}.wave:nth-of-type(3){bottom:-2.5em;animation:wave 20s -1s reverse infinite;opacity:.9}@keyframes wave{2%{transform:translate(1)}25%{transform:translate(-25%)}50%{transform:translate(-50%)}75%{transform:translate(-25%)}to{transform:translate(1)}}