body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.background{min-height:100vh;width:100%;background:#b57d7d;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px;box-sizing:border-box}.App{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:50vh;width:min(600px,90vw);max-width:600px;border-radius:30px;box-shadow:41px -41px 62px #814848,-41px 41px 62px #cd8d8d;padding:20px;box-sizing:border-box}@media (max-width: 768px){.App{width:90vw;min-height:45vh;border-radius:20px;padding:15px;box-shadow:20px -20px 31px #814848,-20px 20px 31px #cd8d8d}}@media (max-width: 480px){.App{width:calc(100vw - 20px);max-width:350px;min-height:auto;border-radius:15px;padding:30px 20px;margin:0 10px;box-shadow:10px -10px 20px #814848,-10px 10px 20px #cd8d8d}}@keyframes changeSize{0%{box-shadow:41px -41px 62px #9d6d6d,-41px 41px 62px #cd8d8d;width:600px;height:300px}50%{box-shadow:41px -41px 62px #7d5757,-41px 41px 62px #8f7272;width:666px;height:333px}to{box-shadow:41px -41px 62px #9d6d6d,-41px 41px 62px #cd8d8d;width:600px;height:300px}}.barbara-title{font-size:clamp(2rem,8vw,4rem);color:#4700cc;margin-bottom:60px;position:fixed;top:10vh;left:50%;transform:translate(-50%);text-align:center;padding:0 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90vw}@media (max-width: 768px){.barbara-title{top:8vh;margin-bottom:40px;font-size:clamp(1.5rem,6vw,2.5rem)}}@media (max-width: 480px){.barbara-title{position:relative;top:auto;left:auto;transform:none;margin-bottom:40px;font-size:clamp(1.5rem,7vw,2.2rem);white-space:normal;padding:0 10px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-contrast: high){.App{border:2px solid #000}.barbara-title{text-shadow:1px 1px 0 #fff}}@media (prefers-reduced-motion: reduce){.rotating,.antiRotating,.App{animation:none!important}}.play-pause-button{background:transparent!important;border:none!important;cursor:pointer;transition:transform .2s ease;padding:0!important;margin:0!important}.play-pause-button:hover{background:transparent!important;transform:scale(1.05)}.play-pause-button:focus{background:transparent!important;outline:none!important}.play-pause-button:active{background:transparent!important;transform:scale(.95)}.form__group{position:relative;padding:20px 0 0;width:90%;max-width:400px}@media (max-width: 768px){.form__group{width:95%;padding:15px 0 0}}@media (max-width: 480px){.form__group{width:100%;padding:20px 0 0;margin-bottom:25px}}.form__field{font-family:inherit;width:100%;border:none;border-bottom:2px solid #212121;outline:0;font-size:clamp(1.2rem,4vw,2rem);color:#4700cc;padding:7px 0;background:transparent;transition:border-color .2s;box-sizing:border-box}@media (max-width: 768px){.form__field{font-size:clamp(1rem,3.5vw,1.5rem);padding:8px 0}}@media (max-width: 480px){.form__field{font-size:16px;padding:15px 0;border-bottom-width:2px}}.form__field::placeholder{color:transparent}.form__field:placeholder-shown~.form__label{font-size:17px;cursor:text;top:20px}.form__label{position:absolute;top:0;display:block;transition:.2s;font-size:17px;color:#212121;pointer-events:none}.form__field:focus{padding-bottom:6px;font-weight:700;border-width:3px;border-image:linear-gradient(to right,#4700cc,#4700cc);border-image-slice:1}.form__field:focus~.form__label{position:absolute;top:0;display:block;transition:.2s;font-size:17px;color:#4700cc;font-weight:700}.rotating{animation:rotating 2s linear infinite}.antiRotating{animation:antiRotating 2s linear infinite}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes antiRotating{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.form__field:required,.form__field:invalid{box-shadow:none}.submit-btn{margin-top:30px;background-color:#4700cc;color:#fff;text-transform:uppercase}button{position:relative;display:flex;justify-content:center;align-items:center;border-radius:5px;background:#183153;font-family:Montserrat,sans-serif;box-shadow:0 6px 24px #0003;overflow:hidden;border:none;min-height:44px;min-width:44px}@media (max-width: 768px){button{min-height:48px;min-width:48px;border-radius:8px}}@media (max-width: 480px){button{min-height:48px;min-width:48px;border-radius:8px;margin-top:10px}.submit-btn{width:100%;max-width:250px;margin:30px auto 0;padding:0}}button:after{content:" ";width:0;height:100%;background:#ffd401;position:absolute;transition:all .4s ease-in-out;right:0}button:hover:after{right:auto;left:0;width:100%}.play-pause-button:hover:after{display:none!important}button span{text-align:center;text-decoration:none;width:100%;padding:18px 25px;color:#fff;font-size:1.125em;font-weight:700;letter-spacing:.3em;z-index:20;transition:all .3s ease-in-out}@media (max-width: 480px){button span{padding:14px 16px;font-size:14px;letter-spacing:.15em}}@media (max-width: 375px){.App{width:calc(100vw - 16px);max-width:320px;padding:25px 15px;margin:0 8px}.barbara-title{font-size:clamp(1.3rem,6vw,1.8rem);margin-bottom:30px}.submit-btn{max-width:220px}}button:hover span{color:#183153;animation:scaleUp .3s ease-in-out}@keyframes scaleUp{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}