*{padding:0;margin:0;box-sizing:border-box;font-family:sans-serif}body{background-color:#033a50}.head{position:absolute;top:0;width:100%;height:80px;background-color:#000}.nav{width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navegation{display:flex;justify-content:space-between;gap:3rem}.navegation a{visibility:visible}ul{justify-content:space-between;display:flex;gap:1rem}ul li a:hover{color:#23839f}ul li a{display:inline-flex;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}#tasktrack{width:230px;height:290px;margin:200px auto}#casecow{display:flex;flex-direction:column;justify-content:space-between}#casecow button,#casecow input{height:40px;margin-bottom:10px}.enter-number{background-color:transparent;border:1px solid #cdcdcd;caret-color:#fff;padding-left:18px;color:#cdcdcd;border-radius:20px}.delete,.modify,.signup-btn{border-radius:20px}.signup-btn{background-color:#23839f;color:#fff}.modify{background-color:#a0a0a0;color:#fff}.delete{background-color:#000;color:#fff}#id01{position:absolute;width:600px;height:700px;background-color:#fff;top:0;left:0;right:0;margin:200px auto;display:none}#id01 span{float:right;font-size:20px;background-color:grey;color:#fff;padding:4px 8px;cursor:pointer}.content img{width:40%;position:absolute;left:27%;margin:20px auto;border-radius:180px}.section{margin-top:300px;margin-bottom:40px}.section>*{display:block;margin-top:10px;margin-left:20px;font-size:20px}.section button,.section input{width:93%;border:1px solid grey}.section .name-type{margin-top:0;outline:0;padding:10px}.section .log-in{margin-top:30px;background-color:#23839f;color:#fff}.section .remember-me{display:inline;appearance:none;-moz-appearance:none;-webkit-appearance:none;width:25px;height:15px;outline:0;border:3px solid grey;margin:30px 20px;cursor:pointer;padding:0 10px}.close-avatar{margin-left:20px;width:120px;background-color:#a0a0a0;color:#fff;border:none}.password a{background-color:#23839f}@media screen and (max-width:580px){.head{height:80px}.nav{width:98%;display:flex;justify-content:space-between;align-items:center}.navegation{position:absolute;top:80px;width:100%;height:calc(100vh - 80px);flex-direction:column;list-style:none;justify-content:center;display:none;background-color:rgb(3,58,80,.9)}.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}#id01{width:90%}.avatar img{min-width:50%}.section{width:100%}.content{width:100%}}