@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,900;1,900&family=Rubik+Scribble&display=swap";@import"https://fonts.googleapis.com/css2?family=Jaro:opsz@6..72&family=Montserrat:ital,wght@0,900;1,900&family=Rubik+Scribble&display=swap";@import"https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Montserrat:ital,wght@0,900;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Jersey+10+Charted&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Roboto+Condensed:wght@400;700&display=swap";#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}body{overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}.btn-startscreen{margin-top:20px}.btn{margin-left:6px;margin-right:6px;border-radius:20px;height:35px;border:none;color:#fff;padding-left:8px;padding-right:8px;transition:background-color .15s,color .15s;font-family:Poppins,sans-serif;font-weight:700;font-size:14px;letter-spacing:1px;text-align:center;text-decoration:none;background-color:#000955;box-shadow:3px 3px 5px #181717b3;opacity:.8;line-height:35px}.btn:hover{cursor:pointer;background-color:#1d1556c4;color:#fff;text-decoration:none}.btn:active{background-color:gray;text-decoration:none}.qquest-logo{position:fixed;bottom:18px;right:18px;width:160px}.main-content{margin-top:1px;margin-left:20%;margin-right:20%;max-width:1400px;border:none;font-family:Poppins;color:#fff;font-size:13px}.container-for-fade-out{opacity:1;transition:opacity 1s ease-in}.invisible{display:none}.main-content-title{text-align:center;text-transform:uppercase;font-family:Montserrat,sans-serif;font-weight:500;font-size:45px;margin-bottom:10px}.main-content-line-up-image-container{padding-right:6px;width:25%;position:relative;transition:transform .19s}.main-content-line-up-image-container:hover{transform:scale(1.15);z-index:5}.main-content-line-up-image{width:100%;border-radius:15px}.text-overlay{position:absolute;top:72%;bottom:0;left:0;right:5px;height:25%;width:97%;opacity:.75;background-color:#000955;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.main-content-line-up-artist-name{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.ticket{background-color:#000955;opacity:.85;position:relative;padding-top:10px;padding-bottom:20px;margin-top:10px;border-radius:15px;font-size:20px;height:50px;width:500px;transition:transform .18s}.ticket-description{position:absolute;left:10px}.ticket-price{position:absolute;left:350px}.ticket-quantity{position:absolute;margin-top:8px}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-visible{display:block;position:fixed;z-index:700;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content{background-color:#1d1556c4;margin:15% auto;padding:0;border:none;width:45%;font-family:Poppins;color:#fff;font-size:14px;border-radius:7px;box-shadow:0 10px 10px #1d1556c4;position:relative;z-index:800}.close{color:#aaa;position:absolute;top:3px;right:13px;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.start-background{width:100vw;height:94vh;background-color:#1d1556c4;box-shadow:0 -10px 10px #1d1556c4;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1s ease-out}.show{visibility:visible}.ticket{position:relative}.ticket .ticket-quantity{position:absolute;top:0;right:10px;transform:translateY(50%)}.form-group{margin-bottom:15px;width:100%}.payments-input-name,.payments-input-email{width:100%;padding:8px;border-radius:5px;border:1px solid #ccc;margin-bottom:4px}.main-content-startscreen{width:60%;height:70%;position:relative;align-items:center;justify-content:space-around;border-radius:15px;margin:0 5px;text-align:center;background-color:#ffffff80;padding-inline:5%;padding-top:3%;padding-bottom:3%;font-family:Poppins;color:#fff;font-size:13px}.startscreen-difficulty-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;top:-10%;left:40%;width:95px;padding-left:4px;padding-right:30px;border-radius:10px;font-family:Poppins;color:#000955;border-color:#000955;border:solid}.startscreen-difficulty-select-container{position:relative;top:-10%;left:37%}.startscreen-difficulty-select-container:after{content:"";position:absolute;top:50%;right:-25px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000955;pointer-events:none;transform:translateY(-50%)}.btn-vorige{position:absolute;bottom:15%;left:30%;width:15%}.btn-tickets-fixed-width{width:82px}.btn-shopping-cart-fixed-width{width:140px}.header{position:fixed;top:0;left:0;width:100%;display:flex;direction:row;align-items:center;background-color:#1d1556c4;box-shadow:0 10px 10px #1d1556c4;padding-top:10px;height:55px}.header-logo-and-title{display:flex;direction:row;justify-content:flex-start;align-items:center;width:40%}.header-quit-back-to-start{display:flex;direction:row;justify-content:flex-end;width:40%}.header-buttons{display:flex;direction:row;justify-content:flex-end;width:58%}.btn-huidige-pagina{margin-left:6px;margin-right:6px;border-radius:20px;height:35px;border:none;color:#fff;padding-left:8px;padding-right:8px;transition:background-color .15s,color .15s;font-family:Poppins,sans-serif;font-weight:700;font-size:14px;letter-spacing:1px;text-align:center;text-decoration:none;background-color:#8080808b;box-shadow:3px 3px 5px #181717b3;opacity:.8;line-height:35px}.btn-huidige-pagina:hover{background-color:#8080808b;border-color:#8080808b;cursor:default;text-decoration:none}.btn-huidige-pagina:active{background-color:#8080808b;text-decoration:none}.uitleg{margin-left:35px}.quit{margin-right:0}.quit-popup{position:absolute;top:110px;right:35px;background-color:#ff4500;border-radius:5px;padding:8px 8px 8px 12px;color:#fff;font-weight:600;z-index:5}.festival-logo{margin-left:60px;margin-right:20px;width:40px;width:200px;height:34px;margin-top:4px;justify-content:center}.shopping-cart-title{font-size:2rem;letter-spacing:1px;word-spacing:2px;font-weight:500;margin-bottom:1rem;margin-inline:auto}.checkout-btn,.empty-cart-btn{flex:0 0 48%;margin-top:20px;display:inline-block}.remove-ticket{background:none;border:none;cursor:pointer;font-size:10px;color:#fff;margin-right:30px;margin-left:10px}.remove-ticket:hover{color:red}.no-bullets{list-style-type:none;padding:0;margin:5%}.center-text{width:100%}.btn-language-fixed-width{width:40px}.cart-counter{position:relative;display:inline-block}.cart-counter span{background-color:red;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;justify-content:center;align-items:center;font-size:12px;position:absolute;top:-5px;right:-5px}.header-countdown{width:10%;padding:0;margin-left:auto;margin-right:auto;left:0;right:0;text-align:center;font-family:Poppins;font-weight:700;font-size:24px;color:red}.animate{animation:increase-and-decrease 1s ease-in infinite}@keyframes increase-and-decrease{0%{transform:scale(1)}50%{transform:scale(1.8)}to{transform:scale(1)}}@keyframes grow{0%{transform:scale(1)}to{transform:scale(6)}}.text-grow{position:absolute;top:95%;left:35%;transform:translate(-50%,-10%);color:red;font-size:2em;animation:grow 1s ease-in-out;display:none;z-index:9999;font-family:Rubik Scribble}.text-grow.visible{display:block}.score-display{position:absolute;top:73px;right:20px;padding-left:3px;padding-right:3px;font-family:Poppins;background-color:#000955;color:#fff;border-radius:7px;border-style:solid;border-color:#ffffff98;font-size:13px}.label-startscreen{padding-inline:8%;margin-top:25px;margin-bottom:20px}.btn-volgende{position:absolute;bottom:15%;right:30%;width:15%}.context-menu{position:absolute;bottom:35px;left:35px;background-color:orange;border-radius:5px;padding:8px 8px 8px 12px;color:#000;z-index:801}.increase-score-animation{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:200px;font-weight:700;font-family:"Jersey 10 Charted",sans-serif;color:green;z-index:5;animation:increase-score 1s forwards}.decrease-score-animation{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:200px;font-weight:700;font-family:"Jersey 10 Charted",sans-serif;color:red;z-index:5;animation:increase-score 1s forwards}@keyframes increase-score{0%{opacity:0;transform:translate(-50%,100%)}50%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%) scale(11)}}.main-div-loading-page{opacity:0;transition:opacity 1s ease-in}.fade-out{opacity:0}.video-container{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}.video-bg{width:100vw;height:100vh;object-fit:cover}.content{position:relative;z-index:2;text-align:center}@keyframes animate{0%{opacity:0;transform:rotateY("90deg");filter:blur(10px)}to{opacity:1;transform:rotateY(0);filter:blur(0)}}.letter{opacity:0;display:inline-block;animation:animate 1s linear infinite;background-size:contain;background-repeat:no-repeat;background-position:center}.letters-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;white-space:nowrap}.letter:nth-child(1){width:187px;height:196px;animation-delay:1s}.letter:nth-child(2){width:196px;height:187px;animation-delay:1.5s}.letter:nth-child(3){width:196px;height:187px;animation-delay:2s}.letter:nth-child(4){width:196px;height:187px;animation-delay:2.5s}.letter:nth-child(5){width:335px;height:194px;animation-delay:3s}.qquest-logo{position:absolute;bottom:20px;right:20px}.main-content{margin-top:15px}.main-content-home{display:flex}.main-content-home-info{align-items:center;justify-content:center;width:50%;margin-top:15%;margin-right:30px}.main-content-home-images{display:flex;width:50%}.main-content-home-section{flex:50%;border-radius:9px;margin:0 5px;text-align:center;padding-inline:5%;padding-top:3%;padding-bottom:3%}.home-info{margin-bottom:20px}.container{max-width:15%}.home-image{max-width:200px;border-radius:15px;height:170px}.container-knappiebaras{margin-right:6px}.container-donniedorito{margin-right:10px;height:30%}.home-image-container{margin-right:6px;z-index:1;position:relative}.home-image-container .overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:97%;width:100%;opacity:0;transition:.5s ease;background-color:#000855b2;border-radius:15px}.home-image-container:hover .overlay{opacity:1}.overlay .text{color:#fff;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;transition:.5s ease}.home-image-container:hover .overlay .text{opacity:1}.home-title{margin-top:25px;margin-bottom:25px}.fade-in-home-screen{animation:fade-in-of-home-screen 1s ease-in}@keyframes fade-in-of-home-screen{0%{opacity:0}to{opacity:1}}.main-content-tickets-explanation{text-align:center}.main-content-line-up-all-images-container{display:flex;flex-wrap:wrap}.bug-font-differs{font-family:Courier New,Courier,monospace}.background-quit{opacity:0;transition:opacity 1s ease-in}.fade-in{opacity:1}.main-content-quit{display:flex;text-align:center;height:28rem}.main-content-results{flex:50%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;border-radius:9px;margin:0 5px;text-align:center;background-color:#ffffff80;padding-inline:5%;padding-top:3%;padding-bottom:3%}.results-title{font-size:2rem;text-transform:uppercase;letter-spacing:1px;word-spacing:2px;font-weight:500;margin-inline:auto}.congrats-message{color:#000955;font-size:15px;font-weight:500;margin-inline:20px}.interested-message{color:#000955;font-size:15px;font-weight:500}.errors-message{color:#000955;font-weight:500;margin-inline:20px;font-style:italic}.score-container{background-color:#1d1556c4;text-transform:uppercase;font-size:14px;border-radius:9px;margin-right:10px;width:55%;padding:1rem;text-align:center;transition:all .75s}.score-points{text-transform:lowercase}.btn-results{font-size:12px;width:45%}.btn-info{font-size:12px;width:45%;margin-top:10px}.input{width:100%;padding:8px;border-radius:5px;border:1px solid #ccc;margin-bottom:4px;font-size:14px}.start-screen-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.error-message-email,.error-message-name{visibility:hidden;font-size:13px;color:#cc1010;font-weight:450}.form-group-container{width:500px;border-radius:9px;margin:5%;text-align:center;background-color:#ffffff80;padding-inline:15%;padding-top:3%;padding-bottom:10%}.form-title{margin-top:5%;margin-bottom:5%}.form-group{font-size:14px;font-weight:600}.submit-btn{width:100%;margin-top:5%}.error-message-firstname{visibility:hidden;font-size:13px;color:#cc1010;font-weight:450}*{box-sizing:border-box}html{font-family:Quicksand,sans-serif;line-height:1.5;color:#ebe7ef;background:radial-gradient(#280a48,#20043d);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;min-height:80rem}header{text-align:center;margin:3rem 0}header img{height:5rem;width:10rem;object-fit:cover}header h1{margin:0;font-family:Roboto Condensed,sans-serif;font-size:5rem;background:linear-gradient(40deg,#ea00ff,#ea00ff,#03d5ff,#03d5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}header p{margin:0;font-size:1.25rem;color:#8964b0;font-family:Roboto Condensed,sans-serif}main{width:90%;max-width:50rem;margin:auto}#core-concepts{padding:2rem;border-radius:6px;background-color:#140524;box-shadow:0 2px 8px #0006}main h2{text-align:center;font-family:Roboto Condensed,sans-serif;margin:0 0 1.5rem;color:#a18aba}#core-concepts ul{list-style:none;padding:0;margin:0;display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}#core-concepts li{width:10rem;text-align:center}#core-concepts li img{height:4rem;width:6rem;object-fit:cover}#core-concepts li h3{margin:.5rem 0}#core-concepts li p{font-size:.9rem}#examples{margin:3rem auto}#examples h2{text-align:left}#examples menu{margin:1rem 0;padding:0;display:flex;gap:.5rem;list-style:none}#examples menu button{padding:.5rem 1rem;border:none;border-radius:6px;background-color:transparent;color:#a18aba;font-family:Roboto Condensed,sans-serif;font-size:1rem;cursor:pointer;transition:all .2s ease-in-out}#examples menu button:hover{background-color:#1b082f;color:#ebe7ef}#examples menu button.active{background-color:#7925d3;color:#ebe7ef}#tab-content{padding:1rem;border-radius:6px;background-color:#2f1d43;box-shadow:0 2px 8px #0000004d}#tab-content h3{margin:0}#tab-content code{font-size:1rem}body,#root{background-image:url(/project-guus/assets/festival\ picture-23914f0c.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}