@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{box-sizing:border-box}:root{font-family:IBM Plex Mono,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;font-weight:400;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--header-height: auto;height:auto}html,body,#root{height:100%;margin:0}body{align-items:flex-start;width:100%;height:auto;overflow-x:hidden}a{color:#61dafb;text-decoration:none;text-transform:uppercase;font-size:14px;font-weight:500}a:hover{color:#ff3200}.footer-links a,.nav-terug-wrapper a{color:#61dafb;text-decoration:none;text-transform:uppercase;font-family:IBM Plex Mono;font-size:clamp(1rem,2vw,1rem);font-weight:500}.playlist-link a{color:#61dafb;text-decoration:none;font-family:IBM Plex Mono;font-size:clamp(1rem,2vw,1rem);font-weight:500}.footer-links a:hover,.nav-terug-wrapper a:hover,.playlist-link a:hover{color:#ff3200}.modal-footer a:hover,.btn-contactpage-wrapper a:hover{color:#fff}::selection{background-color:#37c1f1;color:#fff}.layout-wrapper{display:flex;flex-direction:column;justify-content:space-between;height:100vh}.mijn2000-logo{width:clamp(12rem,15vw,15rem);height:auto}.mijn2000-logo:focus,.mijn2000-logo:active{border:none;outline:none;border-color:none;text-decoration:none}.header{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:flex-start}.header-content{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;color:#fff}.header-titel{width:80%;padding-top:1rem;padding-bottom:1rem;font-family:IBM Plex Mono;font-size:clamp(1.25rem,4vw,1.75rem);text-transform:uppercase;text-align:center;display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.highlight{text-decoration:underline;text-decoration-thickness:.04em;text-underline-offset:.1em;margin-left:.5rem;margin-right:.5rem;flex-wrap:wrap}.spotify-branding{display:flex;margin-left:.25rem;margin-right:.25rem}.spotify-logo-titel{height:clamp(2.25rem,4vw,2.5rem);width:auto}.homepage{display:flex;flex-direction:column;position:relative;align-items:center;justify-content:center;flex:1;width:100%;font-weight:500;font-family:IBM Plex Mono}.homepage-content{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;color:#fff}.wrapper-main{display:flex;width:90%;flex-direction:column;align-items:center;justify-content:center}.step-container{display:flex;align-items:center;justify-content:flex-start;margin:.75rem 0;width:100%}.step-container .icon{width:clamp(3rem,4vw,5rem);height:clamp(3rem,4vw,5rem)}.paragraph-wrapper{display:flex;flex-direction:column}.paragraph{font-family:IBM Plex Mono;font-size:clamp(1rem,2vw,1.25rem);font-weight:500;margin-left:1rem;line-height:1.5rem}.form-control-url{display:flex;flex-direction:column;gap:.125rem}.url-input-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.url-input{padding:1em 1.5em;font-family:IBM Plex Mono;font-size:clamp(1rem,2vw,.95rem);text-decoration:none;background-color:transparent;color:#fff;border-width:3px;border-image-slice:1;width:70%;align-self:center;border-image-source:linear-gradient(to right,#ff3200,#37c1f1)}.url-input:focus{outline:none;border-color:none;background-color:transparent}.url-input::placeholder{font-family:IBM Plex Mono;font-size:clamp(.875rem,2vw,.95rem);text-align:center;color:#a8a8a8}.form-error-message-container{display:flex;justify-content:center;align-items:center;width:70%}.form-error-message{display:flex;color:#ff3200;justify-content:center;align-items:center;margin-top:.5rem;gap:.5rem}.form-error-message span{font-family:IBM Plex Mono;font-size:clamp(.75rem,2vw,.875rem);font-weight:500;text-wrap:wrap}.form-error-message .icon{width:clamp(.875rem,2vw,1rem);height:clamp(.875rem,2vw,1rem)}.npo-link-container{display:flex;justify-content:center;align-items:center;gap:.25rem;width:50%;padding-top:.5rem}.npo-link-wrapper{display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;border:none;border-color:none;color:#fff;gap:.25rem;border-bottom:.04em solid white}.link{border-bottom:.04em solid white;text-transform:none;color:#fff}.npo-link{font-size:.75rem}.npo-link-wrapper:focus{outline:none;border-color:none;background-color:transparent;text-decoration:none}.npo-link-wrapper:hover{text-decoration:none;color:#37c1f1;border-bottom:.04em solid #37c1f1}.npo-link-wrapper .icon{z-index:2;width:1rem;height:1rem}.information-page{line-height:1.7;font-family:IBM Plex Mono;color:#fff;flex-grow:1;font-size:clamp(1rem,2vw,1rem);width:90%;margin:0 auto;padding-bottom:.5rem}.information-page h1{font-size:clamp(1rem,2vw,1.125rem);margin-top:2rem;margin-bottom:1rem;line-height:1.7;text-transform:uppercase}.information-page h2,.information-page h3{font-size:clamp(1rem,2vw,1rem);margin-top:1rem;margin-bottom:1rem;line-height:1.7;text-transform:uppercase;color:#ff3200}.information-page strong{font-weight:500;color:#ff3200}.information-page ul{margin-top:.5rem;list-style-type:disc;padding-left:1.5rem}.information-page ul li{margin-bottom:.5rem}.information-page ul li::marker{color:#37c1f1}.nav-terug-wrapper{display:flex}.nav-terug{display:flex;justify-content:flex-start;align-items:center;gap:4px}.mailLink{color:#fff;text-transform:lowercase;font-size:1em;font-weight:400}.mailLink:hover{color:#37c1f1}.btn-contactpage-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;gap:1rem;margin-top:1rem}.buttons-wrapper{display:flex;width:90%;justify-content:center;text-align:center;align-items:center;gap:1rem}.modal{left:0;top:0;width:100%;height:100%;background-color:transparent;position:absolute;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{position:relative;width:90%;background-color:transparent;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;-webkit-animation-name:animatetop;-webkit-animation-duration:1.5s;animation-name:animatetop;animation-duration:1.5s;display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center;font-family:IBM Plex Mono}.modal-header{background-color:transparent;color:#fff;text-align:center;line-height:1.5}.modal-header p{font-size:clamp(1rem,2vw,1rem);line-height:1.7}.modal-header .icon{z-index:2;width:clamp(1rem,2vw,1.25rem);height:clamp(1rem,2vw,1.25rem);position:relative}.modal-body{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;height:100%;width:100%;line-height:1.5}.playlist-link{display:flex;justify-content:center;align-items:center;width:70%;overflow-wrap:break-word;word-break:break-all;white-space:normal;text-align:left;line-height:1.5}@-webkit-keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.hidden{visibility:hidden}.loader-container{width:50%;background-color:transparent;position:relative;overflow:hidden}.loader-bar{height:100%;width:0}.reclame-container{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;padding-bottom:2rem;background:transparent;z-index:100}.reclame-content{display:flex;width:90%;justify-content:center;align-items:center;color:#fff;line-height:1.7;font-family:IBM Plex Mono;font-size:clamp(1rem,2vw,1rem);margin-top:2rem;margin-bottom:1rem}.highlight-ticker{text-transform:uppercase;color:#37c1f1}.reclame-content .icon{z-index:2;width:clamp(1rem,2vw,1.25rem);height:clamp(1rem,2vw,1.25rem);position:relative}footer{display:flex;flex-direction:column;flex:0;height:100%;width:100%;background-color:transparent;align-items:flex-end;z-index:10;gap:2rem;margin-top:1rem}.footer-content{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;gap:2rem;width:100%;color:#fff;padding-bottom:1rem;padding-left:1rem;padding-right:1rem}.footer-copyright{display:flex;flex:1;justify-content:flex-start;align-items:center;text-align:center;font-family:IBM Plex Mono;font-size:clamp(1rem,2vw,1rem);font-weight:500}.footer-logo{display:flex;flex:1;gap:.5rem;flex-direction:column;justify-content:center;align-items:center;text-transform:uppercase}.footer-logo img{width:7rem;height:auto}.footer-logo p{text-align:center;font-family:IBM Plex Mono;font-size:clamp(1rem,2vw,1rem);font-weight:500}.copyright{color:gray}.footer-links{width:70%;display:flex;flex-wrap:wrap;justify-content:center;text-wrap:nowrap;align-items:center;text-align:center;gap:1rem 2rem}.btn--gradient{transition:all .4s ease-in-out;color:#fff;background:linear-gradient(to right,#ff3200,#37c1f1);position:relative;overflow:hidden}.gradient-back{transition:all .4s ease-in-out;color:#fff;background:linear-gradient(to bottom right,#ff3200,#37c1f1);position:relative;overflow:hidden}.button-spotify-container{display:flex;justify-content:center;align-items:center;width:100%}.button-spotify{padding:1em 1.5em;text-wrap:nowrap;font-family:IBM Plex Mono;font-size:clamp(.875rem,2vw,.95rem);font-weight:500;text-transform:uppercase;text-decoration:none;cursor:pointer;border:none;border-radius:2px;width:70%}.btn-back{height:3.5rem;width:3.5rem;text-wrap:nowrap;font:500 1rem IBM Plex Mono;text-transform:uppercase;text-decoration:none;cursor:pointer;border:none;border-radius:50%;align-self:center;display:flex;align-items:center;justify-content:center}.btn--gradient-contact{transition:all .4s ease-in-out;color:#fff;background:linear-gradient(to bottom right,#3c0c00,#ff3200);position:relative;overflow:hidden}.btn--gradient-more-info{transition:all .4s ease-in-out;color:#fff;background:linear-gradient(to bottom right,#37c1f1,#071a21);position:relative;overflow:hidden}.btn-more-info,.btn-contact{display:flex;align-items:center;justify-content:center;padding:1em 1.5em;text-wrap:nowrap;font-family:IBM Plex Mono;font-size:clamp(.875rem,2vw,.95rem);text-transform:uppercase;text-decoration:none;cursor:pointer;border:none;border-radius:2px;width:70%;gap:.25rem}.btn-back:before{content:"";position:absolute;inset:0;opacity:0;transition:all .4s ease-in-out;z-index:1;border-radius:2px}.button-spotify:before,.btn-more-info:before,.btn-contact:before{content:"";position:absolute;inset:-4px;opacity:0;transition:all .4s ease-in-out;z-index:1;border-radius:2px}.button-spotify:before,.btn-back:before{background:linear-gradient(to right,#37c1f1,#ff3200)}.btn-more-info:before{background:linear-gradient(to bottom right,#071a21,#37c1f1)}.btn-contact:before{background:linear-gradient(to bottom right,#ff3200,#3c0c00)}.btn-more-info:hover{color:#fff}.btn-text{text-transform:uppercase;z-index:2;position:relative}.button-spotify:hover:before,.button-spotify:active:before,.btn-back:hover:before,.btn-back:active:before,.btn-more-info:hover:before,.btn-more-info:active:before,.btn-contact:hover:before,.btn-contact:active:before{opacity:1}.btn-back:focus,.btn-more-info:focus,.button-spotify:active,.btn-back:active,.btn-more-info:active,.button-spotify:focus{outline:none;border:none;border-color:none}.btn-back .icon{z-index:2;width:clamp(1rem,2vw,1rem);height:clamp(1rem,2vw,1rem);position:relative}.btn-more-info .icon,.btn-contact .icon{z-index:2;width:clamp(1rem,4vw,1rem);height:clamp(1rem,4vw,1rem);position:relative}@media(min-width:768px){.header-titel{width:60%;padding-top:1rem;padding-bottom:1rem}.wrapper-main,.modal-content{width:50%}.step-container{justify-content:flex-start;align-items:center}.button-spotify{width:60%;margin-top:0rem;margin-bottom:0rem}.url-input-container{margin-top:0rem;margin-bottom:0rem}.url-input{width:60%}.information-page{width:50%}.reclame-content{width:40%}.btn-contactpage-wrapper{gap:2rem;width:100%}.form-error-message-container,.btn-more-info,.btn-contact{width:40%}footer{align-items:flex-end;justify-content:flex-end;margin-top:.125rem}.footer-content{justify-content:flex-end}}@media(min-width:992px){.header-titel{width:40%}.btn-contactpage-wrapper{flex-direction:row;width:40%}.btn-more-info,.btn-contact{width:100%}.footer-content{flex-direction:row}.footer-content{align-items:flex-end;gap:0rem}.footer-logo{align-items:flex-end;text-wrap:nowrap}}