:root{font-family:Inter,sans-serif}#root{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background:#dec5c6}body{height:100vh;width:100vw;margin:0}.heart-image{z-index:100;position:absolute}section{padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid red;border-radius:10px;box-shadow:10px 10px 20px #998585;background:#ffebeb;width:70%;height:30vh}section>.start-title{width:100%}section>.start-title>h1{margin:0;text-align:center}.start-label{font-size:25px;font-weight:700}.start-input{font-size:20px;padding:10px;border-radius:10px}.start-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}.start-button{font-size:30px;padding:10px;border-radius:10px;background:red;font-weight:700;outline:none;border:none;cursor:pointer}.start-button__off{cursor:none;opacity:.2}section>form{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.wrongName{width:700px;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;position:absolute;background:red;opacity:1;transition:all .3s ease}.wrongName-none{position:absolute;width:0;height:0;border-bottom:none;opacity:0;transition:all .5s ease-in-out;z-index:100}.question{height:50vh}.question-text{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 0 60px}.question-text>h1{margin:0}.answer-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:100px}.question-answer{height:250px;width:250px;border-radius:30px;border:3px solid black;padding:10px;margin:10px;box-shadow:0 0 20px #998585}.question-answer:hover{border:3px solid darkgreen;cursor:pointer;transform:scale(1.1);transition:.4s;box-shadow:0 0 20px #006400}.question-answer>p,.question-answer>img{width:100%;text-align:center;font-size:20px;margin:0;font-weight:700;z-index:200}.question-answer>img{height:80%;border-radius:30px}.little-note{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.note-title{font-size:18px;font-style:oblique;color:#c24e4f;text-decoration:underline overline;text-decoration-style:dotted}.note-text{margin:0;width:50%;font-size:15px;text-align:center;color:#c22d2f}.the-question-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}