*{box-sizing:border-box}body{margin:0;padding:0;font-family:Karla,sans-serif;background-color:#f5f7fb}.App{padding:40px;display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:url(data:image/png;base64,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),url(data:image/png;base64,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)!important;background-repeat:no-repeat,no-repeat;background-position:right 0%,left 100%}.welcome--container{text-align:center;font-size:16px;color:#293264;display:flex;flex-direction:column;align-items:center;justify-content:space-around}@keyframes colors{0%{color:#5b67a6}25%{color:#fffad1}50%{color:#deebf8}to{color:#5b67a6}}.welcome--container form{display:flex;flex-direction:column;align-items:center;justify-content:space-around;background-color:#deebf8;margin-top:20px;padding:10px 10px 20px;border-radius:20px}.welcome--container form label{margin:10px 0}.welcome--container form select{font-family:Karla,sans-serif;font-size:15px;font-weight:700;color:#5b67a6;text-align:center;background-color:#fffad1;padding:10px 5px;border-radius:12px;border:none;width:100%}.start--quiz--btn,.check--btn{padding:20px;width:192px;border:none;border-radius:15px;margin:30px;background-color:#4d5b9e;color:#fff;font-size:16px;cursor:pointer;transition:.1s ease-in-out}.start--quiz--btn:hover,.check--btn:hover{background-color:#5b67a6}.start--quiz--btn:active,.check--btn:active{background-color:#5b67a6;box-shadow:0 5px #515050;transform:translateY(2px)}.quiz--container{color:#293264;max-width:1000px}.quiz--container h3{margin-bottom:0}.answers-container{cursor:pointer;display:inline-block;padding:7px 20px;margin:10px 20px 10px 0;border:1px solid #4d5b9e;border-radius:8px;text-align:center}h1{text-align:center;color:#293264}hr{border:1px solid #dbdef0}.check--btn{display:block;margin:30px auto}.result-text{text-align:center;color:#4d5b9e}footer{font-size:smaller;text-align:center}@media (max-width: 375px){.answers-container{display:block;margin:10px 0}}