*,*:after,*:before{margin:0;padding:0;font-family:Poppins,ubuntu}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}body{font-size:1rem;background:linear-gradient(to right,#00a2ff,#4406f0)}#app{max-width:56rem;margin:0 auto;padding:2rem;text-align:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}.div-header{margin:10px;padding:10px;background-color:#fff;border-radius:10px!important}aside{width:100%;text-align:center;font-size:1.2em;padding:10px 0;color:#fff;font-weight:700;margin-bottom:10px;border-bottom:.5px dashed whitesmoke}#nbre{padding:5px 10px;margin:10px;border:none;width:100px;border-bottom:1px black solid}#nbre:active{border-color:#f5f5f5}h3{color:#111110ea;text-transform:uppercase}header,section{margin:auto auto 40px;background-color:#f5f5f5;width:400px;text-align:center;border-radius:10px;border:.2px solid black}#solution{min-height:80px;padding-top:20px;font-size:1.5rem}#solution h5{padding-bottom:20px}#inputs input{height:100%;font-size:1.1em;animation:ani-inputs 1s ease-in-out both;width:80%;margin:10px 0;padding:5px 10px;border:.5px solid rgb(238,228,228);background-color:#fff;border-radius:10px;border:.3px solid black}#inputs input:focus{border-color:#0c0c0c}#inputs{overflow:hidden;margin:auto;min-height:100px}.indication{display:block;margin:40px auto auto;font-size:1.1rem;width:200px;padding:5px 10px;border-radius:10px;font-weight:700;z-index:100;text-align:center;border-color:initial}@keyframes ani-inputs-right{0%{transform:translate(-200%)}to{transform:translate(0)}}@keyframes ani-inputs-left{0%{transform:translate(200%)}to{transform:translate(0)}}@media screen and (max-width: 600px){section,header{width:80vw;margin:auto}input{height:20px}}