*{padding:0;margin:0;box-sizing:border-box;font-family:sans-serif}body{background-color:#033a50}.head{height:80px;background-color:#000}.nav{width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navegation a{visibility:hidden}.navegation img{display:flex;justify-content:space-around;position:absolute;width:200px;padding-left:60px;top:500px;opacity:.5;visibility:visible}.navegation li img:hover{opacity:1}ul{justify-content:space-between;display:flex;gap:1rem}ul li a:hover{color:#23839f}ul li a{display:inline-flex;width:200px;height:80px;text-decoration:none;text-transform:uppercase;color:#fff;font-size:22px;line-height:80px;font-weight:700}.logo img{display:inline-flex;width:40px}.homebutton{position:relative;height:40px;width:140px;border-radius:20px;background-image:linear-gradient(180deg,#131313,#000)}.step4{width:36px;height:36px;margin-top:3px;transform:rotate(-22.5deg) skewX(45deg) scaleY(cos(45deg));border:4px solid #fff;border-bottom:0;border-left:0;margin-left:50px;position:relative}.element1{position:absolute;width:45px;height:22px;transform:rotate(45deg);border-right:3px solid #fff;border-bottom:6px solid #fff;border-left:3px solid #fff;margin-top:10px;margin-left:-11px}.toggle-button{display:none}.toggle-button .bar{height:3px;width:100%;background-color:#fff}@media screen and (max-width:580px){.head{height:80px}.nav{width:98%;display:flex;justify-content:space-between;align-items:center}.navegation{width:100%;height:calc(100vh - 80px);flex-direction:column;list-style:none;justify-content:center;display:none;border:1px solid red}.navegation a{display:block;visibility:visible}.navegation li a{width:100%;text-align:center;font-size:14px}.navegation img{visibility:hidden}.homebutton{display:none}.logo img{position:absolute;top:1.25rem}.toggle-button{position:absolute;top:1.75rem;right:.75rem;display:block;width:36px;height:21px}.toggle-button .bar{flex-direction:column;justify-content:space-between;height:3px;width:100%;margin-bottom:6px;background-color:#fff;display:block}.navegation.active{display:flex}}