*{margin:0;padding:0;font-size:16px;font-family:sans-serif;box-sizing:border-box}body{background-color:#d8bfd8}.site-container{display:flex;width:100vw;height:100vh;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background-color:#fff}.header{display:flex;justify-content:center;align-items:center;width:100%;height:10vh;font-size:2rem;color:#fff}.main{height:85vh;width:100vw;display:flex;position:relative;justify-content:center;align-items:center;flex-direction:column;gap:2rem;background-color:#ffc0cb80}.footer{display:flex;justify-content:center;align-items:center;height:5vh;width:100vw;background-color:#fff}.footer p span{display:inline-block;padding:0 .5rem;font-size:1.2rem;color:red}a,a:visited,a:active,a:focus{outline:none;text-decoration:none;color:inherit}button{cursor:pointer;border:none;background-color:purple;padding:1rem 2rem;border-radius:.5rem;font-size:1rem;font-weight:700;color:#fff;transition:background-color .3s ease;box-shadow:0 0 .5rem #0003}button:focus{outline:none}.end{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;width:100vw;color:purple;font-size:1.2rem}.happy-birthday{display:inline-block;-webkit-user-select:none;user-select:none}.happy-birthday span{display:inline-block;animation:letterAnimation 1.5s infinite alternate ease-in;font-size:2rem;-webkit-user-select:none;user-select:none}.happy-birthday span:nth-child(1){animation-delay:.1s}.happy-birthday span:nth-child(2){animation-delay:.2s}.happy-birthday span:nth-child(3){animation-delay:.3s}.happy-birthday span:nth-child(4){animation-delay:.4s}.happy-birthday span:nth-child(5){animation-delay:.5s}.happy-birthday span:nth-child(6){animation-delay:.6s}.happy-birthday span:nth-child(7){animation-delay:.7s}.happy-birthday span:nth-child(8){animation-delay:.8s}.happy-birthday span:nth-child(9){animation-delay:.9s}.happy-birthday span:nth-child(10){animation-delay:1s}.happy-birthday span:nth-child(11){animation-delay:1.1s}.happy-birthday span:nth-child(12){animation-delay:1.2s}.happy-birthday span:nth-child(13){animation-delay:1.3s}.happy-birthday span:nth-child(14){animation-delay:1.4s}@keyframes letterAnimation{0%{color:red;transform:translate(0) rotate(0)}50%{color:#00f;transform:translate(-10px,-4px) rotate(10deg)}to{color:green;transform:translate(0) rotate(0)}}.quiz{max-width:300px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:purple}.quizTitle{font-size:1.5rem;text-align:center}.quizRow{display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.2rem;padding:.5rem;text-align:center}.quizRow label{display:block;width:100%;padding:.5rem}.quizRow input{display:block;width:100%;padding:.5rem;outline:none;border:1px solid purple}.quizRow button{display:block;padding:1rem 2rem}.quizImage{width:100%;max-height:250px;border:.5rem solid purple}.begin{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;width:100vw}.beginTitle{padding:.5rem;max-width:300px;text-align:center;font-weight:700;font-size:2rem;background-color:pink;color:purple;margin:0 auto;border-radius:1rem 1rem 0 0}.beginText{padding:.5rem;max-width:300px;text-align:center;font-size:1.2rem;background-color:pink;margin:0 auto;border-radius:0 0 1rem 1rem;line-height:1.4rem}.begin .beginButton{cursor:pointer;border:none;background-color:purple;padding:1rem 2rem;border-radius:.5rem;font-size:1rem;font-weight:700;color:#fff;margin-top:1rem}.banner-container{position:absolute;height:4rem;top:0;width:100vw;overflow:hidden}.banner{display:flex;width:100vw}.banner img{position:absolute;display:block;height:4rem;transform:translate(calc(100vw + 8rem))}.banner img:nth-child(1){animation:scroll-endless 6s linear infinite;animation-delay:1s}.banner img:nth-child(2){animation:scroll-endless 6s linear infinite;animation-delay:2s}.banner img:nth-child(3){animation:scroll-endless 6s linear infinite;animation-delay:3s}.banner img:nth-child(4){animation:scroll-endless 6s linear infinite;animation-delay:4s}.banner img:nth-child(5){animation:scroll-endless 6s linear infinite;animation-delay:5s}.banner img:nth-child(6){animation:scroll-endless 6s linear infinite;animation-delay:6s}@keyframes scroll-endless{0%{transform:translate(calc(100vw + 8rem))}to{transform:translate(-8rem)}}.tipp-start{display:flex;flex-direction:column;justify-content:center;align-items:center}.tipp-start button{cursor:pointer;border:none;background-color:purple;padding:1rem 2rem;border-radius:.5rem;font-size:1rem;font-weight:700;color:#fff;margin-top:1rem}.tipp-timer{position:absolute;display:flex;left:0;right:0;top:0;bottom:0;background-color:pink;justify-content:center;align-items:center}.tipp-timer .tipp-timer-text{font-size:2rem;font-weight:700;color:purple;text-align:center}.tipp-show{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem}.tipp-show span{font-size:1.2rem;font-weight:700;color:purple;text-align:center;padding:.5rem}