*{box-sizing:border-box;margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}fieldset{border:0}.container{background-image:url(./fondo_horizontal-aa10141a.webp);background-size:cover;background-position:center;background-repeat:no-repeat;font-family:Arial,Helvetica,sans-serif;padding:20px;display:flex;flex-direction:column;align-items:center;min-height:100vh;width:100%;gap:20px;position:relative}.container__robot1,.container__robot2{position:absolute;z-index:1;width:20vw;max-width:200px;height:auto;transform:translateY(-50%)}.container__robot1{top:8%;left:10%}.container__robot2{top:65%;right:0%}.container__title{font-family:Galindo,sans-serif;font-size:6vw;font-weight:400;color:#fff6e3;text-align:center;margin-top:10px}.container__clue,.container__attempts{font-size:4vw;background-color:#000527;display:flex;flex-direction:column;align-items:center;max-width:90%;gap:15px;padding:15px 20px;border-radius:15px}.clueTitle,.attemptsTitle{font-family:Winky Sans,sans-serif;font-size:5vw;color:#7999bd;font-weight:500;text-align:center}.clueText,.attemptsNumber{color:#fff;font-family:Comfortaa,sans-serif;font-size:4vw;text-align:center}.form{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%}.form__subtitle{font-family:Comfortaa,sans-serif;font-size:5vw;color:#7999bd;text-align:center}.form__input{width:80%;max-width:400px;height:60px;padding-left:15px;font-family:Comfortaa,sans-serif;font-size:4vw;border-radius:10px;border:none;background-color:#feb924;outline:none}.form__input::placeholder{color:#000}.form__btn{font-family:Galindo,sans-serif;font-size:5vw;letter-spacing:1px;width:70%;max-width:250px;height:60px;border-radius:50px;border:none;background-color:#ff4320;color:#fff;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.form__btn:hover{background-color:#ec2500;transform:scale(1.05)}.form__btn:active{background-color:#b91d00;transform:scale(.95)}@media (min-width: 768px){.container__title{font-size:80px}.container__clue,.container__attempts{font-size:20px;max-width:50vw;padding:20px 30px}.container__robot1{width:300px;left:5%;top:17%}.container__robot2{width:300px;right:12%;top:65%}.clueTitle,.attemptsTitle{font-size:40px}.clueText,.attemptsNumber{font-size:22px}.form__subtitle{font-size:40px}.form__input{width:500px;height:80px;font-size:30px}.form__btn{width:300px;height:90px;font-size:40px}}