html{box-sizing:border-box;font-size:16px;color:#fff;font-family:IBM Plex Mono}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{padding:0;margin:0;font-weight:400}h1,h2,h3,h4,h5{font-family:Poppins}img{max-width:100%;height:auto}body{background:#000f16;background:linear-gradient(180deg,#171837,#181f38 60.42%,#182438);min-height:98vh}h1{margin-bottom:2rem}h2{margin-bottom:1rem}.main-menu a{color:#fff}.articulo{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1rem;transition:all .25s;border-left:skyblue 2px solid}.articulo:hover{background:#ffffff14;border:1px solid rgba(255,255,255,.4);box-shadow:0 12px 12px #00000059}.articulo .info{color:#d2d2d5}.articulo h2,.articulo a{color:#fff;text-decoration:none}.articulo-body{font-size:1.5rem}.app-container{max-width:1400px;padding:2rem 0;margin:auto}.articulo-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.label{color:gray}.male{color:#87ceeb}.female{color:pink}.login-container{max-width:500px;margin:auto;margin-top:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:2rem;transition:all .25s}.login-container{text-align:center}.field{margin-bottom:1rem}.field label{margin-right:1rem;line-height:2}.field input{background:none;border:1px solid gray;padding:.5rem;border-radius:.75rem;width:100%;color:#fff}.error{background:tomato;margin-top:1rem;line-height:3;padding:.25rem 2rem;border-radius:.25rem}