@import"https://fonts.googleapis.com/css2?family=Inter:wght@200&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{margin:0;padding:0;background-color:#222;color:#f3f3f3;height:100vh}header{text-align:center;padding:20px}header h1:hover{transform:scale(1.02);transition:.3s ease}h1{font-size:25px;margin:0;padding:10px 0}p{font-size:16px;margin:0;padding:10px 0}.main{display:grid;justify-content:center;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:0 auto;width:100%;max-width:600px}.box{display:flex;justify-content:center;align-items:center;border-radius:5px;background:transparent;width:200px;height:100px;color:#f3f3f3;border:2px solid #f3f3f3;transition:.2s ease background}div p{margin:0 auto;font-size:15px}form{display:flex;flex-direction:column;align-items:center;margin-top:10px}input[type=text]{padding:10px;border:2px solid #ccc;border-radius:4px;margin:5px 0}input[type=submit]{background:transparent;color:#f3f3f3;padding:8px 20px;border:2px solid #777777;border-radius:5px;cursor:pointer;font-size:15px;margin-top:3px}.boxpaint{color:#f3f3f3;background:#4caf50;transition:.5s ease background}input[type=submit]:hover{background-color:gray;transition:.3s}#sugerencia{padding:30px}#err{font-weight:700;text-align:center}.stocks{color:#f3f3f3}.ul-list{display:grid;width:200px;justify-content:center;margin:2rem auto;list-style-type:none;text-transform:uppercase}.list{margin-top:2rem}.div-list{text-align:center;font-weight:700}.paintMonth{background:#777}@media (max-width: 767.98px){.main{display:grid;justify-content:center;justify-items:center;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:0 auto;width:90%;max-width:600px}.box{width:10rem;height:5rem}}@media (max-width: 575.98px){.main{display:grid;justify-content:center;justify-items:center;grid-template-columns:1fr 1fr;gap:6px;margin:0 auto;width:90%;max-width:600px}.box{width:8.5rem;height:3.4rem}}