*{box-sizing:border-box;margin:0;padding:0;font-family:Catamaran,sans-serif}html{height:100%}body{background-image:url(/assets/beach-summer-AKzsqznV.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;width:100%;min-height:100vh;display:flex}.App{flex-direction:column;align-items:center;width:100%;padding:20px;display:flex}p{color:#fff}h1{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;text-align:center;filter:drop-shadow(2px 2px #0085a3);background-image:linear-gradient(#fff,#87f1ff);background-size:100%;-webkit-background-clip:text;background-clip:text;margin:20px;font-family:Fascinate Inline;font-size:70px;font-weight:400}.start,.next_Question{cursor:pointer;background:linear-gradient(#fff,#ffcc91);border:2px solid #d38558;border-radius:10px;height:40px;margin:20px 0;padding:0 40px;font-size:1rem;transition:all .5s;box-shadow:0 5px 10px #00000040}.start:hover,.next_Question:hover{transform:scale(1.1)}.start{max-width:200px}.start:hover{transform:translateY(-5px)}.score{color:#fff;margin:0;font-size:2rem}.error{color:#ff5656;background:#fff;border-radius:8px;margin:10px 0;padding:10px 16px;font-weight:600}.container{text-align:center;background:#ebfeff;border:2px solid #0085a3;border-radius:10px;max-width:1100px;padding:20px;box-shadow:0 5px 10px #00000040}.number{text-align:center;color:#2c3e50;font-size:1.2rem;font-weight:600}.question{color:#2c3e50;font-size:2.5rem;font-weight:500}button{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#fff,#ffcc91);border:2px solid #d38558;border-radius:20px;height:40px;margin:8px;padding:0 10px;font-size:1.2rem;font-weight:600;transition:all .5s;box-shadow:1px 2px #0000001a}button:hover{transition:all .5s;transform:scale(1.2)}.button-wrapper button{transition:all .3s}