*{padding:0;margin:0;font-family:Arial,Helvetica,Garuda,sans-serif;box-sizing:border-box}
html,body{height:100%;margin:0}
body{background-image:url('https://i.postimg.cc/vBfdYGn5/fond.jpg');width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;min-width:320px}
main{width:100%}
.box-todo{width:100%;min-width:320px;min-height:100vh;position:relative;padding-bottom:60px}
header{display:flex;justify-content:space-between;align-items:center;background-color:#ee1c28;color:#fff;min-width:320px;padding:8px 0}
.campo{width:100%}
.h2{margin-top:9px}
header div{padding:8px 15px}
.h1 img{max-height:46px;display:block}
.box{width:92%;max-width:550px;margin:auto;text-align:center;padding-top:40px}
.titu{margin:30px 0}
.titu h1{font-size:1.3rem}
input{border:none;background-color:transparent;padding:10px;margin:30px auto;border-bottom:2px solid #ee1c28;width:90%;max-width:340px;display:block;outline:none;font-size:16px;transition:all .25s ease;-webkit-transition:all .25s ease}
input:focus{background-color:#fff;border:2px solid #ee1c28;border-radius:90px;transform:scale(1.08);box-shadow:0 4px 14px rgba(238,28,40,.35);padding:14px 18px}
::placeholder{font-weight:600;color:#444;font-size:16px}
.btn{width:100%}
.aletr{text-align:start;font-weight:100;font-size:17px}
button{outline:none;border:none;color:#fff;background-color:#ed1c27;border-radius:90px;padding:12px 16px;width:60%;max-width:260px;margin:25px 0;cursor:pointer;font-size:16px;transition:background-color .2s}
button:hover{background-color:#c3101a}
button:active{transform:scale(.97)}
nav{margin:35px 0}
nav a{color:#ed1c27;font-size:13px;padding:10px;text-decoration:none;display:inline-block}
.fo{color:#939598;font-size:12px;padding:0 10px}
footer{color:#fff;background-color:#000;padding:10px 0;font-size:12px;position:absolute;bottom:0;width:100%;min-width:320px;text-align:center}
#mensaje{font-size:18px;margin-bottom:20px;display:block}
#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:9999}
.alerta-ok h5{color:#155724;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;padding:18px 14px;font-weight:500;margin:20px auto;max-width:420px}
@media(max-width:480px){
.box{width:96%;padding-top:20px}
.titu h1{font-size:1.1rem}
input{margin:22px auto}
button{width:70%}
.h2{display:none}
}