@import url(https://fonts.googleapis.com/css2?family=Yantramanav:wght@900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Big+Shoulders+Inline+Text:wght@100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Play:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Russo+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Righteous&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Saira+Stencil+One&display=swap);@import url(https://fonts.cdnfonts.com/css/magneto);@import url(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 url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Londrina+Outline&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);body{height:100%l;background-color:var(--main-background-color);overscroll-behavior-y:contain;overflow-x:hidden;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}.socials-outer{min-height:100vh;overflow:auto;flex-direction:column;align-items:center}.socials-outer,.topbar-socials{width:100%;display:flex;justify-content:center}.topbar-socials{position:relative;flex-direction:row;height:50px;background-color:#0f0f0f;font-size:30px;font-weight:1000;color:#fff;border-bottom:1px solid #fff}.back-icon-socials{position:absolute;left:20px;font-size:30px;height:100%;display:flex;align-items:center;cursor:pointer}.socials-inner{width:400px;min-height:100vh}.socials-inner-inner{border:2px solid #fff;border-top:none}.back-button{height:40px;width:100%;padding:0 10px}.actual-button,.back-button{display:flex;align-items:center}.actual-button{height:27px;width:80px;border:2px solid #fff;box-shadow:var(--shadow);background-color:var(--background-color);border-radius:10px;color:var(--main-color);justify-content:center;font-size:18px;font-weight:700}.socials-top-row{width:100%;height:160px;display:flex;flex-direction:row;align-items:center}.socials-profile-picture{height:120px;width:180px;display:flex;flex-direction:column;align-items:center;padding:10px}.socials-profile-picture img{width:100px;height:100px;border-radius:50%;opacity:.95}.socials-profile-picture .name{color:#fff;font-size:12px;font-weight:700}.socials-stats{width:calc(100% - 20px);height:120px;align-items:center;display:flex;flex-direction:row;justify-content:space-evenly;padding:0 10px}.socials-stats .item{display:flex;flex-direction:column;align-items:center;color:#fff}.item .number{font-size:25px;font-weight:700}.item .label{font-size:13px;font-weight:100}.socials-bio{font-size:14px;color:#fff;padding:0 19px;white-space:pre-line;display:flex;flex-direction:column;grid-gap:3px;gap:3px}.socials-bio .indent{padding-left:10px}.socials-playlists{margin-top:15px}.socials-playlists .header{border-top:2px solid #fff;border-bottom:2px solid #fff;padding:4px;color:#fff;font-weight:700;text-align:center;font-size:15px}.socials-playlists .playlists{display:flex;flex-direction:row;justify-content:space-evenly;padding:20px 0;border-bottom:2px solid #fff}.playlists .item-outer{width:100px;display:flex;flex-direction:column;grid-gap:5px;gap:5px}.playlists .item-outer .logo{width:100px;height:100px;border-radius:50%;background-color:#1db954;border:2px solid #fff;display:flex;justify-content:center;align-items:center;font-size:60px;color:#fff}.playlists .item-outer .label{width:100px;font-size:13px;color:#fff;font-weight:700;text-align:center}.socials-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);aspect-ratio:1/1;padding:1px}.socials-grid .item{border:1px solid #000;display:flex;justify-content:center;align-items:center;font-size:68px}[data=facebook]{background:#3a5795;color:#1c3977;background:linear-gradient(180deg,#3a5795 0,#2b4886);background:-ms-linear-gradient(top,#3a5795 0,#2b4886 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#3A5795",endColorstr="#2B4886",GradientType=0);text-shadow:0 1px 0 #4966a4;-webkit-text-shadow:0 1px 0 #4966a4;-moz-text-shadow:0 1px 0 #4966a4;box-shadow:inset 0 1px 0 #4966a4;-webkit-box-shadow:inset 0 1px 0 #4966a4;-moz-box-shadow:inset 0 1px 0 #4966a4}[data=instagram]{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d)}[data=whatsapp]{background:linear-gradient(45deg,#1ebea5,#00e676,#e5ffcc)}[data=email]{background-image:linear-gradient(45deg,#900,red 74%)}[data=linkedin]{background:linear-gradient(45deg,#0077b5,#00a0dc,#caccce)}[data=phone]{background-color:#ff4e00;background-image:linear-gradient(45deg,#ff4e00,#ec9f05 74%)}[data=spotify]{background:linear-gradient(45deg,#1db954,#14ec60,#1db954)}[data=github]{background:linear-gradient(45deg,#4078c0,#6e5494,#bd2c00,#c9510c,#6cc644,#fafafa)}[data=paypal]{background:linear-gradient(-120deg,#003087,#009cde,#012169)}@media only screen and (max-width:400px){.socials-inner{width:100%;min-height:100vh}.topbar-socials{position:relative;display:flex;flex-direction:row;justify-content:center;width:100%;height:12vw;background-color:#0f0f0f;font-size:7vw;font-weight:1000;color:#fff;border-bottom:2px solid #fff}.back-icon-socials{position:absolute;left:3vw;font-size:6vw;height:100%;display:flex;align-items:center;cursor:pointer}.socials-top-row{width:100%;height:42vw;display:flex;flex-direction:row;align-items:center}.socials-profile-picture{height:34vw;width:38vw;display:flex;flex-direction:column;align-items:center;padding:2vw;grid-gap:1vw;gap:1vw}.socials-profile-picture img{width:29vw;height:29vw;border-radius:50%}.socials-profile-picture .name{color:#fff;font-size:3.4vw;font-weight:700}.socials-stats{width:calc(100% - 6vw);height:38vw;align-items:center;display:flex;flex-direction:row;justify-content:space-evenly;padding:0 3vw}.socials-stats .item{display:flex;flex-direction:column;align-items:center;color:#fff}.item .number{font-size:7vw;font-weight:700}.item .label{font-size:3.8vw;font-weight:100}.socials-bio{font-size:4vw;color:#fff;padding:0 3vw;white-space:pre-line;display:flex;flex-direction:column;grid-gap:1vw;gap:1vw}.socials-bio .indent{padding-left:3vw}.socials-playlists{margin-top:5vw}.socials-playlists .header{border-top:2px solid #fff;border-bottom:2px solid #fff;padding:1vw;color:#fff;font-weight:700;text-align:center;font-size:4vw}.socials-playlists .playlists{display:flex;flex-direction:row;justify-content:space-evenly;padding:4.5vw 0}.playlists .item-outer{width:26vw;display:flex;flex-direction:column;grid-gap:2vw;gap:2vw}.playlists .item-outer .logo{width:26vw;height:26vw;border-radius:50%;border:2px solid #fff;display:flex;justify-content:center;align-items:center;font-size:16vw;color:#fff}.playlists .item-outer .label{width:26vw;font-size:3.5vw;color:#fff;font-weight:700;text-align:center}}*{box-sizing:border-box}.piano-screen-outer{width:100%;min-height:100vh;display:flex;overflow-y:auto;overflow-x:hidden}.piano-options{box-sizing:border-box;width:100vw;color:#a89142;font-size:1.8vw;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:2vw}.piano{width:100%;aspect-ratio:5/1;padding:2px 0;border-top:3px solid #a89142;border-bottom:3px solid #a89142}.note-select-button{background-color:#a89142;color:#000;font-weight:700;cursor:pointer}.note-select-button,.octave{height:4vw;display:flex;justify-content:center;align-items:center;font-size:3vw}.octave{padding:0 1vw;background-color:#000;color:#a89142;border:2px solid #a89142}.note-select-button.left{border-top-left-radius:1vw;border-bottom-left-radius:1vw}.note-select-button.right{border-top-right-radius:1vw;border-bottom-right-radius:1vw}.note-select-widget{display:flex;flex-direction:row}select{-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:"";font-size:3vw;padding:0 1vw;background-color:#000;color:#a89142;border:2px solid #a89142;height:4vw;cursor:pointer}.piano-note-selection,select{display:flex;align-items:center;justify-content:center}.piano-note-selection{flex-direction:column}.piano-note-selection.left{margin-left:2vw}.piano-note-selection.right{margin-right:2vw}.rotate-screen{width:100vw;height:100vh;font-size:6vw;font-weight:700;color:#a89142;display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:2vw;gap:2vw}@keyframes rotate{0%{transform:rotate(45deg)}50%{transform:rotate(-45deg)}to{transform:rotate(-45deg)}}.rotate-icon{font-size:9vw;animation:rotate 3s linear infinite}.piano-bottom-row{width:100%;justify-content:space-between}.instrument-outer,.piano-bottom-row{display:flex;flex-direction:row;align-items:center}.instrument-outer{font-size:2.5vw;color:#a89142;grid-gap:1vw;gap:1vw;margin-top:2vw;margin-left:2vw}.instrument-select{border-radius:1vw;border:2px solid #a89142}.piano-loading{width:100%;height:100%;color:#fff;display:flex;align-items:center;justify-content:center}.loading-indicator{height:3vw;width:3vw;border:.3vw solid rgba(168,145,66,.1);border-top-color:#a89142}.record-button{position:relative;float:right;height:5vw;width:5vw;border-radius:50%;border:2px solid var(--main-color);display:flex;justify-content:center;align-items:center;font-size:3vw;background-color:#000;color:var(--main-color);cursor:pointer}.play-button:hover,.record-button:hover{background-color:rgba(168,145,66,.1);box-shadow:var(--shadow)}@keyframes pulsing{0%{border:2px solid rgba(255,0,0,.2)}50%{border:2px solid red}to{border:2px solid rgba(255,0,0,.2)}}.record-button.active{border:2px solid #000;animation:pulsing 1s linear infinite}.recording-indicator{position:absolute;height:1vw;width:1vw;border-radius:50%;background-color:red;bottom:3.1vw;right:.7vw;animation:pulsing 1.5s infinite}.play-button{float:right;height:5vw;width:5vw;border-radius:50%;border:2px solid var(--main-color);display:flex;justify-content:center;align-items:center;font-size:2.3vw;background-color:#000;color:var(--main-color);cursor:pointer}.playback-options-outer-outer{border:3px solid var(--main-color);margin-top:1vw;margin-right:2vw}.playback-options-outer{background-color:var(--main-color);display:flex;flex-direction:column;border:3px solid #000}.playback-options-inner{display:flex;flex-direction:row;grid-gap:2vw;gap:2vw;padding:.4vw 2vw}.recorder-title{width:100%;display:flex;align-items:center;justify-content:center;padding:.4vw 0}.recorder-inner-outer{border:3px solid #000;border-radius:.2vw}.recorder-title-inner{background-color:#000;color:var(--main-color);padding:.1vw 1.5vw .2vw;border-radius:.2vw;font-size:1.2vw;font-weight:100;border:1px solid var(--main-color)}.recorder-button-outer{border-radius:50%;border:3px solid #000;background-color:#000}.note-change-background{position:relative;width:100vw;height:8vw;background-color:#000;margin-bottom:.2vw;flex-direction:row}.note-change-background,.screw{display:flex;align-items:center}.screw{text-align:center;justify-content:center;color:var(--main-color);font-size:.6vw;box-sizing:border-box;padding-bottom:.1vw;position:absolute}.screw.top-left{top:.3vw;left:.3vw}.screw.top-right{top:.3vw;right:.3vw}.screw.bottom-left{bottom:.3vw;left:.3vw}.screw.bottom-right{bottom:.3vw;right:.3vw}.recorded-notes-outer{width:100%;display:flex;justify-content:center;margin-top:1vw}.recorded-notes-inner{position:relative;padding:0 0 2vw;min-height:10vw;border:2px solid var(--main-color);margin-bottom:2vw}.edit-button{position:absolute;top:1vw;right:1vw;width:2vw;height:2vw;border-radius:50%;background-color:var(--main-color);display:flex;justify-content:center;align-items:center;color:#000;font-size:1.5vw}.recorded-notes-title{text-align:center;color:var(--main-color);font-size:2.5vw;font-weight:700;margin-bottom:2vw}.recorded-notes-note{color:var(--main-color);font-size:1.4vw;display:flex;flex-direction:row;align-items:center;padding:.5vw 1vw}.recorded-notes-note:hover{border:1px solid var(--main-color);cursor:pointer}.recorded-notes-note .recorded-notes-save-button{height:2vw;width:2vw;border-radius:50%;background-color:var(--main-color);color:#000;display:none}.recorded-notes-note:hover .recorded-notes-save-button{height:2vw;width:2vw;border-radius:50%;background-color:var(--main-color);color:#000;display:flex;justify-content:center;align-items:center;font-size:1.3vw}.recorded-notes-note .time{width:12vw;font-size:2vw;text-align:center;display:flex;align-items:center;justify-content:center}.recorded-notes-note .duration,.recorded-notes-note .note{width:10vw;font-size:2vw;text-align:center}.recorded-notes-note .note-input{width:10vw;font-size:2vw;background-color:#000;border:1px solid var(--main-color);color:var(--main-color)}*{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent}.ReactPiano__Keyboard{position:relative;display:flex}.ReactPiano__Key{display:flex}.ReactPiano__Key--accidental{background:#000;border-top:1px solid transparent;border-radius:0 0 5px 5px;box-shadow:0 0 2px #000;cursor:pointer;height:66%;z-index:4;position:absolute;top:0}.ReactPiano__Key--natural{background:#f6f5f3;border:1px solid #888;border-radius:0 0 6px 6px;cursor:pointer;z-index:0;flex:1 1;margin-right:1px;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent}.ReactPiano__Key--natural::selection{color:none;background:none}.ReactPiano__Key--natural:last-child{margin-right:0}.ReactPiano__Key--active{background-color:#a89142;z-index:1}.ReactPiano__Key--active.ReactPiano__Key--accidental{border:1px solid #fff;border-top-color:#a89142;height:65%}.ReactPiano__Key--active.ReactPiano__Key--natural{height:98%}.ReactPiano__Key--disabled.ReactPiano__Key--accidental{background:#ddd;border:1px solid #999}.ReactPiano__Key--disabled.ReactPiano__Key--natural{background:#eee;border:1px solid #aaa}.ReactPiano__NoteLabelContainer{flex:1 1;align-self:flex-end}.ReactPiano__NoteLabel{font-size:12px;text-align:center;text-transform:capitalize;-webkit-user-select:none;user-select:none}.ReactPiano__NoteLabel--accidental{color:#f8e8d5;margin-bottom:3px}.ReactPiano__NoteLabel--natural{color:#888;margin-bottom:3px}.ReactPiano__NoteLabel--natural.ReactPiano__NoteLabel--active{color:#f8e8d5}:root{--present-color:#ccb013;--keyboard-height-desktop:176px;--keyboard-height-mobile:30vh;--incorrect-key-color:#333232;--correct-color:green;--incorrect-color:grey;--max-board-hight:calc(100% - var(var(--keyboard-height-desktop)))}.matthijsle-outer-outer{width:100%;height:100vh;overflow-x:hidden;overflow-y:auto}.matthijsle-outer{min-height:calc(100dvh - var(--top-bar-height))}.matthijsle-inner,.matthijsle-outer{width:100vw;display:flex;flex-direction:column;align-items:center}.matthijsle-inner{position:relative;height:calc(100vh - var(--top-bar-height));max-height:calc(100dvh - var(--top-bar-height));justify-content:space-between}@keyframes slide-in-error{0%{top:-300px;display:block!important}25%{top:50px;display:block!important}75%{top:50px;display:block!important}to{top:-300px;display:block!important}}.incorrect-word{animation:slide-in-error 2s;position:absolute;background-color:#2e2b2b;border:2px solid red;color:red;font-weight:1000;padding:30px;top:-300px}.keyboard{bottom:0;flex-direction:column;cursor:pointer;margin:1vw 0 .5vw}.keyboard,.keyboard-row{display:flex;grid-gap:.5vw;gap:.5vw}.keyboard-row{flex-direction:row;justify-content:center}.keyboard-key{width:3.2vw;min-width:45px;height:3.7vw;min-height:50px;background-color:#919191;display:flex;justify-content:center;align-items:center;border-radius:.5vw;font-weight:700;color:#fff;font-size:calc(10px + .8vw)}.keyboard-key.incorrect{background-color:var(--incorrect-key-color)}.keyboard-key.present{background-color:var(--present-color)}.keyboard-key.correct{background-color:var(--correct-color)}.keyboard-key.special{width:5.5vw;height:3.8vw;min-width:70px}.keyboard-key.special.delete{font-size:calc(16px + 1vw)}.board-outer{margin-top:1vw;display:flex;justify-content:center;align-items:center;overflow:hidden}.board{flex-direction:column}.board,.word-row{display:flex;grid-gap:.4vw;gap:.4vw}.word-row{flex-direction:row}.word-tile{width:4vw;min-width:50px;aspect-ratio:1;border:.1vw solid var(--main-border-color);color:#fff;display:flex;justify-content:center;align-items:center;font-size:calc(20px + 1vw);font-weight:700;border-radius:3px;vertical-align:center}@keyframes tile-flip{0%{transform:rotateX(0deg)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0deg)}}.word-tile:first-child{animation-delay:.2s!important}.word-tile:nth-child(2){animation-delay:.4s!important}.word-tile:nth-child(3){animation-delay:.6s!important}.word-tile:nth-child(4){animation-delay:.8s!important}.word-tile:nth-child(5){animation-delay:1s!important}.word-tile.absent{background-color:grey}.word-tile.present{background-color:var(--present-color)}.word-tile.correct{background-color:var(--correct-color)}.word-tile.correct.animation{animation-fill-mode:forwards;background-color:initial;animation:tile-flip-correct 3s;border:.1vw solid var(--main-border-color)}.word-tile.present.animation{animation-fill-mode:forwards;background-color:initial;animation:tile-flip-present 3s}.word-tile.absent.animation{animation-fill-mode:forwards;background-color:initial;animation:tile-flip-absent 3s}@keyframes tile-flip-absent{0%{transform:scale(.9)}10%{transform:scale(1.1);background-color:var(--incorrect-color);border:none}20%{transform:scale(1);background-color:var(--incorrect-color);border:none}to{transform:scale(1);background-color:var(--incorrect-color);border:none}}@keyframes tile-flip-correct{0%{transform:scale(.9)}10%{transform:scale(1.1);background-color:var(--correct-color);border:none}20%{transform:scale(1);background-color:var(--correct-color);border:none}to{transform:scale(1);background-color:var(--correct-color);border:none}}@keyframes tile-flip-present{0%{transform:scale(.9)}10%{transform:scale(1.1);background-color:var(--present-color);border:none}20%{transform:scale(1);background-color:var(--present-color);border:none}to{transform:scale(1);background-color:var(--present-color);border:none}}.score-modal{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:20px;border:1px solid #2e2b2b;display:flex;flex-direction:column;align-items:center}.score-title{font-size:20px;font-weight:700}.score-subtitle,.score-title{color:#fff;width:100%;text-align:center}.score-subtitle{font-size:14px;font-weight:500}.score-items{display:flex;flex-direction:row;padding:10px;grid-gap:15px;gap:15px}.score-item{display:flex;flex-direction:column;width:50px;color:#fff;align-items:center;text-align:center}.score-item .value{font-size:24px;font-weight:700}.score-item .label{font-size:13px;font-weight:300}.guess-distribution{margin-top:20px}.guess-distribution-title{font-size:18px;color:#fff;text-align:center;font-weight:700}.guess-distribution-chart{display:flex;flex-direction:column;grid-gap:5px;gap:5px;padding:10px}.guess-distribution-chart-row{display:flex;flex-direction:row;grid-gap:10px;gap:10px;align-items:center}.guess-distribution-chart-row .label{color:#fff;font-size:14px;font-weight:700}.guess-distribution-chart .bar-outer{width:230px;height:20px}.guess-distribution-chart .bar-outer .bar{width:10%;height:100%;background-color:#40b4bd;font-size:13px;font-weight:700;padding-right:5px;color:#fff;text-align:right;display:flex;align-items:center;justify-content:flex-end}.next-matthijsle-timer{display:flex;flex-direction:column;justify-content:center;margin-top:10px}.timer-title{font-size:18px;font-weight:700;color:#fff;text-align:center}.timer{flex-direction:row;font-size:30px}.new-game-button,.timer{display:flex;color:#fff;justify-content:center}.new-game-button{align-items:center;background-color:green;border:1px solid #fff;width:200px;height:50px;font-size:18px;font-weight:1000;border-radius:5px;align-self:center;margin-top:10px}.completed-message{font-size:18px}.completed-message,.completed-word{width:100%;text-align:center;color:#fff}.completed-word{font-size:28px;font-weight:700;text-transform:uppercase}@media only screen and (max-width:600px){@keyframes slide-in-error{0%{top:-300px;display:block!important}25%{top:50px;display:block!important}75%{top:50px;display:block!important}to{top:-300px;display:block!important}}.incorrect-word{animation:slide-in-error 2s;position:absolute;background-color:#2e2b2b;border:2px solid red;color:red;font-weight:1000;padding:30px;top:-300px}.board-outer{width:100%;margin-top:5vw;display:flex;justify-content:center;align-items:center}.keyboard{flex-direction:column;padding:0;margin:2vw 0}.keyboard,.keyboard-row{display:flex;grid-gap:1vw;gap:1vw}.keyboard-row{flex-direction:row;justify-content:center}.keyboard-key{width:9vw;min-width:0;height:8vh;background-color:#919191;display:flex;justify-content:center;align-items:center;border-radius:.5vw;font-weight:700;color:#fff;font-size:4vw}.keyboard-key.incorrect{background-color:var(--incorrect-key-color)}.keyboard-key.present{background-color:var(--present-color)}.keyboard-key.correct{background-color:var(--correct-color)}.keyboard-key.special{width:13.5vw;height:8vh}.keyboard-key.special.delete{font-size:5vw}.board{flex-direction:column}.board,.word-row{display:flex;grid-gap:1.5vw;gap:1.5vw}.word-row{flex-direction:row}.word-tile{width:16vw;aspect-ratio:1;border:.2vw solid var(--main-border-color);color:#fff;display:flex;justify-content:center;align-items:center;font-size:7vw;font-weight:700;border-radius:1vw;vertical-align:center}}.modal-outer{z-index:1}.backdrop,.modal-outer{position:fixed;height:100%;width:100%}.backdrop{z-index:3;background-color:rgba(0,0,0,.6)}.modal,.modal-close{position:fixed;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;top:50%;left:50%;margin-right:-50%;transform:translate(-50%,-50%);z-index:1000;overflow:hidden;background-color:#000}.topbar{font-weight:900}.topbar,.topbar-small-text{position:relative;z-index:100;background-color:#000;width:100vw;max-width:100vw;height:var(--top-bar-height);font-size:2.2vw;border-bottom:1px solid var(--main-border-color);text-align:center;color:var(--main-color);font-family:"Big Shoulders Inline Text";background-color:var(--background-color);display:flex;flex-direction:row;justify-content:space-between;align-items:center;overflow:hidden;padding:0 2vw}.topbar-small-text{font-weight:1000}.top-bar-icon{width:2vw;height:var(--top-bar-height);display:flex;align-items:center;justify-content:center;cursor:pointer;filter:drop-shadow(0 0 .1vw var(--icon-shadow-color))}.top-bar-icon-visual{font-size:2.2vw!important}@media only screen and (max-width:600px){.topbar{font-size:7vw}.topbar,.topbar-small-text{width:100vw;max-width:100vw;height:var(--top-bar-height-mobile);font-weight:1000;padding:0 4vw}.topbar-small-text{position:relative;font-size:5.5vw}.top-bar-icon{width:6vw;height:var(--top-bar-height);display:flex;align-items:center;justify-content:center}.top-bar-icon-visual{font-size:5.5vw!important}}.games-outer{width:100vw;height:100vh;overflow-y:auto;overflow-x:hidden}.back-icon{position:absolute;left:2vw;font-size:2.5vw;height:100%;display:flex;align-items:center;cursor:pointer}.games-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(auto-fill,1fr);margin-top:1vw}.place-holder{width:400px;height:200px}.music_quiz_upper_title{font-size:1.5vw}.music_quiz_lower_title,.music_quiz_upper_title{color:#fff;font-weight:800;z-index:1;text-shadow:#000 0 0 1vw}.music_quiz_lower_title{font-size:4vw;margin-bottom:10px}.music_quiz_widget_background{position:absolute;width:30vw;height:15vw;background-color:#1db954;z-index:0}.music_note{color:#000;position:absolute}.music_note.a{top:0;left:.75vw;font-size:6vw;transform:rotate(20deg)}.music_note.b{top:2.25vw;left:3vw;font-size:7.5vw;transform:rotate(-20deg)}.music_note.c{top:2.25vw;right:1.5vw;font-size:9vw;transform:rotate(-10deg)}.music_note.d{top:15vw;left:7.5vw}.music_note.d,.music_note.e{font-size:6vw;transform:rotate(20deg)}.music_note.e{top:6vw;left:15vw}.music_note.f{top:8.25vw;left:23.25vw;font-size:6vw;transform:rotate(10deg)}.music_note.g{top:8.25vw;left:0;font-size:6vw;transform:rotate(-15deg)}.music_note.h{top:8.25vw;left:4.5vw;font-size:6vw;transform:rotate(20deg)}.music_note.i{top:4.125vw;left:10.125vw;font-size:6vw;transform:rotate(-10deg)}.music_note.j{top:9.75vw;left:9vw;font-size:4.6vw;transform:rotate(-20deg)}.music_note.k{top:0;left:12vw;font-size:4.5vw;transform:rotate(-20deg)}.music_note.l{top:9.75vw;left:12.75vw;font-size:3.75vw;transform:rotate(-20deg)}.music_note.m{top:.75vw;right:0;font-size:4.5vw;transform:rotate(-20deg)}.music_note.n{top:1.5vw;left:14.625vw;font-size:6vw;transform:rotate(10deg)}.music_note.o{top:9.75vw;left:18vw}.music_note.o,.music_note.p{font-size:4.5vw;transform:rotate(-10deg)}.music_note.p{top:0;left:19.5vw}.music_note.q{top:0;left:7.5vw;font-size:3.75vw;transform:rotate(-10deg)}.music_note.r{top:9.75vw;left:18vw;font-size:4.5vw;transform:rotate(-10deg)}.snake-widget{width:30vw;height:15vw;position:relative;background-color:var(--screen-color)}.snake-body{position:absolute;width:10vw;height:5vw;border-radius:5vw 5vw 0 0;border:2.5vw solid var(--snake-color);border-bottom:none}.snake-body.a{top:7vw;left:2.5vw;transform:rotate(180deg)}.snake-body.b{top:2.5vw;left:10vw}.snake-body.c{top:7vw;right:2.5vw;transform:rotate(180deg)}.snake-tail{position:absolute;top:5.7vw;left:2.5vw;width:2.5vw;height:1.5vw;background-color:var(--snake-color);border-radius:2.5vw 2.5vw 0 0}.snake-head{position:absolute;width:8vw;top:1.9vw;right:-.2vw}.snake-title{position:absolute;font-size:5vw;font-weight:1000;z-index:100;color:red;width:30vw;height:15vw;display:flex;justify-content:center;align-items:center;text-shadow:#4d0000 0 0 .5vw;padding:0 3vw 0 0}.games-widget.snake{background-color:var(--screen-color)}.snake-tongue{position:absolute;top:7.3vw;right:3.3vw;height:2vw;width:.5vw;background-color:red;z-index:100;transform:rotate(-10deg)}.snake-tongue-tip{left:-.1vw;transform:rotate(10deg)}.snake-tongue-tip,.snake-tongue-tip-right{position:absolute;bottom:-1vw;z-index:1000;border-top:1.5vw solid red;border-left:.2vw solid transparent;border-right:.2vw solid transparent}.snake-tongue-tip-right{right:-.1vw;transform:rotate(-10deg)}.tetris_widget_background{position:absolute;width:30vw;height:15vw;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.space-image{position:absolute;width:30vw;height:20vw;z-index:0}.tetris_letter{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);height:7vw;width:4.2vw}.tetris_letter .pixel{width:1.4vw;height:1.4vw;z-index:10}.tetris_letter.t .pixel.filled{background-color:#00f0f0;border-color:#60f6f6 #00a7a7 #007b7b #31f3f3;border-style:solid;border-width:.4vw}.tetris_letter.e .pixel.filled{background-color:#00f000;border-color:#60f660 #00a700 #007b00 #31f331;border-style:solid;border-width:.4vw}.tetris_letter.t2 .pixel.filled{background-color:#a000f0;border-color:#c460f6 #6f00a7 #52007b #b231f3;border-style:solid;border-width:.4vw}.tetris_letter.r .pixel.filled{background-color:#f00000;border-color:#f66060 #a70000 #7b0000 #f33131;border-style:solid;border-width:.4vw}.tetris_letter.i .pixel.filled{background-color:#f0f000;border-color:#f6f660 #a7a700 #7b7b00 #f3f331;border-style:solid;border-width:.4vw}.tetris_letter.s .pixel.filled{background-color:#0000f0;border-color:#6060f6 #0000a7 #00007b #3131f3;border-style:solid;border-width:.4vw}.ttfe_widget{height:15vw;flex-direction:column;transform:scale(1)}.ttfe_row,.ttfe_widget{display:flex;justify-content:space-evenly}.ttfe_row{width:30vw;flex-direction:row}.ttfe_widget_tile{width:4.5vw;height:4.5vw;background-color:#eee4da;border-radius:.4vw;font-size:2.5vw;font-weight:600;color:#5a5656;font-family:Arial,Helvetica,sans-serif;box-shadow:0 0 1vw rgba(54,54,54,.5);text-shadow:rgba(0,0,0,.3) 0 0 .5vw}.ttfe_title,.ttfe_widget_tile{display:flex;justify-content:center;align-items:center}.ttfe_title{position:absolute;width:30vw;height:15vw;flex-direction:row;grid-gap:.8vw;gap:.8vw;background-color:rgba(0,0,0,.2)}.ttfe_title_tile{width:6.5vw;height:6.5vw;background-color:green;border-radius:1vw;background-color:#edc22e;font-family:Arial,Helvetica,sans-serif;box-shadow:0 0 1vw rgba(0,0,0,.5);border:.2vw solid #fff;display:flex;justify-content:center;align-items:center;font-size:5vw;font-weight:600;color:#fff;text-shadow:rgba(0,0,0,.3) 0 0 1vw;z-index:10}.ttfe_widget_tile.tile2{background-color:#eee4da}.ttfe_widget_tile.tile4{background-color:#ede0c8}.ttfe_widget_tile.tile8{color:#fff;background-color:#f2b179}.ttfe_widget_tile.tile16{color:#fff;background-color:#f59563}.ttfe_widget_tile.tile32{color:#fff;background-color:#f67c5f}.ttfe_widget_tile.tile64{color:#fff;background-color:#f63e3b}.ttfe_widget_tile.tile128{color:#fff;background-color:#edcf72;font-size:2.2vw}.ttfe_widget_tile.tile256{color:#fff;background-color:#edcc61;font-size:2.2vw}.ttfe_widget_tile.tile512{color:#fff;background-color:#edc850;font-size:2.2vw}.ttfe_widget_tile.tile1024{color:#fff;background-color:#edc53f;font-size:1.8vw}.ttfe_widget_tile.tile2048{color:#fff;background-color:#edc22e;font-size:2.4vw}.games-widget.ttfe{background-color:#5a5656}@media only screen and (max-width:600px){.games-grid{display:flex;flex-direction:column;will-change:transform;grid-gap:3vw;gap:3vw}}.games-widget-outer{width:33.3vw;height:18vw}.games-widget,.games-widget-outer{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.games-widget{width:30vw;height:15vw;border:.3vw solid var(--main-border-color);flex-direction:column;background-color:#000;border-radius:1vw;box-shadow:0 0 .5vw var(--main-color)}.games-widget:hover{border:.3vw solid var(--main-color);box-shadow:0 0 .9vw var(--main-color);cursor:pointer}.matthijsle-title{display:flex;flex-direction:row;grid-gap:.35vw;gap:.35vw}.matthijsle-title-tile{height:2.5vw;width:2.5vw;font-size:1.5vw;border-radius:.5vw;color:#fff;font-weight:700;background-color:var(--incorrect-color);display:flex;align-items:center;justify-content:center;text-shadow:#000 0 0 .2vw}.matthijsle-title-tile.green{background-color:var(--correct-color)}.matthijsle-title-tile.yellow{background-color:var(--present-color)}.matthijsle-subtitle{font-size:2.5vw;font-weight:1000;color:#fff;margin-top:1vw;text-shadow:var(--main-color) 0 0 1vw}.matthijs-sweeper-widget-background{position:absolute;width:30vw;height:15vw;z-index:0;color:#000;left:0;top:0}.matthijs-sweeper-widget-background-tiles{display:grid;height:15vw;width:30vw;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(8,1fr)}.tile{width:1.875vw;height:1.875vw;background-color:var(--minesweeper-main-color);border-color:var(--minesweeper-lighter-shade) var(--minesweeper-darker-shade) var(--minesweeper-darker-shade) var(--minesweeper-lighter-shade);border-style:solid;border-width:.225vw;display:flex;align-items:center;justify-content:center;font-family:"Roboto Mono";font-weight:1000;font-size:1.4vw}.tile[value]:not([value=""]):not([value=flag]){background-color:var(--minesweeper-semi-dark-shade);border:.08vw solid var(--minesweeper-darker-shade)}.tile[value="1"]{color:#0000d9}.tile[value=flag]{color:red}.tile[value="2"]{color:#017101}.tile[value="3"]{color:#da0000}.tile[value="4"]{color:#00006f}.matthijs-sweeper-title{position:absolute;width:30vw;height:15vw;display:flex;align-items:center;justify-content:center;font-family:"Digital-Clock";z-index:10;color:#fe0;font-size:6vw;font-weight:1000;left:0;top:0;text-align:center;text-shadow:#000 0 0 .4vw}.solitaire_widget{width:100%;height:100%;background-color:green;display:flex;flex-direction:column;justify-items:center;align-items:center}.solitaire_widget_cards_outer{width:25vw;height:12vw;border:1px solid #fff}.solitaire_widget_title{font-size:3vw;font-weight:800;color:#fff}@media only screen and (max-width:600px){.games-widget{transform:scale(3.1);border-radius:1vw}.games-widget-outer{position:relative;width:100vw;height:50vw;display:flex;align-items:center;justify-content:center;overflow:hidden}}.widget_outer{position:relative;height:100%;width:100%}.widget_main{height:100%;width:100%;background-color:#099ae0}.widget_secondairy{position:absolute;right:0;width:57%;height:100%;background-color:#f6d20a;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,25% 100%);clip-path:polygon(0 0,100% 0,100% 100%,25% 100%)}.widget_overlay{z-index:5;position:absolute;height:100%;width:100%;color:#fff;font-weight:1000;font-size:4vw;text-shadow:#000 0 0 1vw}.hourglass,.widget_overlay{display:flex;justify-content:center;align-items:center}.hourglass{position:relative;height:10vw;flex-direction:column}.bottom,.top{width:0;height:0;border-left:4vw solid transparent;border-right:4vw solid transparent}.top{margin-bottom:-.75vw;border-top:5vw solid #ab0000}.bottom{margin-top:-.75vw;border-bottom:5vw solid #ab0000}.hitster_widget_layer.a{--speaker-main-color:#d9d9d9;--speaker-main-lighter:silver;--speaker-main-darker:#787878;--rubber-main:#181818;--rubber-dark:#000;--rubber-light:#292929}.hitster_widget_overlay{position:absolute;width:30vw;height:15vw;display:flex;justify-content:center;align-items:center;font-family:"Londrina Outline";font-weight:800;color:var(--hitster-neon);font-size:7vw;text-shadow:#000 2px 2px .1vw}.hitster_widget_layer{border-radius:50%}.hitster_widget_layer.a{padding:2.2vw;background-color:var(--speaker-main-color);border:.5vw solid var(--speaker-main-lighter)}.hitster_widget_layer.b{padding:1vw;background-color:var(--rubber-main);border:.2vw solid var(--rubber-light);outline:.5vw solid var(--speaker-main-darker)}.hitster_widget_layer.c{background-color:var(--speaker-main-color);padding:7vw;border:.3vw solid var(--speaker-main-lighter);outline:.2vw solid var(--rubber-dark)}.hitster_widget_layer.d{background-color:var(--rubber-main);padding:.5vw;border:.2vw solid var(--rubber-light);outline:.2vw solid var(--speaker-main-darker)}.hitster_widget_layer.e{background-color:var(--rubber-main);height:6vw;width:6vw;border:.2vw solid var(--rubber-dark)}*{--nokia-color:#31394c;--screen-color:#9ac304;--snake-color:#353535}.snake-outer{width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.phone-outer{position:relative}.phone-image{width:290px;height:650px}.screen{position:absolute;z-index:100;top:170px;left:43px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:var(--screen-color);padding:0 7px 7px;border-radius:5px 5px 10px 10px}.score-bar{position:relative;width:100%;height:25px;font-size:15px;margin-bottom:5px;border-bottom:2px solid var(--snake-color);font-weight:700;color:var(--snake-color)}.score-bar,.snake-inner{display:flex;align-items:center}.snake-inner{width:600px;min-height:100vh;flex-direction:column;justify-content:center}.grid{border:2px solid var(--snake-color);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;flex-direction:column}.grid,.grid-row{display:flex;grid-gap:1px;gap:1px}.grid-row{flex-direction:row}.empty-tile{width:6px;height:6px}.pixel{width:8px;height:8px}.pixel.snake{background-color:var(--snake-color)}.pixel.apple,.pixel.gameover{background-color:red}.pixel.gameover{animation:blinker .5s infinite}.snake_button{position:absolute;height:100px;width:100px}.snake_button.left{top:430px}.snake_button.right{top:430px;right:0}.snake_button.top{top:390px;right:105px;width:80px}.snake_button.bottom{top:500px;right:105px;width:80px}.game_over_screen{position:absolute;background-color:var(--screen-color);top:202px;left:52px;z-index:100;width:179px;height:107px;display:flex;justify-content:center;flex-direction:column;align-items:center;font-family:"Righteous";font-weight:1000;color:var(--snake-color);font-size:28px;grid-gap:0;gap:0;animation:font-zoom 2s linear}.game_over_screen p{font-size:15px;height:20px;margin-top:-3px;color:red;animation:font-appearing 2s}@keyframes blinker{50%{opacity:0}}@keyframes font-zoom{0%{font-size:0}to{font-size:28px}}@keyframes font-appearing{0%{font-size:0}99%{font-size:0}to{font-size:15px}}.game_over_transition{position:absolute;animation:blinker 1s infinite;background-color:var(--screen-color);top:201px;left:51px;z-index:100;width:180px;height:108px;display:flex;justify-content:center;flex-direction:column;align-items:center;font-family:"Righteous";font-weight:1000;font-size:28px;grid-gap:0;gap:0}.snake_settings_button{right:10px}.snake_pause_play_button,.snake_settings_button{position:absolute;font-size:20px;top:0;color:var(--snake-color);cursor:pointer}.snake_pause_play_button{right:30px}.settings_screen{position:absolute;background-color:var(--screen-color);top:202px;left:52px;z-index:110;width:179px;height:107px;display:flex;justify-content:center;flex-direction:column;align-items:center;font-family:"Righteous";font-weight:1000;color:var(--snake-color);font-size:15px;grid-gap:0;gap:0}.snake_speed_option{font-size:12px}.snake_speed_option.active{color:#fbff27}@media only screen and (max-width:600px){.snake-outer{width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:hidden}.phone-image{height:100vh;width:46vh;overflow-y:hidden}.pixel{width:1.33vh;height:1.33vh}.screen{position:absolute;z-index:100;top:26vh;left:7vh;background-color:var(--screen-color);padding:0 1vh 1vh;border-radius:1vh 1vh 2vh 2vh}.grid,.screen{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.grid{border:.3vh solid var(--snake-color);flex-direction:column}.grid,.grid-row{display:flex;grid-gap:.1vh;gap:.1vh}.grid-row{flex-direction:row}.game_over_screen{position:absolute;background-color:var(--screen-color);top:30.3vh;left:8.3vh;z-index:100;width:28.5vh;height:17.1vh;display:flex;justify-content:center;flex-direction:column;align-items:center;font-family:"Righteous";font-weight:1000;font-size:4.5vh;grid-gap:0;gap:0;animation:font-zoom 2s linear}.snake_button{position:absolute;height:15vh;width:15vh}.snake_button.left{top:68vh;left:1vh}.snake_button.right{top:68vh;right:1vh}.snake_button.top{top:60vh;right:16.5vh;width:13vh}.snake_button.bottom{top:77vh;right:16.5vh;width:13vh}.game_over_screen p{font-size:2.2vh;height:3vh;margin-top:0;color:red;animation:font-appearing 2s}.score-bar{width:100%;height:3vh;font-size:2vh;display:flex;align-items:center;margin-bottom:1vh;border-bottom:.3vh solid var(--snake-color)}@keyframes font-zoom{0%{font-size:0}to{font-size:4.5vh}}@keyframes font-appearing{0%{font-size:0}99%{font-size:0}to{font-size:2.2vh}}.settings_screen{position:absolute;background-color:var(--screen-color);top:30.3vh;left:8.3vh;z-index:110;width:28.5vh;height:17.1vh;display:flex;justify-content:center;flex-direction:column;align-items:center;font-family:"Righteous";font-weight:1000;color:var(--snake-color);font-size:2.5vh;grid-gap:0;gap:0}.snake_speed_option{font-size:1.8vh}.snake_speed_option.active{color:#fbff27}.snake_settings_button{right:1vh}.snake_pause_play_button,.snake_settings_button{position:absolute;font-size:2.5vh;top:0;color:var(--snake-color);cursor:pointer}.snake_pause_play_button{right:3.5vh}}@font-face{font-family:"Digital-Clock";src:url(/static/media/DS-DIGIB.81b4bd92.TTF)}*{--minesweeper-main-color:#909090;--minesweeper-semi-dark-shade:#888787;--minesweeper-darker-shade:#616161;--minesweeper-semi-light-shade:#a7a7a7;--minesweeper-lighter-shade:#dcdcdc}.minesweeper-outer{height:100%;width:100%;display:flex;justify-content:center}.minesweeper-inner{width:600px;min-height:100vh;display:flex;align-items:center;justify-content:center}.minesweeper-widget{display:flex;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:silver;padding:10px;border-color:var(--minesweeper-lighter-shade) var(--minesweeper-darker-shade) var(--minesweeper-darker-shade) var(--minesweeper-lighter-shade);border-style:solid;border-width:3px}.minesweeper-widget .minesweeper-topbar{position:relative;padding:5px;margin-bottom:10px;display:flex;flex-direction:row;justify-content:center;border-color:var(--minesweeper-darker-shade) var(--minesweeper-lighter-shade) var(--minesweeper-lighter-shade) var(--minesweeper-darker-shade);border-style:solid;border-width:3px}.minesweeper-grid,.minesweeper-grid-outer{background-color:silver}.minesweeper-grid{display:flex;flex-direction:row;border-color:var(--minesweeper-darker-shade) var(--minesweeper-lighter-shade) var(--minesweeper-lighter-shade) var(--minesweeper-darker-shade);border-style:solid;border-width:3px}.minesweeper-grid-column{display:flex;flex-direction:column}.minesweeper-tile{height:30px;width:30px;background-color:var(--minesweeper-main-color);font-family:"Roboto Mono";font-weight:1000;font-size:25px;color:#000;display:flex;justify-content:center;align-items:center}.minesweeper-tile.not-revealed{color:red;border-color:var(--minesweeper-lighter-shade) var(--minesweeper-darker-shade) var(--minesweeper-darker-shade) var(--minesweeper-lighter-shade);border-style:solid;border-width:3px}.minesweeper-tile.revealed{background-color:var(--minesweeper-semi-dark-shade);border:1px solid var(--minesweeper-darker-shade)}.minesweeper-tile.revealed[value=flag]{color:red}.minesweeper-tile.revealed.losing{background-color:red;border:none}.minesweeper-tile.revealed[value="1"]{color:#0000d9}.minesweeper-tile.revealed[value="2"]{color:#017101}.minesweeper-tile.revealed[value="3"]{color:#da0000}.minesweeper-tile.revealed[value="4"]{color:#00006f}.minesweeper-tile.revealed[value="5"]{color:#932929}.minesweeper-tile.revealed[value="6"]{color:#149898}.minesweeper-tile.revealed[value="7"]{color:#000}.minesweeper-tile.revealed[value="8"]{color:#474747}.test{font-family:"Digital-Clock";color:red;font-size:50px}.emoji-button{height:45px;width:45px;display:flex;justify-content:center;align-items:center;border-color:var(--minesweeper-lighter-shade) var(--minesweeper-darker-shade) var(--minesweeper-darker-shade) var(--minesweeper-lighter-shade);border-style:solid;border-width:2px}.emoji-face{font-size:30px;margin-bottom:.4vw}.placed-flags-count{left:5px}.placed-flags-count,.time-counter{position:absolute;color:red;background-color:#000;width:72px;height:45px;display:flex;justify-content:center;align-items:center;font-family:"Digital-Clock";font-size:40px;border-color:var(--minesweeper-darker-shade) var(--minesweeper-lighter-shade) var(--minesweeper-lighter-shade) var(--minesweeper-darker-shade);border-style:solid;border-width:2px}.time-counter{right:5px}.restart-modal{background-color:#000;width:280px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:#fff;text-align:center;border:1px solid #525252;font-size:20px;padding:20px}.restart-modal-buttons{width:100%;display:flex;flex-direction:row;justify-content:space-evenly;margin-top:20px}.restart-modal-button{background-color:#000;font-weight:700;cursor:pointer}.restart-modal-button,.restart-modal-button.yes{width:45%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border:2px solid #525252;border-radius:3px;font-size:18px}.restart-modal-button.yes{background-color:#525252;color:#000}.minesweeper-options{width:250px;height:100%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.minesweeper-option-small-button{height:35px;width:35px;border-color:var(--minesweeper-lighter-shade) var(--minesweeper-darker-shade) var(--minesweeper-darker-shade) var(--minesweeper-lighter-shade);border-style:solid;border-width:2px;display:flex;justify-content:center;align-items:center;color:var(--minesweeper-darker-shade);font-size:25px;cursor:pointer}.how-to-play-modal{max-height:100vh;overflow-y:auto;width:300px;color:#fff;font-size:16px;padding:20px;font-weight:200;border:1px solid #525252}.how-to-play-title{text-align:center;width:100%;font-size:25px;font-weight:700;margin-bottom:10px}.how-to-play-flag{color:red;background-color:var(--minesweeper-main-color);border-color:var(--minesweeper-lighter-shade) var(--minesweeper-darker-shade) var(--minesweeper-darker-shade) var(--minesweeper-lighter-shade);border-style:solid;border-width:3px}.how-to-play-bomb,.how-to-play-flag{height:30px;width:30px;float:left;margin:5px 10px 2px 0;display:flex;justify-content:center;align-items:center;font-size:20px}.how-to-play-bomb{background-color:red;color:#000}.how-to-play-number{height:30px;width:30px;float:left;margin:5px 10px 2px 0;display:flex;justify-content:center;align-items:center;font-size:20px;background-color:var(--minesweeper-semi-dark-shade);font-family:"Roboto Mono";font-weight:1000;font-size:25px;color:#017101;border:1px solid var(--minesweeper-darker-shade)}.minesweeper-score-modal{width:280px;padding:20px;background-color:#000;color:#fff;display:flex;flex-direction:column;align-items:center}.minesweeper-score-title{font-size:25px;font-weight:700;width:100%;text-align:center;margin-bottom:10px}.minesweeper-score-row{width:90%;display:flex;flex-direction:row;justify-content:space-evenly}.minesweeper-score-field{width:30%;display:flex;flex-direction:column;align-items:center}.minesweeper-score-field-value{font-size:25px;font-weight:700}.minesweeper-score-field-label{width:100%;text-align:center;font-size:15px;font-weight:200}.minesweeper-fastest-time{text-align:center;margin-top:20px}.minesweeper-fastest-time-title{font-size:18px;font-weight:700}.minesweeper-fastest-time-timer{margin-top:5px;font-family:"Digital-Clock";font-size:25px}@media only screen and (max-width:600px){.minesweeper-tile{height:7.7vw;width:7.7vw;background-color:#797979;font-family:"Roboto Mono";font-weight:1000;font-size:5.5vw;color:#000;display:flex;justify-content:center;align-items:center}.minesweeper-outer{height:100%;width:100%;display:flex;justify-content:center}.minesweeper-widget{display:flex;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:silver;padding:2.4vw;border-color:var(--minesweeper-lighter-shade) var(--minesweeper-darker-shade) var(--minesweeper-darker-shade) var(--minesweeper-lighter-shade);border-style:solid;border-width:.8vw}.minesweeper-widget .minesweeper-topbar{position:relative;padding:1vw;margin-bottom:2vw;display:flex;flex-direction:row;justify-content:center;border-color:var(--minesweeper-darker-shade) var(--minesweeper-lighter-shade) var(--minesweeper-lighter-shade) var(--minesweeper-darker-shade);border-style:solid;border-width:.8vw}.minesweeper-grid,.minesweeper-grid-outer{background-color:silver}.minesweeper-grid{display:flex;flex-direction:row;border-color:var(--minesweeper-darker-shade) var(--minesweeper-lighter-shade) var(--minesweeper-lighter-shade) var(--minesweeper-darker-shade);border-style:solid;border-width:.8vw}.minesweeper-grid-column{display:flex;flex-direction:column}.minesweeper-tile.not-revealed{color:red;border-color:var(--minesweeper-lighter-shade) var(--minesweeper-darker-shade) var(--minesweeper-darker-shade) var(--minesweeper-lighter-shade);border-style:solid;border-width:.8vw}.minesweeper-tile.revealed{background-color:var(--minesweeper-semi-dark-shade);border:.2vw solid var(--minesweeper-darker-shade)}.minesweeper-tile.revealed[value=flag]{color:red}.minesweeper-tile.revealed.losing{background-color:red;border:none}.minesweeper-tile.revealed[value="1"]{color:#0000d9}.minesweeper-tile.revealed[value="2"]{color:#017101}.minesweeper-tile.revealed[value="3"]{color:#da0000}.minesweeper-tile.revealed[value="4"]{color:#00006f}.minesweeper-tile.revealed[value="5"]{color:#932929}.minesweeper-tile.revealed[value="6"]{color:#149898}.minesweeper-tile.revealed[value="7"]{color:#000}.minesweeper-tile.revealed[value="8"]{color:#474747}.test{font-family:"Digital-Clock";color:red;font-size:50px}.placed-flags-count{left:2vw}.placed-flags-count,.time-counter{position:absolute;color:red;background-color:#000;width:16vw;height:9vw;display:flex;justify-content:center;align-items:center;font-family:"Digital-Clock";font-size:9vw;border-color:var(--minesweeper-darker-shade) var(--minesweeper-lighter-shade) var(--minesweeper-lighter-shade) var(--minesweeper-darker-shade);border-style:solid;border-width:.4vw}.time-counter{right:2vw}.restart-modal{background-color:#000;width:280px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:#fff;text-align:center;border:1px solid #525252;font-size:20px;padding:20px}.restart-modal-buttons{width:100%;display:flex;flex-direction:row;justify-content:space-evenly;margin-top:20px}.restart-modal-button{background-color:#000;font-weight:700;cursor:pointer}.restart-modal-button,.restart-modal-button.yes{width:45%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border:2px solid #525252;border-radius:3px;font-size:18px}.restart-modal-button.yes{background-color:#525252;color:#000}.minesweeper-options{width:50vw;height:100%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.minesweeper-option-small-button{height:8vw;width:8vw;border-color:var(--minesweeper-lighter-shade) var(--minesweeper-darker-shade) var(--minesweeper-darker-shade) var(--minesweeper-lighter-shade);border-style:solid;border-width:2px;display:flex;justify-content:center;align-items:center;color:var(--minesweeper-darker-shade);font-size:25px;cursor:pointer}.how-to-play-modal{max-height:100vh;overflow-y:auto;width:300px;color:#fff;font-size:16px;padding:20px;font-weight:200;border:1px solid #525252}.how-to-play-title{text-align:center;width:100%;font-size:25px;font-weight:700;margin-bottom:10px}.how-to-play-flag{color:red;background-color:var(--minesweeper-main-color);border-color:var(--minesweeper-lighter-shade) var(--minesweeper-darker-shade) var(--minesweeper-darker-shade) var(--minesweeper-lighter-shade);border-style:solid;border-width:3px}.how-to-play-bomb,.how-to-play-flag{height:30px;width:30px;float:left;margin:5px 10px 2px 0;display:flex;justify-content:center;align-items:center;font-size:20px}.how-to-play-bomb{background-color:red;color:#000}.how-to-play-number{height:30px;width:30px;float:left;margin:5px 10px 2px 0;display:flex;justify-content:center;align-items:center;font-size:20px;background-color:var(--minesweeper-semi-dark-shade);font-family:"Roboto Mono";font-weight:1000;font-size:25px;color:#017101;border:1px solid var(--minesweeper-darker-shade)}.minesweeper-score-modal{width:280px;padding:20px;background-color:#000;color:#fff;display:flex;flex-direction:column;align-items:center}.minesweeper-score-title{font-size:25px;font-weight:700;width:100%;text-align:center;margin-bottom:10px}.minesweeper-score-row{width:90%;display:flex;flex-direction:row;justify-content:space-evenly}.minesweeper-score-field{width:30%;display:flex;flex-direction:column;align-items:center}.minesweeper-score-field-value{font-size:25px;font-weight:700}.minesweeper-score-field-label{width:100%;text-align:center;font-size:15px;font-weight:200}.minesweeper-fastest-time{text-align:center;margin-top:20px}.minesweeper-fastest-time-title{font-size:18px;font-weight:700}.minesweeper-fastest-time-timer{margin-top:5px;font-family:"Digital-Clock";font-size:25px}.emoji-button{height:9vw;width:9vw;display:flex;justify-content:center;align-items:center;border-color:var(--minesweeper-lighter-shade) var(--minesweeper-darker-shade) var(--minesweeper-darker-shade) var(--minesweeper-lighter-shade);border-style:solid;border-width:2px}.emoji-face{font-size:5.8vw;margin-bottom:.4vw}}.music-quiz{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--spotify-black);font-family:"Open Sans"}.playlist-outer{width:300px;height:300px;background-color:var(--main-color);color:#fff;padding:20px;border-radius:20px}.playlist-list,.playlist-outer{display:flex;flex-direction:column}.playlist-list{padding:20px 0;grid-gap:20px;gap:20px}.playlist-image-outer{width:100%;height:200px;display:flex;justify-content:center;align-items:center}.playlist-image{width:200px;height:200px}.playlist-title{width:100%;color:#fff;font-size:30px;font-weight:600;text-align:center;height:100%;display:block;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:10px}.back-to-playlists{width:100px;height:200px;color:#fff;font-size:30px}.playlist-button{position:fixed;top:0;left:0;width:100px;height:100px}.player-edit-button{height:25px;width:25px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;border:1px solid #fff}.player-edit-button.edit{background-color:orange;font-size:15px}.player-edit-button.delete{background-color:red;font-size:20px}.player-edit-button.save{width:35px!important;height:35px!important;background-color:#1db954;border:2px solid #fff;font-size:20px}.expire-modal{width:350px;font-size:20px;color:#fff;border:1px solid red;padding:0 20px 30px}.expire-modal-title{width:100%;text-align:center;font-size:25px;font-weight:600;color:red;padding:20px 0}.expire-modal-buttons{margin-top:20px;width:100%;display:flex;flex-direction:row;justify-content:space-evenly}.expire-modal-button{width:40%;display:flex;justify-content:center;align-items:center;text-align:center;padding:10px 0;border:2px solid #fff;font-size:20px;border-radius:5px;font-weight:600}.expire-modal-button.relogin{background-color:#1db954}@media only screen and (max-width:400px){.music-quiz{width:100%;min-height:100vh}.music-quiz,.spotify-login-button{display:flex;justify-content:center;align-items:center}.spotify-login-button{padding:2vw 5vw;text-decoration:none;color:#fff;background-color:#1db954;flex-direction:row;grid-gap:4vw;gap:4vw;font-size:8vw;font-weight:600;border-radius:5vw}.test{background-color:#fff}@keyframes spin-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.playlist-loading-indicator{height:60px;width:60px;border-radius:50%;border:2px solid rgba(168,145,66,.1);border-top-color:#a89142;animation:spin-animation 1s linear infinite}.playlist-outer{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:var(--main-color);color:#fff;border-radius:5vw}.playlist-list,.playlist-outer{display:flex;flex-direction:column;padding:5vw}.playlist-list{width:100vw;grid-gap:5vw;gap:5vw}.playlist-image-outer{width:100%;height:70vw;display:flex;justify-content:center;align-items:center}.playlist-image{width:70vw;height:70vw}.playlist-title{width:100%;color:#fff;font-size:8vw;font-weight:600;text-align:center;height:100%;display:block;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2.5vw}.back-to-playlists{width:100px;height:200px;color:#fff;font-size:30px}.playlist-button{position:fixed;top:0;left:0;width:100px;height:100px}.error-modal{width:min(350px,95vw);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:#fff;background-color:#000;border:1px solid red;padding:3vw 6vw 9vw;border-radius:1vw;font-size:6.5vw}.error-modal-title{width:100%;text-align:center;font-size:8vw;color:red;margin-bottom:5vw;font-weight:700}.player-edit-buttons{position:absolute;right:0;width:17.5vw;height:16vw;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.player-edit-button{height:5.5vw;width:5.5vw;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;border:1px solid #fff}.player-edit-button.edit{background-color:orange;font-size:3.5vw}.player-edit-button.delete{background-color:red;font-size:5vw}.player-edit-button.save{width:8vw!important;height:8vw!important;background-color:#1db954;border:2px solid #fff;font-size:5vw}}.game-choice-screen{width:100vw;max-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:2vw;color:#fff;font-weight:500;grid-gap:1vw;gap:1vw}@media only screen and (max-width:600px){.game-choice-screen{font-size:8vw;grid-gap:3vw;gap:3vw}}.music_quiz_button{display:flex;align-items:center;justify-content:center;color:var(--spotify-black);font-weight:700;text-align:center;background-color:var(--spotify-green);padding:1vw 2vw;font-size:1.6vw;border:.1vw solid var(--spotify-border-color);border-radius:.4vw;box-shadow:0 0 .3vw 0 var(--spotify-shadow);cursor:pointer}.music_quiz_button:hover{box-shadow:0 0 .75vw 0 var(--spotify-shadow)}@media only screen and (max-width:600px){.music_quiz_button{padding:3vw 8vw;font-size:6vw;border:.2vw solid var(--spotify-border-color);border-radius:1vw;box-shadow:0 0 1vw 0 var(--spotify-shadow)}}.player_screen_content{width:100%;color:#fff;display:flex;flex-direction:column;grid-gap:1vw;gap:1vw;align-items:center}.player-screen-title{color:#fff;padding:2vw 0 .5vw;font-size:2.5vw;font-weight:600;text-align:center}.player{width:20vw;flex-direction:row;padding:.5vw 1vw;grid-gap:.75vw;gap:.75vw;border-radius:.5vw;background-color:var(--spotify-green);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:.1vw solid var(--spotify-border-color);box-shadow:0 0 .3vw 0 var(--spotify-shadow)}.player,.player-icon{color:#000;display:flex;justify-content:center;align-items:center;font-size:2vw}.player-edit-buttons{position:absolute;right:0;width:70px;height:60px;justify-content:space-evenly}.add-player-button,.player-edit-buttons{display:flex;flex-direction:row;align-items:center}.add-player-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#000;justify-content:center;grid-gap:.6vw;gap:.6vw;font-size:1.1vw;font-weight:700;background-color:var(--spotify-green);border:.1vw solid var(--spotify-border-color);box-shadow:0 0 .2vw 0 var(--spotify-shadow);border-radius:1vw;padding:.4vw .7vw}.add_player_icon{display:flex;justify-content:center;align-items:center}.player-name-input{width:100%;font-size:2vw;background-color:initial;color:#000;border:.2vw solid #000;border-radius:.3vw;padding:.2vw 1vw;font-weight:400}@media only screen and (max-width:600px){.player-screen-title{padding:5vw 0 .5vw;font-size:9vw}.player_screen_content{grid-gap:4vw;gap:4vw}.player{width:85vw;padding:3vw;grid-gap:3vw;gap:3vw;border-radius:2vw;font-size:6vw;font-weight:600;border:.2vw solid var(--spotify-border-color);box-shadow:0 0 1vw 0 var(--spotify-shadow)}.player-icon{color:#000;font-size:8vw}.add-player-button{grid-gap:2vw;gap:2vw;font-size:5.5vw;background-color:var(--spotify-green);border:.2vw solid var(--spotify-border-color);box-shadow:0 0 1vw 0 var(--spotify-shadow);border-radius:3vw;padding:1vw 3vw}.player-name-input{font-size:7vw;border:.7vw solid #000;border-radius:1.5vw;padding:1vw 3vw}}.music_quiz_screen_outer{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;font-family:"Open Sans"}.music_quiz_screen_title{font-size:2vw;height:7vw;color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;font-weight:600}.music_quiz_screen_title_text{width:80vw;display:flex;align-items:center;justify-content:center}.music_quiz_screen_option_button{height:7vw;width:10vw;display:flex;justify-content:center;align-items:center;padding:1vw;font-size:2.5vw}.music_quiz_screen_content{width:100%;flex-grow:1}.music_quiz_button_row{height:12vw;display:flex;justify-content:center;align-items:center}@media only screen and (max-width:600px){.music_quiz_screen_outer{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;font-family:"Open Sans"}.music_quiz_screen_title{font-size:6vw;font-weight:600;padding:10vw 0}.music_quiz_screen_content{flex-grow:1}.music_quiz_button_row{height:30vw;display:flex;justify-content:center;align-items:center}}.game_overview_players_outer{display:flex;flex-direction:column;align-items:center}.game_overview_player_row{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:-3vw}.game_overview_quiz_master_field{width:6vw;height:5vw;color:var(--spotify-green);text-align:center;font-weight:700;font-size:.8vw;display:flex;justify-content:center;align-items:center;padding:0 1vw}.game_overview_player_name{width:20vw;font-size:2vw;color:#fff;font-weight:600}.game_overview_score{width:4vw;font-size:3vw;color:#fff;font-weight:700}@media only screen and (max-width:600px){.game_overview_player_row{margin-left:-10vw}.game_overview_quiz_master_field{width:25vw;font-weight:700;font-size:2.5vw;padding:0 5vw}.game_overview_player_name{width:45vw;font-size:7vw}.game_overview_score{width:18vw;font-size:8vw;color:#fff;font-weight:700}}.playlist-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(auto-fill,1fr);justify-content:space-between;width:100%;padding:0 3vw 2vw}.playlist_outer{position:relative;width:100%;color:#fff;border-radius:1vw;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1vw 0;cursor:pointer}.playlist_outer:hover{background-color:rgba(30,215,96,.5)}.playlist_outer.active:hover{background-color:rgba(218,255,231,.2)!important}.playlist_image{width:18vw;height:18vw;background-color:#000;border-radius:.5vw;display:flex;justify-content:center;align-items:center;color:var(--spotify-green);font-size:4vw;box-shadow:0 0 .5vw .1vw #000}.playlist_name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-align:left;width:17vw;height:4vw;font-size:1.3vw;font-weight:600;margin-top:1vw}.playlist-add-remove-button{top:0;right:1.5vw;position:absolute;height:3.5vw;width:3.5vw;border-radius:50%;border:.2vw solid #fff;box-shadow:0 0 .5vw .1vw #000;display:flex;justify-content:center;align-items:center;font-size:1.6vw;cursor:pointer}.playlist-add-remove-button.add{background-color:var(--spotify-green)}.playlist-add-remove-button.remove{background-color:#ff1b1b}@media only screen and (max-width:600px){.playlist-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(auto-fill,1fr);justify-content:space-between;grid-row-gap:2vw;row-gap:2vw;padding:2vw}.playlist_outer{border-radius:2vw;padding:3vw 0}.playlist_image{width:40vw;height:40vw;background-color:#000;border-radius:1vw;font-size:12vw;box-shadow:0 0 1.5vw .3vw #000}.playlist_name{width:38vw;height:8vw;font-size:2.9vw;margin-top:2vw}.playlist-add-remove-button{height:7.5vw;width:7.5vw;border-radius:50%;border:.2vw solid #fff;box-shadow:0 0 1.5vw .3vw #000;font-size:4vw}}.choose_playlist_screen{overflow-y:auto;overflow-x:hidden;width:100%}.manage_playlists_button{color:#fff;font-size:3vw;padding-top:1vw}@media only screen and (max-width:600px){.manage_playlists_button{color:#fff;font-size:7vw;padding-top:2vw}}.song_player_content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 19vw)}.song_player_play_row{width:25vw;height:5vw;display:flex;flex-direction:row;align-items:center}.song_player_spotify_logo{display:flex;align-items:center;justify-content:center;color:var(--spotify-green);font-size:2vw;width:5vw}.song_player_meta_data{width:16vw;height:5vw;display:flex;flex-direction:column;justify-content:space-evenly}.song_player_meta_data_row{background-color:#202321;border-radius:3vw}.song_player_meta_data_row.up{width:14vw;height:1.5vw}.song_player_meta_data_row.down{width:11vw;height:1.3vw}.song_player_play_button{width:6vw;display:flex;align-items:center;justify-content:center}.song_player_title{font-size:2vw;font-weight:600;text-align:center;padding:2vw}.wave-outer{width:25vw;height:25vw;font-weight:600;background-color:#202321;border-radius:.5vw;box-shadow:0 0 .1vw .1vw #000}.wave-inner,.wave-outer{display:flex;justify-content:center;align-items:center}.wave-inner{flex-direction:row;grid-gap:.6vw;gap:.6vw}.wave-item{background-color:var(--spotify-green);height:3vw;width:1.2vw;border-radius:1vw}#wave .wave-item.playing:first-child{animation:wave 2s linear infinite;animation-delay:.6s}#wave .wave-item.playing:nth-child(2){animation:wave 1.5s linear infinite;animation-delay:.2s}#wave .wave-item.playing:nth-child(3){animation:wave 1.5s linear infinite;animation-delay:.4s}#wave .wave-item.playing:nth-child(4){animation:wave 1.5s linear infinite;animation-delay:1s}#wave .wave-item.playing:nth-child(5){animation:wave 1.5s linear infinite;animation-delay:.2s}#wave .wave-item.playing:nth-child(6){animation:wave 1.5s linear infinite}#wave .wave-item.playing:nth-child(7){animation:wave 1.5s linear infinite;animation-delay:.6s}#wave .wave-item.playing:nth-child(8){animation:wave 1.5s linear infinite;animation-delay:.8s}@keyframes wave{0%{transform:scaleY(1);border-radius:10px}50%{transform:scaleY(3);border-radius:100px}to{transform:scaleY(1);border-radius:10px}}.play-pause-button{width:3.5vw;height:3.5vw;border-radius:50%;background-color:var(--spotify-green);display:flex;justify-content:center;align-items:center;font-size:1.4vw;color:var(--spotify-black);border:1px solid #000;box-shadow:0 0 .3vw .1vw #000}.song_player_playlist_row{width:25vw;display:flex;flex-direction:row;padding:.5vw;grid-gap:1vw;gap:1vw}.song_player_playlist_album{height:3.5vw;width:3.5vw;border-radius:.2vw}.song_player_playlist_title{color:#fff;width:100%;font-size:1.2vw;font-weight:600}.song_player_playlist_title_subtitle{font-size:1.2vw;font-weight:300}@media only screen and (max-width:600px){.song_player_content{height:calc(100vh - 50vw)}.song_player_play_row{width:60vw;height:15vw;display:flex;flex-direction:row;align-items:center}.song_player_spotify_logo{font-size:6vw;width:14vw}.song_player_meta_data{width:35vw;height:15vw}.song_player_meta_data_row{border-radius:5vw}.song_player_meta_data_row.up{width:30vw;height:3.5vw}.song_player_meta_data_row.down{width:24vw;height:3vw}.song_player_play_button{width:15vw}.song_player_title{font-size:6vw;padding:5vw}.wave-outer{width:60vw;height:60vw;border-radius:1vw;box-shadow:0 0 1vw .1vw #000}.wave-inner{grid-gap:1.5vw;gap:1.5vw}.wave-item{height:8vw;width:2.5vw;border-radius:3vw}@keyframes wave{0%{transform:scaleY(1);border-radius:4vw}50%{transform:scaleY(3);border-radius:12vw}to{transform:scaleY(1);border-radius:4vw}}.play-pause-button{width:10vw;height:10vw;font-size:3.3vw;color:var(--spotify-black);border:2px solid #000;box-shadow:0 0 .5vw .2vw #000}.song_reveal_button_row{height:35vw;display:flex;justify-content:center;align-items:center}.song_player_playlist_row{width:60vw;display:flex;flex-direction:row;align-items:center;padding:1.2vw;grid-gap:2vw;gap:2vw}.song_player_playlist_album{height:8vw;width:8vw;border-radius:.5vw}.song_player_playlist_title{color:#fff;width:100%;font-size:3.5vw;font-weight:600}.song_player_playlist_title_subtitle{font-size:3.5vw;font-weight:300}}.score-screen{width:100vw;display:flex;align-items:center;justify-content:center}.score-screen-inner{width:30vw;display:flex;flex-direction:column;grid-gap:1vw;gap:1vw;align-items:center}.score-screen-title{padding:2vw;font-size:2vw;color:#fff;font-weight:500}.player-score{width:100%;color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center}.player-score-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:48%;text-overflow:clip;font-size:1.8vw;font-weight:400}.player-score-points{width:20%;font-size:2.2vw;font-weight:800;display:flex;justify-content:center;align-items:center}.player-points-buttons{width:32%;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.player-points-button{background-color:var(--spotify-green);color:#000;display:flex;justify-content:center;align-items:center;font-size:1.5vw;border-radius:1vw;font-weight:800;padding:.1vw .8vw;border:1px solid #000;box-shadow:0 0 .5vw .1vw #000}.player-points-button.chosen{background-color:orange}.player-points-button.disabled{background-color:grey}.save-and-continue-outer{width:100%;font-size:25px;color:#fff;height:10vw}.save-and-continue-inner,.save-and-continue-outer{display:flex;justify-content:center;align-items:center}.save-and-continue-inner{width:80%;background-color:#1db954;padding:10px;border-radius:10px;border:2px solid #fff;font-weight:600}@media only screen and (max-width:600px){.score-screen-inner{width:85vw;grid-gap:2vw;gap:2vw}.score-screen-title{padding:4vw;font-size:6vw}.player-score-name{width:48%;font-size:5vw;font-weight:400}.player-score-points{width:20%;font-size:6vw}.player-points-buttons{width:32%}.player-points-button{font-size:4vw;border-radius:3vw;font-weight:800;padding:.4vw 2vw;border:2px solid #000;box-shadow:0 0 1.5vw .4vw #000}.save-and-continue-outer{width:100%;display:flex;height:50vw;justify-content:center;align-items:center}}.quiz_master_outer{width:100%;height:calc(100vh - 12vw)}.quiz-master-screen-inner,.quiz_master_outer{display:flex;justify-content:center;align-items:center}.quiz-master-screen-inner{width:30vw;flex-direction:column;text-align:center;font-size:2.5vw;color:#fff;font-weight:400}.quiz-master-screen-name{font-size:4vw;font-weight:800;color:var(--spotify-green)}.quiz-master-screen-smaller-text{font-weight:400;font-size:2vw}@media only screen and (max-width:600px){.quiz_master_outer{width:100%;height:calc(100vh - 30vw);display:flex;justify-content:center;align-items:center}.quiz-master-screen-inner{width:90vw;font-size:8vw}.quiz-master-screen-name{font-size:12vw}.quiz-master-screen-smaller-text{font-size:6.5vw}}.playlist_search_screen{min-height:100vh;align-items:center;padding:0;overflow:hidden}.playlist-searchbar{width:100vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;z-index:1;padding:.5vw 5vw 2vw}.playlist-search-field{position:relative;width:90vw;border:.2vw solid #fff;padding:.3vw;border-radius:2vw}.playlist-search-input{width:80vw;border:none;background:transparent;height:2vw;font-size:1.8vw;font-weight:500;color:#fff;padding:.2vw 1vw}input:focus{outline:none}.playlist-search-row{width:100%;display:flex;flex-direction:row}.clear-button-outer{position:absolute;right:0;top:0;width:8vw;height:2vw}.clear-button,.clear-button-outer{display:flex;justify-content:center;align-items:center}.clear-button{width:7.5vw;height:1.5vw;font-size:1.4vw;border-radius:2vw;font-weight:700;background-color:hsla(0,0%,100%,.8);cursor:pointer}.playlist_search_indicator_outer{min-height:75vh;width:100%;display:flex;align-items:center;justify-content:center}.playlist-search-icon-outer{width:5%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:2.4vw}.temp{width:100%}.extend-list-row{width:100%;height:5vw;display:flex;justify-content:center;align-items:center}.extend-list-button{color:#fff;font-size:3vw}.playlist-search-placeholder-outer{display:flex;width:100vw;justify-content:center;align-items:center;margin-top:20vh}.playlist-search-placeholder{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:3vw;color:#1db954;border:2px solid #1db954;border-radius:10px;text-align:center;font-weight:600;font-size:1.5vw}.playlist-edit-save-button{position:fixed;background-color:#1db954;bottom:50px;right:50px;width:8vw;height:8vw;border-radius:50%;font-size:3vw;border:2px solid #fff}.playlist-edit-save-button,.playlist-manage-topbar{display:flex;justify-content:center;align-items:center;color:#fff}.playlist-manage-topbar{position:relative;width:100vw;padding:.5vw 0;font-size:2vw;border-bottom:2px solid #fff;text-align:center;font-weight:1000}.return_button{font-size:2.5vw;padding:1vw 0 0}@media only screen and (max-width:600px){.playlist-searchbar{width:100vw;padding:2vw 2vw 0}.playlist-search-field{width:90vw;border:.5vw solid #fff;border-radius:4vw}.playlist-search-input{width:80vw;height:7vw;font-size:4vw;padding:0 3vw}.playlist-search-row{width:100%}.clear-button-outer{right:0;top:0;width:20vw;height:7vw}.clear-button{width:18vw;height:5vw;font-size:3.7vw;border-radius:4vw;font-weight:700}.playlist_search_indicator_outer{min-height:80vh;width:100%;display:flex;align-items:center;justify-content:center}.playlist-search-icon-outer{width:10vw;display:flex;justify-content:center;align-items:center;color:#fff;font-size:5vw}.extend-list-row{width:100%;height:10vw}.extend-list-button{font-size:7vw}.return_button{font-size:6vw;padding:2vw 0 0}}.loading-indicator{height:5vw;aspect-ratio:1;border-radius:50%;border-color:#a89142 rgba(168,145,66,.1) rgba(168,145,66,.1);animation:spin-animation 1s linear infinite}@keyframes spin-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.song_reveal_outer{display:flex;flex-direction:column;justify-content:center;align-content:center;min-height:100vh;width:100vw}.song_reveal_inner{min-height:calc(100vh - 12vw);display:flex;justify-content:center;align-items:center}.song_reveal_inner_content{display:flex;flex-direction:column;grid-gap:.5vw;gap:.5vw;align-items:center}.song_reveal_song_title{color:#fff;font-size:2vw;font-weight:600;width:25vw}.song_reveal_artist{color:#fff;font-size:1.6vw;font-weight:200;width:25vw}.song_reveal_album_cover{height:23vw;width:23vw;border-radius:.5vw;margin-bottom:1vw;box-shadow:0 0 .5vw .1vw #000}.song_reveal_to_scores_button{height:12vw}.song_reveal_spotify_logo,.song_reveal_to_scores_button{width:100%;display:flex;align-items:center;justify-content:center}.song_reveal_spotify_logo{flex-direction:row;color:#fff;grid-gap:.6vw;gap:.6vw;font-size:1.6vw;font-weight:600;padding:1vw}@media only screen and (max-width:600px){.song_reveal_inner{min-height:calc(100vh - 25vw);display:flex;justify-content:center;align-items:center}.song_reveal_inner_content{display:flex;flex-direction:column;grid-gap:.5vw;gap:.5vw;align-items:center}.song_reveal_song_title{font-size:5vw;width:60vw}.song_reveal_artist{font-size:4vw;width:60vw}.song_reveal_album_cover{height:60vw;width:60vw;border-radius:1vw;margin-bottom:2vw;box-shadow:0 0 1vw .2vw #000}.song_reveal_to_scores_button{height:25vw}.song_reveal_spotify_logo{grid-gap:1vw;gap:1vw;font-size:4vw;font-weight:600;padding:2.5vw}}.spotify_login_outer{width:100vw;height:100vh}.spotify_login_button,.spotify_login_outer{display:flex;justify-content:center;align-items:center}.spotify_login_button{padding:1vw 2.5vw;text-decoration:none;color:var(--spotify-black);background-color:var(--spotify-green);flex-direction:row;grid-gap:1.5vw;gap:1.5vw;font-size:3.3vw;font-weight:500;border-radius:3vw;border:2px solid var(--spotify-border-color);box-shadow:0 0 .5vw 0 var(--spotify-shadow);cursor:pointer}.spotify_powered_by_inner{display:flex;flex-direction:column;justify-content:center;align-items:center}.spotify_powered_by_upper{font-size:2.5vw;color:#fff;font-weight:300}.spotify_powered_by_lower{font-size:3.5vw;display:flex;flex-direction:row;justify-content:center;align-items:center;color:var(--spotify-green);grid-gap:1vw;gap:1vw}.spotify_powered_by_icon{font-size:3vw;margin-top:1vw}@media only screen and (max-width:600px){.spotify_login_button,.spotify_powered_by_inner{transform:scale(2.5)}}*{--tetris-block-border-width:0.3vw;--tetris-font:"Silkscreen"}.tetris_outer{min-height:100vh;justify-content:center}.tetris_inner,.tetris_outer{width:100%;display:flex;flex-direction:column}.tetris_inner{align-items:center}@keyframes text-slide-in{0%{margin-top:-50vw}to{margin-top:-5vw}}.tetris_start_screen{position:absolute;height:30vw;width:15vw;background-color:#73a57a;display:flex;font-family:var(--tetris-font);flex-direction:column;align-items:center;padding:2vw 0;color:#fff;font-weight:1000;font-size:1.5vw;text-align:center;text-shadow:#000 0 0 .5vw}@keyframes pulsing-message{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}.congratulation_message{position:absolute;top:1vw;font-size:1vw;color:#0f0;text-shadow:#000 0 0 .1vw;animation:pulsing-message 2s infinite;text-align:center;width:100%}.tetris_start_screen .highscores{width:10vw;margin-top:1vw;border:.2vw solid #fff}.tetris_start_screen .highscores div{width:100%;height:3vw;display:flex;align-items:center;font-size:1.5vw;padding:0 1vw}.tetris_start_screen .highscores div:nth-child(2n){background-color:#5e8864}.tetris_start_screen .highscores div:nth-child(odd){background-color:#85c08d}.tetris_start_screen .play_button{margin-top:2vw;background-color:#11c911;width:10vw;height:4vw;border-radius:1vw;border:.4vw solid #146e14;font-size:2vw;text-shadow:#146e14 0 0 .5vw;box-shadow:0 0 1vw #146e14}.tetris_gameover_screen,.tetris_start_screen .play_button{display:flex;justify-content:center;align-items:center;font-weight:1000}.tetris_gameover_screen{font-family:var(--tetris-font);position:absolute;top:0;left:0;height:30vw;width:15vw;color:#fff;text-shadow:red .1vw .1vw .3vw;font-size:2.5vw;background-color:rgba(97,96,96,.8);text-align:center;overflow:hidden}@keyframes restart-appear{0%{opacity:0;visibility:hidden}50%{opacity:0}to{opacity:1;visibility:visible}}.tetris_gameover_screen .restart-button{position:absolute;width:9vw;top:17vw;border:.2vw solid red;border-radius:3vw;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;font-size:1vw;color:red;text-shadow:#ffafaf .05vw .05vw .1vw;background-color:#fff;padding:.3vw;visibility:hidden;animation:restart-appear 4s forwards}.restart-icon{background-color:red;width:1.5vw;height:1.5vw;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:1.3vw}.tetris-gameover-slide-in{position:absolute;animation:text-slide-in 2s linear;margin-top:-5vw}.tetris_screen{outline:.2vw solid #fff;position:relative;margin-top:2vw;height:30vw;width:15vw}.next_blocks,.tetris_screen{background-color:#73a57a;display:flex;flex-direction:column}.next_blocks{position:absolute;right:-6.2vw;width:6vw;height:14vw;justify-content:space-between;align-items:center;padding:1.5vw;border:.2vw solid #fff;border-left:none;border-radius:0 .5vw .5vw 0;top:2vw}.new_block .pixel{width:1vw;height:1vw}.next_blocks .pixel.filled{background-color:red}.new_block{display:grid}.new_block.long{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(1,1fr)}.new_block.square{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.new_block.other{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.new_block .pixel.filled[value="1"]{background-color:#00f0f0;border-color:#60f6f6 #00a7a7 #007b7b #31f3f3;border-style:solid;border-width:var(--tetris-block-border-width)}.new_block .pixel.filled[value="2"]{background-color:#0000f0;border-color:#6060f6 #0000a7 #00007b #3131f3;border-style:solid;border-width:var(--tetris-block-border-width)}.new_block .pixel.filled[value="3"]{background-color:#f0a000;border-color:#f6c460 #a76f00 #7b5200 #f3b231;border-style:solid;border-width:var(--tetris-block-border-width)}.new_block .pixel.filled[value="4"]{background-color:#f0f000;border-color:#f6f660 #a7a700 #7b7b00 #f3f331;border-style:solid;border-width:var(--tetris-block-border-width)}.new_block .pixel.filled[value="5"]{background-color:#00f000;border-color:#60f660 #00a700 #007b00 #31f331;border-style:solid;border-width:var(--tetris-block-border-width)}.new_block .pixel.filled[value="6"]{background-color:#a000f0;border-color:#c460f6 #6f00a7 #52007b #b231f3;border-style:solid;border-width:var(--tetris-block-border-width)}.new_block .pixel.filled[value="7"]{background-color:#f00000;border-color:#f66060 #a70000 #7b0000 #f33131;border-style:solid;border-width:var(--tetris-block-border-width)}.tetris_scores{font-family:var(--tetris-font);height:14vw;position:absolute;left:-6.1vw;top:2vw;color:#fff;border:.2vw solid #fff;border-right:none;background-color:#73a57a;width:6vw;text-align:center;font-size:1.2vw;border-radius:.5vw 0 0 .5vw;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:.5vw 0}.scores_title{font-weight:500;text-shadow:#000 0 0 .4vw}.scores_value{margin:.2vw;background-color:#000;border:1px solid #fff;font-weight:100;font-size:1.2vw;width:5.3vw}.tetris-row{display:flex;flex-direction:row;height:1.5vw}.tetris_pixel{font-size:.5vw;width:1.5vw;height:1.5vw}.tetris_pixel.filled{background-color:red}@keyframes test{0%{background-color:#000!important}to{background-color:#fff!important}}.tetris-row.filled .tetris_pixel{background-color:#fff!important}.tetris-row.filled .tetris_pixel:first-child,.tetris-row.filled .tetris_pixel:nth-child(2){background-color:#73a57a!important;transition:background-color .1s linear;border:none}.tetris-row.filled .tetris_pixel:nth-child(2){transition-delay:.1s}.tetris-row.filled .tetris_pixel:nth-child(3){background-color:#73a57a!important;transition:background-color .1s linear;border:none;transition-delay:.2s}.tetris-row.filled .tetris_pixel:nth-child(4){background-color:#73a57a!important;transition:background-color .1s linear;border:none;transition-delay:.3s}.tetris-row.filled .tetris_pixel:nth-child(5){background-color:#73a57a!important;transition:background-color .1s linear;border:none;transition-delay:.4s}.tetris-row.filled .tetris_pixel:nth-child(6){background-color:#73a57a!important;transition:background-color .1s linear;border:none;transition-delay:.5s}.tetris-row.filled .tetris_pixel:nth-child(7){background-color:#73a57a!important;transition:background-color .1s linear;border:none;transition-delay:.6s}.tetris-row.filled .tetris_pixel:nth-child(8){background-color:#73a57a!important;transition:background-color .1s linear;border:none;transition-delay:.7s}.tetris-row.filled .tetris_pixel:nth-child(9){background-color:#73a57a!important;transition:background-color .1s linear;border:none;transition-delay:.8s}.tetris-row.filled .tetris_pixel:nth-child(10){background-color:#73a57a!important;transition:background-color .1s linear;border:none;transition-delay:.9s}.tetris_pixel.filled[value="1"]{background-color:#00f0f0;border-color:#60f6f6 #00a7a7 #007b7b #31f3f3}.tetris_pixel.filled[value="1"],.tetris_pixel.filled[value="2"]{border-style:solid;border-width:var(--tetris-block-border-width)}.tetris_pixel.filled[value="2"]{background-color:#0000f0;border-color:#6060f6 #0000a7 #00007b #3131f3}.tetris_pixel.filled[value="3"]{background-color:#f0a000;border-color:#f6c460 #a76f00 #7b5200 #f3b231}.tetris_pixel.filled[value="3"],.tetris_pixel.filled[value="4"]{border-style:solid;border-width:var(--tetris-block-border-width)}.tetris_pixel.filled[value="4"]{background-color:#f0f000;border-color:#f6f660 #a7a700 #7b7b00 #f3f331}.tetris_pixel.filled[value="5"]{background-color:#00f000;border-color:#60f660 #00a700 #007b00 #31f331}.tetris_pixel.filled[value="5"],.tetris_pixel.filled[value="6"]{border-style:solid;border-width:var(--tetris-block-border-width)}.tetris_pixel.filled[value="6"]{background-color:#a000f0;border-color:#c460f6 #6f00a7 #52007b #b231f3}.tetris_pixel.filled[value="7"]{background-color:#f00000;border-color:#f66060 #a70000 #7b0000 #f33131;border-style:solid;border-width:var(--tetris-block-border-width)}.tetris_buttons{position:relative;width:12vw;height:12vw;border-radius:50%;background-color:#dd2525;margin-top:2vw;outline:.3vw solid #a31c1c}.tetris_button{position:absolute;width:4vw;height:4vw;border-radius:50%;background-color:#cf2727;display:flex;align-items:center;justify-content:center;font-size:2.5vw;color:#fff;cursor:pointer;border:.3vw solid #a31c1c}.tetris_button.up{top:.5vw;left:4vw;font-size:3vw}.tetris_button.down{bottom:.5vw;left:4vw;padding-top:.2vw}.tetris_button.left{top:4vw;left:.5vw;padding-right:.2vw}.tetris_button.right{top:4vw;right:.5vw;padding-left:.2vw}.pause_button{background-color:#000;width:2vw;height:2vw;border-radius:50%;display:flex;font-size:2vw;color:#fff;align-items:center;justify-content:center;box-shadow:0 0 5px rgba(0,0,0,.5);margin-top:.3vw}@media only screen and (max-width:600px){*{--tetris-block-border-width:1.2vw}.tetris_screen{outline:1vw solid #fff;margin-top:2vw;height:110vw;width:55vw}.next_blocks{right:-20.8vw;width:20vw;height:50vw;padding:3vw 0;border:1vw solid #fff;border-left:none;border-radius:0 2vw 2vw 0;top:10vw}.new_block .pixel{width:4vw;height:4vw}.new_block .pixel.filled[value="1"]{background-color:#00f0f0;border-color:#60f6f6 #00a7a7 #007b7b #31f3f3;border-style:solid;border-width:var(--tetris-block-border-width)}.new_block .pixel.filled[value="2"]{background-color:#0000f0;border-color:#6060f6 #0000a7 #00007b #3131f3;border-style:solid;border-width:var(--tetris-block-border-width)}.new_block .pixel.filled[value="3"]{background-color:#f0a000;border-color:#f6c460 #a76f00 #7b5200 #f3b231;border-style:solid;border-width:var(--tetris-block-border-width)}.new_block .pixel.filled[value="4"]{background-color:#f0f000;border-color:#f6f660 #a7a700 #7b7b00 #f3f331;border-style:solid;border-width:var(--tetris-block-border-width)}.new_block .pixel.filled[value="5"]{background-color:#00f000;border-color:#60f660 #00a700 #007b00 #31f331;border-style:solid;border-width:var(--tetris-block-border-width)}.new_block .pixel.filled[value="6"]{background-color:#a000f0;border-color:#c460f6 #6f00a7 #52007b #b231f3;border-style:solid;border-width:var(--tetris-block-border-width)}.new_block .pixel.filled[value="7"]{background-color:#f00000;border-color:#f66060 #a70000 #7b0000 #f33131;border-style:solid;border-width:var(--tetris-block-border-width)}.tetris_scores{height:50vw;left:-20.8vw;top:10vw;border:1vw solid #fff;border-right:none;background-color:#73a57a;width:20vw;font-size:4vw;border-radius:2vw 0 0 2vw;padding:0}.scores_title{font-weight:800;text-shadow:#000 0 0 1vw}.scores_value{margin:.5vw;font-size:4vw;border:.3vw solid #fff;width:18vw}.tetris-row{height:5.5vw}.tetris_pixel{font-size:.5vw;width:5.5vw;height:5.5vw}.tetris-row.filled .tetris_pixel{background-color:#fff!important}.tetris-row.filled .tetris_pixel:first-child,.tetris-row.filled .tetris_pixel:nth-child(2){background-color:#73a57a!important;transition:background-color .1s linear;border:none}.tetris-row.filled .tetris_pixel:nth-child(2){transition-delay:.1s}.tetris-row.filled .tetris_pixel:nth-child(3){background-color:#73a57a!important;transition:background-color .1s linear;border:none;transition-delay:.2s}.tetris-row.filled .tetris_pixel:nth-child(4){background-color:#73a57a!important;transition:background-color .1s linear;border:none;transition-delay:.3s}.tetris-row.filled .tetris_pixel:nth-child(5){background-color:#73a57a!important;transition:background-color .1s linear;border:none;transition-delay:.4s}.tetris-row.filled .tetris_pixel:nth-child(6){background-color:#73a57a!important;transition:background-color .1s linear;border:none;transition-delay:.5s}.tetris-row.filled .tetris_pixel:nth-child(7){background-color:#73a57a!important;transition:background-color .1s linear;border:none;transition-delay:.6s}.tetris-row.filled .tetris_pixel:nth-child(8){background-color:#73a57a!important;transition:background-color .1s linear;border:none;transition-delay:.7s}.tetris-row.filled .tetris_pixel:nth-child(9){background-color:#73a57a!important;transition:background-color .1s linear;border:none;transition-delay:.8s}.tetris-row.filled .tetris_pixel:nth-child(10){background-color:#73a57a!important;transition:background-color .1s linear;border:none;transition-delay:.9s}.tetris_pixel.filled[value="1"]{background-color:#00f0f0;border-color:#60f6f6 #00a7a7 #007b7b #31f3f3}.tetris_pixel.filled[value="1"],.tetris_pixel.filled[value="2"]{border-style:solid;border-width:var(--tetris-block-border-width)}.tetris_pixel.filled[value="2"]{background-color:#0000f0;border-color:#6060f6 #0000a7 #00007b #3131f3}.tetris_pixel.filled[value="3"]{background-color:#f0a000;border-color:#f6c460 #a76f00 #7b5200 #f3b231}.tetris_pixel.filled[value="3"],.tetris_pixel.filled[value="4"]{border-style:solid;border-width:var(--tetris-block-border-width)}.tetris_pixel.filled[value="4"]{background-color:#f0f000;border-color:#f6f660 #a7a700 #7b7b00 #f3f331}.tetris_pixel.filled[value="5"]{background-color:#00f000;border-color:#60f660 #00a700 #007b00 #31f331}.tetris_pixel.filled[value="5"],.tetris_pixel.filled[value="6"]{border-style:solid;border-width:var(--tetris-block-border-width)}.tetris_pixel.filled[value="6"]{background-color:#a000f0;border-color:#c460f6 #6f00a7 #52007b #b231f3}.tetris_pixel.filled[value="7"]{background-color:#f00000;border-color:#f66060 #a70000 #7b0000 #f33131;border-style:solid;border-width:var(--tetris-block-border-width)}.tetris_buttons{position:relative;width:55vw;height:55vw;border-radius:50%;background-color:#dd2525;margin-top:5vw;outline:1.5vw solid #a31c1c}.tetris_button{position:absolute;width:20vw;height:20vw;border-radius:50%;background-color:#cf2727;display:flex;align-items:center;justify-content:center;font-size:10vw;color:#fff;border:1.5vw solid #a31c1c}.tetris_button.up{top:2vw;left:17.5vw;font-size:13vw}.tetris_button.down{bottom:2vw;left:17.5vw;padding-top:.2vw}.tetris_button.left{top:17.5vw;left:2vw;padding-right:1vw}.tetris_button.right{top:17.5vw;right:2vw;padding-left:1vw}@keyframes text-slide-in{0%{margin-top:-200vw}to{margin-top:-20vw}}.tetris_start_screen{position:absolute;height:110vw;width:55vw;background-color:#73a57a;display:flex;font-family:var(--tetris-font);flex-direction:column;align-items:center;padding:5vw 0;color:#fff;font-size:5vw;text-shadow:#000 0 0 .5vw}@keyframes pulsing-message{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}.congratulation_message{position:absolute;top:4vw;font-size:3.5vw;color:#0f0;text-shadow:#000 0 0 .1vw;animation:pulsing-message 2s infinite;text-align:center;width:100%}.tetris_start_screen .highscores{width:45vw;margin-top:3vw;border:.5vw solid #fff}.tetris_start_screen .highscores div{width:100%;height:10vw;display:flex;align-items:center;font-size:5vw;padding:0 4vw}.tetris_start_screen .highscores div:nth-child(2n){background-color:#5e8864}.tetris_start_screen .highscores div:nth-child(odd){background-color:#85c08d}.tetris_start_screen .play_button{margin-top:15vw;background-color:#11c911;width:35vw;height:15vw;border-radius:4vw;border:1vw solid #146e14;font-size:7vw;text-shadow:#146e14 0 0 1vw;box-shadow:0 0 2vw #146e14}.tetris_gameover_screen,.tetris_start_screen .play_button{display:flex;justify-content:center;align-items:center;font-weight:1000}.tetris_gameover_screen{font-family:var(--tetris-font);position:absolute;top:0;left:0;height:110vw;width:55vw;color:#fff;text-shadow:red .5vw .5vw 2vw;font-size:10vw;background-color:rgba(97,96,96,.8);text-align:center;overflow:hidden}@keyframes restart-appear{0%{opacity:0;visibility:hidden}50%{opacity:0}to{opacity:1;visibility:visible}}.tetris_gameover_screen .restart-button{position:absolute;width:30vw;top:70vw;border:.5vw solid red;border-radius:5vw;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;font-size:3.5vw;color:red;text-shadow:#ffafaf .05vw .05vw .5vw;background-color:#fff;padding:1vw;visibility:hidden;animation:restart-appear 4s forwards}.restart-icon{background-color:red;width:5vw;height:5vw;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:4vw}.tetris-gameover-slide-in{position:absolute;animation:text-slide-in 2s linear;margin-top:-20vw}.pause_button{background-color:#000;width:5vw;height:5vw;border-radius:50%;display:flex;font-size:5vw;color:#fff;align-items:center;justify-content:center;box-shadow:0 0 1.4vw rgba(0,0,0,.5);margin-top:.3vw}}.ttfe_outer{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background-color:grey;flex-direction:column}.ttfe_grid{position:relative;width:30vw;height:30vw;background-color:#5a5656;border-radius:1vw;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-gap:1vw;padding:1vw}.ttfe_grid .ttfe_tile_temp{background-color:#686868;border-radius:.5vw}.test-button{height:2vw;width:2vw;background-color:red}.tiles-container{position:absolute;padding:1vw}.ttfe_tile{--x:3;--y:1;--cell-gap:1vw;height:6.25vw;width:6.25vw;background-color:red;z-index:10;position:absolute;left:calc((var(--x) - 1)*6.25vw + var(--x)*var(--cell-gap));top:calc((var(--y) - 1)*6.25vw + var(--y)*var(--cell-gap));transition:.1s ease-in-out;display:flex;justify-content:center;align-items:center;font-size:3.2vw;font-weight:600;animation:appear .2s;color:#5a5656;font-family:Arial,Helvetica,sans-serif;border-radius:.5vw;box-shadow:0 0 1vw rgba(54,54,54,.5)}.ttfe_tile.no_animation{animation:none}.undo_bar{width:30vw;height:4vw;display:flex;flex-direction:row-reverse;align-items:center}.undo_button{position:relative;flex-direction:row;grid-gap:.8vw;gap:.8vw;font-size:1.5vw;background-color:#363535;padding:.2vw 1vw;border-radius:.7vw;color:rgba(218,209,209,.6);border:.2vw solid #5a5656;font-weight:700;width:10vw}.undo_button,.undos_left_indicator{display:flex;align-items:center;justify-content:center}.undos_left_indicator{position:absolute;padding:0 0 .2vw;right:-.75vw;top:-.75vw;height:1.5vw;width:1.5vw;border-radius:50%;background-color:#00cf00;color:#fff;font-size:.9vw;box-shadow:0 0 .4vw rgba(0,0,0,.3)}.undos_left_indicator.medium{background-color:orange}.undos_left_indicator.empty{background-color:red}.undo_button.inactive{background-color:rgba(54,53,53,.2)}.undo_icon{font-size:1.1vw;margin-top:.2vw}@keyframes appear{0%{opacity:0;transform:scale(0)}80%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.ttfe_tile.tile2{background-color:#eee4da}.ttfe_tile.tile4{background-color:#ede0c8}.ttfe_tile.tile8{color:#fff;background-color:#f2b179}.ttfe_tile.tile16{color:#fff;background-color:#f59563}.ttfe_tile.tile32{color:#fff;background-color:#f67c5f}.ttfe_tile.tile64{color:#fff;background-color:#f63e3b}.ttfe_tile.tile128{color:#fff;background-color:#edcf72;font-size:3vw}.ttfe_tile.tile256{color:#fff;background-color:#edcc61;font-size:3vw}.ttfe_tile.tile512{color:#fff;background-color:#edc850;font-size:3vw}.ttfe_tile.tile1024{color:#fff;background-color:#edc53f;font-size:2.4vw}.ttfe_tile.tile2048{color:#fff;background-color:#edc22e;font-size:2.4vw}.tileSuper{color:#fff;background-color:#00008b;font-size:2.1vw}@keyframes gameover-appear{0%{opacity:0}to{opacity:1}}.ttfe_gameover_screen{position:absolute;width:30vw;height:30vw;background-color:rgba(218,209,209,.6);z-index:100;border-radius:1vw;flex-direction:column;justify-content:center;font-size:4.2vw;font-weight:1000;font-family:Arial,Helvetica,sans-serif;animation:gameover-appear 2s;text-shadow:rgba(0,0,0,.4) 0 0 .5vw}.ttfe_gameover_screen,.ttfe_try_again{display:flex;align-items:center;color:#363535}.ttfe_try_again{font-size:1.5vw;background-color:#fff;flex-direction:row;padding:.5vw 1vw;border-radius:2vw;grid-gap:1vw;gap:1vw;border:.2vw solid #363535;margin-top:1vw;box-shadow:0 0 1vw rgba(0,0,0,.4)}.ttfe_score_bar{width:30vw;height:6vw;grid-gap:.5vw;gap:.5vw;display:flex;flex-direction:row-reverse}.ttfe_score_title{color:#5a5656;font-size:1.2vw;font-weight:700;margin-bottom:.2vw}.ttfe_score_value{font-size:2vw;font-weight:800;color:#fff}.ttfe_score_display{position:relative;height:6vw;width:10vw;float:right;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#363535;border-radius:1vw;border:.2vw solid #5a5656}@keyframes pop-up{0%{top:1vw;opacity:1}90%{top:4vw}to{opacity:0}}.ttfe_score_popup{top:1vw;left:0;opacity:0;font-size:2vw;color:#5a5656;animation:pop-up 1.5s}.ttfe_reached_screen,.ttfe_score_popup{position:absolute;font-weight:1000;text-shadow:rgba(0,0,0,.4) 0 0 .5vw}.ttfe_reached_screen{width:30vw;height:30vw;background-color:rgba(218,209,209,.6);z-index:100;border-radius:1vw;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:3vw;color:#363535;font-family:Arial,Helvetica,sans-serif;animation:gameover-appear 2s}.ttfe_reached_subtext{color:#363535;font-size:1.5vw;text-align:center}.ttfe_reached_button{color:#fff;background-color:#363535;font-size:1.5vw;width:16vw;padding:.5vw;border-radius:1vw;margin:1vw;border:.2vw solid #5a5656;box-shadow:0 0 1vw rgba(0,0,0,.4)}.ttfe_choice_screen,.ttfe_reached_button{display:flex;justify-content:center;align-items:center}.ttfe_choice_screen{width:100%;height:100%;flex-direction:column;color:#242424}.ttfe_choice_title{font-size:2vw;font-weight:700;margin:1vw}.ttfe_choice_explanation{margin:1vw;font-size:1.5vw;text-align:center}.ttfe_game_choice_option{width:15vw;display:flex;justify-content:center;align-items:center;height:5vw;background-color:red;border-radius:1vw;border:.2vw solid #5a5656;color:#fff;font-weight:700;font-size:2.5vw;box-shadow:0 0 1vw rgba(0,0,0,.6);text-shadow:#000 .15vw .15vw;padding:0 0 .5vw}.ttfe_game_choice_option.regular{background-color:orange}.ttfe_game_choice_option.unlimited{background-color:#00cf00}@media only screen and (max-width:600px){.ttfe_outer{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background-color:grey}.ttfe_grid{position:relative;width:98vw;height:98vw;background-color:#5a5656;border-radius:2vw;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-gap:2.5vw;padding:2.5vw}.ttfe_grid .ttfe_tile_temp{background-color:#686868;border-radius:1vw}.test-button{height:2vw;width:2vw;background-color:red}.tiles-container{position:absolute;padding:2.5vw}.ttfe_tile{--x:3;--y:1;--cell-gap:2vw;height:22vw;width:22vw;background-color:red;z-index:10;position:absolute;left:calc((var(--x) - 1)*22vw + var(--x)*var(--cell-gap));top:calc((var(--y) - 1)*22vw + var(--y)*var(--cell-gap));transition:.1s ease-in-out;display:flex;justify-content:center;align-items:center;font-size:10vw;font-weight:600;animation:appear .2s;color:#5a5656;font-family:Arial,Helvetica,sans-serif;border-radius:1.5vw;box-shadow:0 0 2vw rgba(54,54,54,.5)}@keyframes appear{0%{opacity:0;transform:scale(0)}80%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.ttfe_tile.tile2{background-color:#eee4da}.ttfe_tile.tile4{background-color:#ede0c8}.ttfe_tile.tile8{color:#fff;background-color:#f2b179}.ttfe_tile.tile16{color:#fff;background-color:#f59563}.ttfe_tile.tile32{color:#fff;background-color:#f67c5f}.ttfe_tile.tile64{color:#fff;background-color:#f63e3b}.ttfe_tile.tile128{color:#fff;background-color:#edcf72;font-size:9vw}.ttfe_tile.tile256{color:#fff;background-color:#edcc61;font-size:9vw}.ttfe_tile.tile512{color:#fff;background-color:#edc850;font-size:9vw}.ttfe_tile.tile1024{color:#fff;background-color:#edc53f;font-size:7.5vw}.ttfe_tile.tile2048{color:#fff;background-color:#edc22e;font-size:7.5vw}.tileSuper{color:#fff;background-color:#00008b;font-size:7vw}.ttfe_gameover_screen{position:absolute;width:98vw;height:98vw;background-color:rgba(218,209,209,.6);z-index:100;border-radius:2vw;flex-direction:column;justify-content:center;font-size:14vw;font-weight:1000;font-family:Arial,Helvetica,sans-serif;animation:gameover-appear 2s;text-shadow:rgba(0,0,0,.4) 0 0 2vw}.ttfe_gameover_screen,.ttfe_try_again{display:flex;align-items:center;color:#363535}.ttfe_try_again{font-size:5vw;background-color:#fff;flex-direction:row;padding:1.5vw 3vw;border-radius:4.5vw;grid-gap:3vw;gap:3vw;border:.2vw solid #363535;margin-top:1vw;box-shadow:0 0 2.5vw rgba(0,0,0,.4)}.ttfe_score_bar{width:98vw;height:20vw;margin-bottom:1vw}.ttfe_score_title{color:#5a5656;font-size:4vw;font-weight:700;margin-bottom:.6vw}.ttfe_score_value{font-size:7vw;font-weight:800;color:#fff}.ttfe_score_display{height:20vw;width:40vw;float:right;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#363535;border-radius:2vw;border:1vw solid #5a5656}@keyframes pop-up{0%{top:4vw;opacity:1}90%{top:10vw}to{opacity:0}}.ttfe_score_popup{position:absolute;top:1vw;left:0;opacity:0;font-size:6vw;color:#5a5656;font-weight:1000;animation:pop-up 1.5s;text-shadow:rgba(0,0,0,.4) 0 0 .5vw}.ttfe_reached_screen{position:absolute;width:98vw;height:98vw;background-color:rgba(218,209,209,.6);z-index:100;border-radius:2vw;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:9.5vw;color:#363535;font-weight:1000;font-family:Arial,Helvetica,sans-serif;animation:gameover-appear 2s;text-shadow:rgba(0,0,0,.4) 0 0 2vw}.ttfe_reached_subtext{color:#363535;font-size:5vw;text-align:center}.ttfe_reached_button{font-size:4vw;width:50vw;padding:2vw;border-radius:3vw;border:.6vw solid #5a5656;box-shadow:0 0 2vw rgba(0,0,0,.4);color:#fff;background-color:#363535;font-size:1.5vw;width:16vw;padding:.5vw;border-radius:1vw;margin:1vw;border:.2vw solid #5a5656;box-shadow:0 0 1vw rgba(0,0,0,.4)}.ttfe_choice_screen,.ttfe_reached_button{display:flex;justify-content:center;align-items:center}.ttfe_choice_screen{width:100%;height:100%;flex-direction:column;color:#242424}.ttfe_choice_title{font-size:7vw;font-weight:700;margin:5vw;text-align:center}.ttfe_choice_explanation{margin:3vw;font-size:4vw;text-align:center}.ttfe_game_choice_option{width:60vw;display:flex;justify-content:center;align-items:center;height:15vw;background-color:red;border-radius:3vw;border:.5vw solid #5a5656;color:#fff;font-weight:700;font-size:7vw;box-shadow:0 0 3vw rgba(0,0,0,.3);text-shadow:#000 .4vw .4vw;padding:0 0 1vw}.ttfe_game_choice_option.regular{background-color:orange}.ttfe_game_choice_option.unlimited{background-color:#00cf00}.undo_bar{width:97vw;height:12vw;display:flex;flex-direction:row-reverse;align-items:center}.undo_button{position:relative;flex-direction:row;grid-gap:3vw;gap:3vw;font-size:5vw;background-color:#363535;padding:.2vw 1vw;border-radius:1.5vw;color:rgba(218,209,209,.6);border:.6vw solid #5a5656;font-weight:700;width:32vw}.undo_button,.undos_left_indicator{display:flex;align-items:center;justify-content:center}.undos_left_indicator{position:absolute;padding:0 0 .5vw;right:-2vw;top:-2vw;height:4vw;width:4vw;border-radius:50%;background-color:#00cf00;color:#fff;font-size:2.5vw;box-shadow:0 0 1vw rgba(0,0,0,.3)}.undos_left_indicator.medium{background-color:orange}.undos_left_indicator.empty{background-color:red}.undo_button.inactive{background-color:rgba(54,53,53,.2)}.undo_icon{font-size:3vw;margin-top:.2vw}}*{--font:"Noto Serif"}@keyframes slide-in{0%{margin-bottom:200vw}to{margin-bottom:0}}.home_screen_outer{position:relative;overflow:hidden}.home_screen_abs,.home_screen_outer{width:100vw;height:calc(100vh - var(--top-bar-height));display:flex;justify-content:center;align-items:center}.home_screen_abs{position:absolute;z-index:0;overflow-y:hidden}.home_screen_qr_code_outer{z-index:2;width:35vw;height:20vw;align-items:center;flex-direction:column;grid-gap:.5vw;gap:.5vw;color:#fff;font-family:"Roboto";font-size:2vw;font-weight:300;background-color:var(--main-background-color)}.buttons-helper,.home_screen_qr_code_outer{position:absolute;display:flex;justify-content:center}.buttons-helper{width:30vw;height:15vw}.home_screen_qr_pic{width:10vw;height:10vw}.home_screen_card_outer{position:relative;width:35.3vw;height:20.3vw;border-radius:1vw;animation:slide-in 2s;z-index:1;overflow:hidden;box-shadow:0 0 1vw var(--main-color-op3);background-color:var(--main-color-op2)}.home_screen_card_inner{position:absolute;top:.15vw;left:.15vw;width:35vw;height:20vw;border-radius:1vw;background-color:var(--background-color);background:repeating-linear-gradient(-135deg,var(--background-color),var(--background-color) .3vw,var(--main-background-color),var(--main-background-color) .4vw);animation:slide-in 2s;z-index:2;border:.1vw solid var(--main-border-color)}.home_screen_titles{position:absolute;display:flex;flex-direction:column;color:var(--main-color);font-family:var(--font);top:1.5vw;left:3vw;text-shadow:var(--text-shadow-color) 0 0 .1vw}.home_screen_name{font-size:3vw;font-weight:400}.home_screen_jobtitle{margin-top:0;font-size:1.5vw;margin-left:.1vw}.home_screen_jobtitle.small{font-size:1.2vw;margin-top:0}.home_screen_signature{position:absolute;width:10vw;bottom:1vw;right:-1vw;opacity:.75}.home_screen_contacts{position:absolute;display:flex;flex-direction:column;color:var(--main-color);bottom:2vw;left:3vw;font-size:1.3vw;text-shadow:var(--text-shadow-color) 0 0 .1vw;font-family:var(--font);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.home_screen_contact{color:var(--main-color);text-decoration:none;display:flex;flex-direction:row;align-items:center;grid-gap:1vw;gap:1vw}@keyframes rotate-spinner{0%{transform:rotate(-60deg)}25%{transform:rotate(60deg)}50%{transform:rotate(120deg)}75%{transform:rotate(240deg)}to{transform:rotate(300deg)}}@keyframes slidediebitchup{0%{top:0}90%{top:-9vw;transform:scale(1)}95%{top:-9vw;transform:scale(1.1)}to{top:-9vw;transform:scale(1)}}@keyframes slidediebitchdown{0%{bottom:0}90%{bottom:-9vw;transform:scale(1)}95%{bottom:-9vw;transform:scale(1.1)}to{bottom:-9vw;transform:scale(1)}}.home_screen_button{position:absolute;animation:slidediebitchup 2s linear forwards;animation-delay:1.5s;background-color:var(--main-color);border-radius:.5vw;padding:.15vw;cursor:pointer}.home_screen_button:hover{box-shadow:0 0 .8vw var(--main-color)}.home_screen_button_inner{padding:0 2vw;height:3.5vw;color:#fff;z-index:100;color:var(--main-background-color);border-radius:.5vw;border:.15vw solid var(--main-background-color);font-family:"Roboto";font-weight:500;display:flex;flex-direction:row;align-items:center;justify-content:center;grid-gap:1vw;gap:1vw;z-index:0;font-size:1.8vw}.test-track{width:20vw}.switch-icon{font-size:1vw;height:1.3vw;width:1.3vw;display:flex;align-items:center;justify-content:center;background-color:green;border-radius:50%}.home_screen_socials{position:absolute;width:30vw;height:5vw;animation:slidediebitchdown 2s linear forwards;animation-delay:1.5s;display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer}.home_screen_socials_button{height:4vw;width:4vw;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:2.5vw;box-shadow:0 0 .5vw var(--main-border-color);cursor:pointer}.home_screen_socials_button.facebook{background:linear-gradient(135deg,#3a5795,#2b4886,#3a5795)}.home_screen_socials_button.insta{background:linear-gradient(135deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d)}.home_screen_socials_button.whatsapp{background:linear-gradient(135deg,#1ebea5,#00e676,#1ebea5)}.home_screen_socials_button.linkedin{background:linear-gradient(135deg,#0077b5,#00a0dc,#0077b5)}.home_screen_button.games{left:0}.home_screen_button.tools{right:0}.home_screen_icon{filter:drop-shadow(0 0 .1vw var(--icon-shadow-color))}.card_spinner{position:absolute;height:30vw;width:5vw;transform-origin:bottom left;left:15.5vw;top:-21.2vw;z-index:1;animation:rotate-spinner 4s linear infinite;background-image:linear-gradient(90deg,var(--main-border-color),var(--main-color))}@media only screen and (max-width:600px){.home_screen_button,.home_screen_card_inner{border-width:.01vw}.home_screen_abs,.home_screen_outer{height:calc(100vh - var(--top-bar-height))}.buttons-helper,.home_screen_card_outer,.home_screen_qr_code_outer{transform:scale(2.7)}}.switch-outer{width:3.8vw;height:2vw;display:flex;align-items:center;justify-content:center;cursor:pointer}.side_bar_icon{filter:drop-shadow(0 0 .1vw var(--icon-shadow-color))}.switch-track{position:relative;width:3vw;height:1.2vw;border-radius:1vw;background-color:var(--main-border-color)}.switch-thumb{position:absolute;top:-.4vw;height:1.8vw;width:1.8vw;border-radius:50%;border:.1vw solid var(--main-color);background-color:var(--main-background-color);display:flex;justify-content:center;align-items:center;color:var(--main-color);font-size:1.1vw}@keyframes slide-left{0%{left:1.6vw}to{left:-.4vw}}@keyframes slide-right{0%{left:-.4vw}to{left:1.6vw}}.switch-thumb.left{left:-.4vw;animation:slide-left .1s linear forwards}.switch-thumb.right{right:-.4vw;animation:slide-right .1s}.home_side_bar{position:fixed;left:calc(var(--side-bar-width)*-1 - 1px);top:calc(var(--top-bar-height));height:max(calc(100dvh - var(--top-bar-height)),calc(100vh - var(--top-bar-height)));width:var(--side-bar-width);background-color:var(--background-color);border-right:.1vw solid var(--main-border-color);display:flex;flex-direction:column;justify-content:space-between;padding:1vw .3vw;z-index:10}.home_side_bar.open{animation:sidebar-open .15s ease-in forwards;left:0}.home_side_bar.close{left:calc(var(--side-bar-width)*-1 - 1px);animation:sidebar-close .15s ease-out forwards}.home_side_bar_options_outer{display:flex;flex-direction:column;justify-content:space-between}.home_side_bar_option{width:100%;position:relative;flex-direction:row;justify-content:flex-start;padding:.5vw .75vw;grid-gap:1vw;gap:1vw;font-size:1.4vw;font-family:"Roboto";font-weight:400;text-shadow:var(--text-shadow-color) 0 0 .1vw}.home_side_bar_fold_button,.home_side_bar_option{display:flex;align-items:center;color:var(--main-color)}.home_side_bar_fold_button{position:absolute;right:1vw;top:50%;transform:translateY(-50%);margin:0;height:2vw;justify-content:center}.home_side_bar_option:hover{background-color:var(--side-bar-hover-color);cursor:pointer;border-radius:.3vw}.home_side_bar_option.active{background-color:var(--side-bar-hover-color);border-top-left-radius:.3vw;border-top-right-radius:.3vw}.home_side_bar_option_icon{margin-top:.4vw}.home_side_bar_user_icon{align-self:center;margin-top:.5vw;font-size:2.5vw;filter:drop-shadow(0 0 .1vw var(--icon-shadow-color))}.sidebar_sub_options{background-color:var(--side-bar-hover-color);width:100%;border-bottom-left-radius:.3vw;border-bottom-right-radius:.3vw}.sidebar_sub_options_item{height:3.5vw;font-size:1.2vw;padding:0 1vw;border-top:.1vw solid var(--main-border-color);display:flex;flex-direction:row;grid-gap:.8vw;gap:.8vw;align-items:center;color:var(--main-color);cursor:pointer}.sidebar_sub_option_icon{height:2.5vw;font-size:1.1vw;display:flex;align-items:center;justify-content:center}.home_side_bar_theme_switch{display:flex;flex-direction:row;width:100%;justify-content:space-evenly;align-items:center}.switch_title{width:100%;text-align:center;padding:.5vw}.switch_label,.switch_title{color:var(--main-color);font-size:1vw;font-weight:300;text-shadow:var(--text-shadow-color) 0 0 .1vw}.switch_label{height:2vw;display:flex;align-items:center;justify-content:center;font-family:"Roboto"}@keyframes sidebar-open{0%{left:calc(var(--side-bar-width)*-1 - 1px)}to{left:0}}@keyframes sidebar-close{0%{left:0}to{left:calc(var(--side-bar-width)*-1 - 1px)}}.home_side_bar_user_info{color:var(--main-color);display:flex;flex-direction:column}.home_side_bar_user_name{font-size:1vw;font-weight:600}.home_side_bar_user_name,.home_side_bar_user_role{font-family:"Roboto";text-shadow:var(--text-shadow-color) 0 0 .1vw}.home_side_bar_user_role{font-size:.8vw;font-weight:300}@media only screen and (max-width:600px){.home_side_bar{width:var(--side-bar-width);display:flex;flex-direction:column;padding:2vw 1vw 4vw;z-index:10}.home_side_bar_option{padding:1vw 2vw;grid-gap:3vw;gap:3vw;font-size:5vw;text-shadow:var(--text-shadow-color) 0 0 .2vw}.home_side_bar_option:hover{border-radius:1vw}.home_side_bar_option_icon{margin-top:1.2vw}.switch-outer{width:11vw;height:5vw;display:flex;align-items:center;justify-content:center;cursor:pointer}.switch-track{position:relative;width:10vw;height:3vw;border-radius:3vw;background-color:var(--main-border-color)}.switch-thumb{position:absolute;top:-1vw;height:5vw;width:5vw;border-radius:50%;border:.1vw solid var(--main-color);background-color:var(--main-background-color);display:flex;justify-content:center;align-items:center;color:var(--main-color);font-size:3.3vw}@keyframes slide-left{0%{left:6vw}to{left:-1vw}}@keyframes slide-right{0%{left:-1vw}to{left:6vw}}.switch-thumb.left{left:-1vw;animation:slide-left .1s linear forwards}.switch-thumb.right{right:-1vw;animation:slide-right .1s linear forwards}.switch_title{width:100%;font-size:3.5vw;text-align:center;padding:2vw}.switch_label,.switch_title{color:var(--main-color);font-weight:300}.switch_label{height:5vw;display:flex;align-items:center;justify-content:center;font-family:"Roboto";font-size:3vw}.side_bar_icon{filter:drop-shadow(0 0 .2vw var(--icon-shadow-color))}.home_side_bar_user_info{color:var(--main-color);display:flex;flex-direction:column}.home_side_bar_user_name{font-size:3.5vw;font-weight:600}.home_side_bar_user_name,.home_side_bar_user_role{font-family:"Roboto";text-shadow:var(--text-shadow-color) 0 0 .1vw}.home_side_bar_user_role{font-size:2.5vw;font-weight:300}.home_side_bar_user_icon{align-self:center;margin-top:1.5vw;font-size:8vw;filter:drop-shadow(0 0 .2vw var(--icon-shadow-color))}.sidebar_sub_options{background-color:var(--side-bar-hover-color);width:100%;border-bottom-left-radius:.3vw;border-bottom-right-radius:.3vw}.sidebar_sub_options_item{height:9vw;font-size:3.5vw;padding:0 2vw;border-top:.1vw solid var(--main-border-color);display:flex;flex-direction:row;grid-gap:2vw;gap:2vw;align-items:center;color:var(--main-color);cursor:pointer}.sidebar_sub_option_icon{height:5vw;font-size:3vw;display:flex;align-items:center;justify-content:center}}.guitar_tuner_outer{max-width:100vw;min-height:100vh;overflow-x:hidden}.guitar_tuner_outer,.start_tuning_button{display:flex;justify-content:center;align-items:center;flex-direction:column}.start_tuning_button{width:10vw;height:10vw;border-radius:50%;background:linear-gradient(#1bdf1b,#1baa1b,#1b641b);border:.4vw solid #0f840f;color:#0f460f;font-size:1.8vw;text-align:center;font-weight:600;text-shadow:rgba(15,255,15,.3) 1px 1px 1vw}.guitar_tuning_icon{font-size:2.5vw}.stop_tuning_button{height:6vw;width:6vw;border-radius:50%;background:linear-gradient(red,#270000);display:flex;justify-content:center;align-items:center;color:#ff2121;font-size:1.2vw;border:.2vw solid #8d0303;text-align:center;font-weight:600;padding:0 0 .2vw;text-shadow:#000 .1vw .1vw .2vw}.note_tune_wheel{position:relative;width:40.4vw;height:20.4vw;border-radius:20vw 20vw 0 0;background:linear-gradient(90deg,#ff1313,#ffa10a 43%,#0f0,orange 57%,red);overflow:hidden;border:.2vw solid #fff}.note_tune_wheel_center{position:absolute;width:2vw;height:2vw;background-color:#000;border:.2vw solid #fff;border-radius:50%;bottom:-1vw;left:19vw;z-index:10}.note_tune_wheel_arrow{--cents:0;position:absolute;height:17.5vw;width:.2vw;background-color:hsla(0,0%,100%,.561);bottom:0;left:19.9vw;transform-origin:bottom center;transform:rotate(calc(var(--cents)/50*90deg));transition:.2s ease-in-out}.note_tune_wheel_arrow_head{border-bottom:1vw solid #fff;position:absolute;top:-1vw;left:-.4vw;border-left:.5vw solid transparent;border-right:.5vw solid transparent}.note_tune_wheel_lines{--deg:0;height:20.4vw;width:2vw;left:19vw;justify-content:center;transform:rotate(calc(var(--deg)/50*90deg));transform-origin:bottom center;z-index:100;font-weight:1000}.note_tune_wheel_lines,.tune_direction{position:absolute;bottom:0;display:flex;color:#fff;font-size:1vw}.tune_direction{grid-gap:1vw;gap:1vw;align-items:center;right:4vw;font-weight:600}.tune_direction.down{bottom:0;right:4vw}.tune_direction.up{bottom:0;left:4vw}.note_tune_wheel_lines.small{font-size:.6vw}.note_tune_wheel_number{--cents:0;position:absolute;height:22vw;width:2vw;bottom:2vw;left:21vw;display:flex;justify-content:center;color:#fff;transform:rotate(calc(var(--cents)/50*90deg));transform-origin:bottom center;font-size:1vw;font-weight:500}.note_tune_wheel_number.line{font-size:.7vw;padding-top:.2vw;font-weight:1000}.note_tune_wheel_outer{width:44vw;height:24vw;flex-direction:center;border-radius:22vw 22vw 0 0}.current_note_display,.note_tune_wheel_outer{position:relative;display:flex;align-items:center;justify-content:center}.current_note_display{height:6vw;width:6vw;border-radius:50%;color:#fff;font-size:3vw;z-index:2;overflow:hidden;box-shadow:0 0 1vw #fff;padding:0 0 .4vw;font-weight:600;margin-bottom:2vw}.current_note_display_colors{--x:0;position:absolute;left:calc(-46vw - var(--x)*0.94vw);width:100vw;height:6vw;bottom:0;background-color:green;z-index:-2;background:linear-gradient(90deg,red,orange 40%,#00ec00,orange 60%,red)}.current_note_decomp{display:flex;flex-direction:row;margin-left:1vw}.current_note_letter{width:2.3vw}.current_note_right_side{display:flex;flex-direction:column;width:1.5vw;justify-content:space-between}.current_note_sharp{height:2vw;font-size:2vw;margin-right:.5vw}.current_note_octave{display:flex;flex-direction:column;justify-content:flex-end;height:1vw;font-size:1vw;margin-bottom:.3vw;padding:0 .1vw}@media only screen and (max-width:600px){.guitar_tuner_outer{max-width:100vw;min-height:100vh;overflow-x:hidden}.guitar_tuner_outer,.start_tuning_button{display:flex;justify-content:center;align-items:center;flex-direction:column}.start_tuning_button{width:25vw;height:25vw;border-radius:50%;background:linear-gradient(#1bdf1b,#1baa1b,#1b641b);border:1vw solid #0f840f;color:#0f460f;font-size:4vw;text-align:center;font-weight:600;text-shadow:rgba(15,255,15,.3) .2vw .2vw 1vw}.guitar_tuning_icon{font-size:6vw}.stop_tuning_button{height:15vw;width:15vw;border-radius:50%;background:linear-gradient(red,#270000);display:flex;justify-content:center;align-items:center;color:#ff2121;font-size:3vw;border:.5vw solid #8d0303;text-align:center;font-weight:600;padding:0 0 .5vw;text-shadow:#000 .3vw .3vw .6vw}.note_tune_wheel{position:relative;width:94vw;height:47vw;border-radius:47vw 47vw 0 0;background:linear-gradient(90deg,#ff1313,#ffa10a 43%,#0f0,orange 57%,red);overflow:hidden;border:.5vw solid #fff}.note_tune_wheel_center{position:absolute;width:4vw;height:4vw;background-color:#000;border:.5vw solid #fff;border-radius:50%;bottom:-2vw;left:44.5vw;z-index:10}.note_tune_wheel_arrow{--cents:0;position:absolute;height:39vw;width:.5vw;background-color:hsla(0,0%,100%,.561);bottom:0;left:46.25vw;transform-origin:bottom center;transform:rotate(calc(var(--cents)/50*90deg));transition:.2s ease-in-out}.note_tune_wheel_arrow_head{border-bottom:2vw solid #fff;position:absolute;top:-2vw;left:-.8vw;border-left:1vw solid transparent;border-right:1vw solid transparent}.note_tune_wheel_lines{--deg:0;height:47vw;width:2vw;bottom:0;left:45.5vw;justify-content:center;transform:rotate(calc(var(--deg)/50*90deg));transform-origin:bottom center;z-index:100;font-weight:1000}.note_tune_wheel_lines,.tune_direction{position:absolute;display:flex;color:#fff;font-size:3vw}.tune_direction{grid-gap:2vw;gap:2vw;align-items:center;right:4vw;font-weight:600}.tune_direction.down{bottom:-3vw;right:6vw}.tune_direction.up{bottom:-3vw;left:6vw}.note_tune_wheel_lines.small{font-size:1.5vw}.note_tune_wheel_number{--cents:0;position:absolute;height:52vw;width:2vw;bottom:2vw;left:49vw;display:flex;justify-content:center;color:#fff;transform:rotate(calc(var(--cents)/50*90deg));transform-origin:bottom center;font-size:3vw;font-weight:500}.note_tune_wheel_number.line{font-size:.7vw;padding-top:.2vw;font-weight:1000}.note_tune_wheel_outer{width:100vw;height:50vw;flex-direction:center;border-radius:50vw 50vw 0 0;margin-bottom:4vw}.current_note_display,.note_tune_wheel_outer{position:relative;display:flex;align-items:center;justify-content:center}.current_note_display{height:15vw;width:15vw;border-radius:50%;color:#fff;font-size:6vw;z-index:2;overflow:hidden;box-shadow:0 0 2vw #fff;padding:0 0 .4vw;font-weight:600;margin-bottom:8vw}.current_note_display_colors{--x:0;position:absolute;left:calc(-117.5vw - var(--x)*2.125vw);width:250vw;height:15vw;bottom:0;background-color:green;z-index:-2;background:linear-gradient(90deg,red,orange 40%,#00ec00,orange 60%,red)}.current_note_decomp{display:flex;flex-direction:row;margin-left:2.5vw}.current_note_letter{width:5vw}.current_note_right_side{display:flex;flex-direction:column;width:4vw;justify-content:space-between}.current_note_sharp{height:2vw;font-size:4vw;margin-right:.5vw}.current_note_octave{display:flex;flex-direction:column;justify-content:flex-end;height:2vw;font-size:2vw;margin-bottom:0;padding:0 .1vw}}.calculator_screen_outer{min-height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;color:#fff}.calculator_outer{width:30vw;background-color:#949494;border:.4vw solid #797979;height:40vw;border-radius:1vw;display:flex;flex-direction:column;align-items:center;padding:1vw;grid-gap:2vw;gap:2vw;box-shadow:0 0 1vw .2vw hsla(0,0%,91.4%,.2)}.calculator_display_outer{--calc-lighter-shade:#a7a7a7;--calc-darker-shade:#797979;border-color:var(--calc-darker-shade) var(--calc-lighter-shade) var(--calc-lighter-shade) var(--calc-darker-shade);border-style:solid;border-width:.4vw}.calculator_display{width:25vw;height:5vw;border:none;background-color:#97b697;caret-color:transparent;font-size:4vw;color:rgba(0,0,0,.7);font-family:"Digital-Clock";padding:0 1vw}.calculator_display.error{outline:1px solid red;color:red}.calculator_buttons{height:30vw;width:25vw;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr)}.calculator_button_outer{width:100%;height:100%;font-size:2vw}.calculator_button_inner,.calculator_button_outer{display:flex;align-items:center;justify-content:center}.calculator_button_inner{height:5.5vw;width:5.5vw;border-radius:.5vw;background-color:#141414;border-color:#2e2e2e #000 #000 #2e2e2e;border-style:solid;border-width:.4vw;font-size:2.4vw;font-weight:600}.calculator_button_inner.clicked{border-color:#000 #2e2e2e #2e2e2e #000;border-style:solid;border-width:.4vw}.calculator_button_inner[value=C]{background-color:#e20000!important;border-color:#f50000 #ce0000 #ce0000 #f50000!important;border-style:solid!important;border-width:.4vw!important;color:#000}.calculator_button_inner.clicked[value=C]{border-color:#ce0000 #f50000 #f50000 #ce0000!important;border-style:solid!important;border-width:.4vw!important}.calculator_button_inner.utility{font-size:2.8vw;background-color:#626262;border-color:#757575 #505050 #505050 #757575;border-style:solid;border-width:.4vw}.calculator_button_inner.utility.clicked{border-color:#4a5050 #757575 #757575 #505050;border-style:solid;border-width:.4vw}.calculator_button_inner[value="."]{font-size:1.5vw}.calculator_button_inner[value="="]{background-color:#189702!important;border-color:#1bae01 #147c02 #147c02 #1bae01!important;border-style:solid!important;border-width:.4vw!important;color:#000}.calculator_button_inner.clicked[value="="]{border-color:#147c02 #1bae01 #1bae01 #147c02!important;border-style:solid!important;border-width:.4vw!important}@media only screen and (max-width:600px){.calculator_screen_outer{min-height:100vh;width:100vw}.calculator_outer{width:95vw;border:1.2vw solid #797979;height:137vw;border-radius:2vw;padding:5vw;grid-gap:7vw;gap:7vw}.calculator_display_outer{--calc-lighter-shade:#a7a7a7;--calc-darker-shade:#797979;border-color:var(--calc-darker-shade) var(--calc-lighter-shade) var(--calc-lighter-shade) var(--calc-darker-shade);border-style:solid;border-width:1.5vw}.calculator_display{width:80vw;height:16vw;font-size:10vw;padding:0 3vw}.calculator_buttons{height:100vw;width:80vw}.calculator_button_outer{font-size:6vw}.calculator_button_inner{height:18vw;width:18vw;border-radius:1.5vw;background-color:#141414;border-color:#2e2e2e #000 #000 #2e2e2e;border-style:solid;border-width:1.2vw;font-size:7vw}.calculator_button_inner.clicked{border-color:#000 #2e2e2e #2e2e2e #000;border-style:solid;border-width:1.2vw}.calculator_button_inner[value=C]{border-color:#f50000 #ce0000 #ce0000 #f50000!important;border-style:solid!important;border-width:1.2vw!important}.calculator_button_inner.clicked[value=C]{border-color:#ce0000 #f50000 #f50000 #ce0000!important;border-style:solid!important;border-width:1.2vw!important}.calculator_button_inner.utility{font-size:8vw;border-color:#757575 #4a4a4a #4a4a4a #757575;border-style:solid;border-width:1.2vw}.calculator_button_inner.utility.clicked{border-color:#4a5050 #757575 #757575 #505050;border-style:solid;border-width:1.2vw}.calculator_button_inner[value="."]{font-size:4vw}.calculator_button_inner[value="="]{background-color:#189702!important;border-color:#1bae01 #147c02 #147c02 #1bae01!important;border-style:solid!important;border-width:1.2vw!important}.calculator_button_inner.clicked[value="="]{border-color:#147c02 #1bae01 #1bae01 #147c02!important;border-style:solid!important;border-width:1.2vw!important}}*{--slider-width:87vw}.tools_outer_outer{height:100vh;width:100%;overflow-y:hidden}.tools_outer{position:relative;width:100vw;height:85vh;display:flex;align-items:center;justify-content:center}.slick-slider{margin:2vw}.single-slide,.slick-slider{display:flex;position:relative;width:var(--slider-width);height:80vh}.single-slide{justify-content:center;align-items:center}.custom-dots .slick-dots li button:before{color:grey;font-size:1.2vw}.custom-dots .slick-dots li.slick-active button:before{color:var(--main-color)}.custom-dots .slick-next:before,.custom-dots .slick-prev:before{color:var(--main-color);font-size:3vw}.custom-dots .slick-prev{left:-3.5vw}.slick-next:hover,.slick-prev:hover{background-color:rgba(0,0,0,.2)}.tools_piano_outer{--key-width:5.5vw;--key-height:22vw;--key-border-width:0.3vw;width:calc(var(--key-width)*3 - var(--key-border-width)*2);top:50%;left:50%;transform:translate(-50%,-50%)}.tools_piano_key,.tools_piano_outer{position:absolute;height:var(--key-height)}.tools_piano_key{width:var(--key-width);border:var(--key-border-width) solid var(--main-color);background-color:#d0caca;border-top:none;border-bottom-left-radius:1.5vw;border-bottom-right-radius:1.5vw}.tools_piano_key.first{left:0}.tools_piano_key.second{left:calc(var(--key-width) - var(--key-border-width))}.tools_piano_key.third{left:calc(var(--key-width)*2 - var(--key-border-width)*2)}.tool_piano_black_key{--black-key-width:4vw;--black-key-height:18vw;position:absolute;height:var(--black-key-height);width:var(--black-key-width);background-color:#000;z-index:1;border:var(--key-border-width) solid var(--main-color);border-top:none;border-bottom-left-radius:1.5vw;border-bottom-right-radius:1.5vw;right:calc(var(--black-key-width)*-0.5)}.tool_title{position:absolute;width:var(--slider-width);color:var(--main-color);font-size:2.5vw;bottom:1vw;text-align:center;font-weight:300;font-family:"Roboto"}.tools_guitar_tuner{position:absolute;overflow:hidden;--guitar-tuner-width:40vw;width:var(--guitar-tuner-width);height:calc(var(--guitar-tuner-width)*0.5);border:.2vw solid var(--main-color);border-top-left-radius:calc(var(--guitar-tuner-width)*0.5);border-top-right-radius:calc(var(--guitar-tuner-width)*0.5);top:50%;left:50%;transform:translate(-50%,-50%)}.tools_guitar_tuner_line{--deg:49;position:absolute;height:calc(var(--guitar-tuner-width)*0.5 + .4vw);width:2vw;bottom:0;left:calc(var(--guitar-tuner-width)*0.5 - 1.17vw);color:var(--main-color);font-weight:700;transform:rotate(calc(var(--deg)/50*90deg));transform-origin:bottom center;display:flex;justify-content:center;font-weight:1000;font-size:1.5vw}.tools_guitar_tuner_line.small{font-size:1vw}.tools_guitar_tuner_arrow_bottom{position:absolute;--arrow-bottom-width:3vw;width:var(--arrow-bottom-width);height:calc(var(--arrow-bottom-width)*0.5);border-top-left-radius:calc(var(--arrow-bottom-width)*0.5);border-top-right-radius:calc(var(--arrow-bottom-width)*0.5);border:2px solid var(--main-color);bottom:-2px;left:calc(var(--guitar-tuner-width)*0.5 - var(--arrow-bottom-width)*0.5 - 2px)}.tools_guitar_tuner_arrow{--arrow-height:15vw;position:absolute;left:calc(var(--arrow-bottom-width)*0.5 - .05vw - 2px);width:.1vw;height:var(--arrow-height);top:calc(var(--arrow-height)*-1);background-color:var(--main-color)}.tools_guitar_tuner_arrow_head{border-bottom:1vw solid var(--main-color);position:absolute;top:-1vw;left:-.4vw;border-left:.5vw solid transparent;border-right:.5vw solid transparent}.tools_calculator_outer{--calculator-width:18vw;--calculator-height:22vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:var(--calculator-height);width:var(--calculator-width);border-radius:1vw;border:2px solid var(--main-color)}.tools_calculator_screen{height:3.4vw;border:.2vw solid var(--main-color);border-radius:.4vw;top:1vw;overflow:hidden}.tools_calculator_buttons,.tools_calculator_screen{position:absolute;width:calc(var(--calculator-width) - 2vw);left:.8vw}.tools_calculator_buttons{top:5vw;height:20vw;height:calc(var(--calculator-width) - 2vw);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);grid-column-gap:.5vw;column-gap:.5vw;grid-row-gap:.5vw;row-gap:.5vw;padding:.5vw 0}.tools_calculator_buttons_single{border:.2vw solid var(--main-color);border-radius:.4vw}@media only screen and (max-width:600px){*{--slider-width:75vw}.slick-slider{margin:2vw}.single-slide,.slick-slider{display:flex;position:relative;width:var(--slider-width);height:80vh}.single-slide{justify-content:center;align-items:center}.custom-dots .slick-dots li button:before{font-size:3vw}.custom-dots .slick-next:before,.custom-dots .slick-prev:before{font-size:8vw}.custom-dots .slick-prev{left:-10vw}.tools_piano_outer{--key-width:15vw;--key-height:60vw;--key-border-width:1vw;width:calc(var(--key-width)*3 - var(--key-border-width)*2);top:50%;left:50%;transform:translate(-50%,-50%)}.tools_piano_key,.tools_piano_outer{position:absolute;height:var(--key-height)}.tools_piano_key{width:var(--key-width);border:var(--key-border-width) solid var(--main-color);background-color:#d0caca;border-top:none;border-bottom-left-radius:4vw;border-bottom-right-radius:4vw}.tools_piano_key.first{left:0}.tools_piano_key.second{left:calc(var(--key-width) - var(--key-border-width))}.tools_piano_key.third{left:calc(var(--key-width)*2 - var(--key-border-width)*2)}.tool_piano_black_key{--black-key-width:10vw;--black-key-height:40vw;height:var(--black-key-height);width:var(--black-key-width);border:var(--key-border-width) solid var(--main-color);border-top:none;border-bottom-left-radius:3vw;border-bottom-right-radius:3vw;right:calc(var(--black-key-width)*-0.5)}.tool_title{font-size:7vw;bottom:5vw}.tools_guitar_tuner{position:absolute;overflow:hidden;--guitar-tuner-width:65vw;width:var(--guitar-tuner-width);height:calc(var(--guitar-tuner-width)*0.5);border:2px solid var(--main-color);border-top-left-radius:calc(var(--guitar-tuner-width)*0.5);border-top-right-radius:calc(var(--guitar-tuner-width)*0.5);top:50%;left:50%;transform:translate(-50%,-50%)}.tools_guitar_tuner_line{--deg:49;position:absolute;height:calc(var(--guitar-tuner-width)*0.5 + .4vw);width:2vw;bottom:0;left:calc(var(--guitar-tuner-width)*0.5 - 1.5vw);color:var(--main-color);font-size:3vw;font-weight:700;transform:rotate(calc(var(--deg)/50*90deg));transform-origin:bottom center;display:flex;justify-content:center;font-weight:1000}.tools_guitar_tuner_line.small{font-size:2.2vw}.tools_guitar_tuner_arrow_bottom{position:absolute;--arrow-bottom-width:5vw;width:var(--arrow-bottom-width);height:calc(var(--arrow-bottom-width)*0.5);border-top-left-radius:calc(var(--arrow-bottom-width)*0.5);border-top-right-radius:calc(var(--arrow-bottom-width)*0.5);border:2px solid var(--main-color);bottom:-2px;left:calc(var(--guitar-tuner-width)*0.5 - var(--arrow-bottom-width)*0.5 - 2px)}.tools_guitar_tuner_arrow{--arrow-height:23vw;position:absolute;left:calc(var(--arrow-bottom-width)*0.5 - 3px);width:2px;height:var(--arrow-height);top:calc(var(--arrow-height)*-1);background-color:var(--main-color)}.tools_guitar_tuner_arrow_head{border-bottom:2vw solid var(--main-color);position:absolute;top:-1.9vw;left:calc(-1vw + 1px);border-left:1vw solid transparent;border-right:1vw solid transparent}.tools_calculator_outer{--calculator-width:50vw;--calculator-height:65vw;top:50%;left:50%;transform:translate(-50%,-50%);height:var(--calculator-height);width:var(--calculator-width);border-radius:2vw}.tools_calculator_outer,.tools_calculator_screen{position:absolute;border:.6vw solid var(--main-color)}.tools_calculator_screen{height:11.2vw;border-radius:1vw;top:2vw;overflow:hidden}.tools_calculator_buttons,.tools_calculator_screen{width:calc(var(--calculator-width) - 4vw);left:1.4vw}.tools_calculator_buttons{position:absolute;top:14vw;height:calc(var(--calculator-width) - 1vw);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);grid-column-gap:1vw;column-gap:1vw;grid-row-gap:1vw;row-gap:1vw;padding:2vw 0}.tools_calculator_buttons_single{border:.6vw solid var(--main-color);border-radius:1vw}}.rain-container{--container-width:15.5vw;position:absolute;width:var(--container-width);height:3vw;overflow:hidden}.raining_operator{position:absolute;--starting-x:0.2;--delay:0.5s;--size:2;--speed:2000ms;font-size:calc(var(--size)*1vw);color:var(--main-color);top:-10vw;left:calc(var(--starting-x)*20vw);animation:fall-down var(--speed) linear;animation-delay:var(--delay);z-index:1000000}@keyframes fall-down{0%{transform:translateY(-10vw)}to{transform:translateY(20vw)}}@media only screen and (max-width:600px){.rain-container{--container-width:50vw;position:absolute;width:var(--container-width);height:10vw;overflow:hidden}.raining_operator{position:absolute;--starting-x:0.2;--delay:0.5s;--size:2;--speed:2000ms;font-size:calc(var(--size)*2.5vw);top:-5vw;left:calc(var(--starting-x)*var(--container-width));animation:fall-down calc(var(--speed)*0.7) linear;animation-delay:var(--delay);z-index:1000000}}.chess_outer{width:100vw;min-height:100vh;display:flex;align-items:center;justify-content:center}.chess_board{position:relative;width:30vw;height:30vw;border:1.5vw solid #42230e;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}.chess_field{position:relative;display:flex;align-items:center;justify-content:center;font-size:2.3vw}.chess_field[value=w]{background-color:#dda179}.chess_field[value=b]{background-color:#794320}.chess_piece[color=black]{filter:drop-shadow(0 0 .1vw rgb(255,255,255))}.chess_piece[color=white]{filter:drop-shadow(0 0 .1vw rgb(0,0,0))}.chess_board_outer_row{position:absolute;font-size:1.2vw;color:#fff;font-weight:700;text-shadow:0 0 .3vw #000}.chess_board_outer_row.vertical div{height:3.375vw;display:flex;justify-content:center;align-items:center}.chess_board_outer_row.horizontal{width:30vw;display:flex;flex-direction:row;justify-content:space-evenly;left:-1.5vw}.chess_board_outer_row.vertical{display:flex;flex-direction:column}.chess_board_outer_row.top{top:-1.5vw}.chess_board_outer_row.bottom{bottom:-1.5vw}.chess_board_outer_row.left{left:-1.1vw}.chess_board_outer_row.right{right:-1vw}.chess_piece.selected{background-color:green;width:3.2vw;height:3.2vw;border-radius:50%;display:flex;align-items:center;justify-content:center}.chess_field_highlight{position:absolute;width:2vw;height:2vw;border-radius:50%;background-color:initial}.chess_field_highlight.selected{background-color:#07b504;box-shadow:0 0 .75vw #05e101}.chess_field_highlight.possible{height:1.5vw;width:1.5vw;background-color:#cbcbcb;box-shadow:0 0 .2vw #dbdbdb}.thirty-seconds-outer{min-height:100vh;height:48vw;position:relative;overflow:hidden}.kies-kaartje-row{display:flex;flex-direction:row;width:100%;justify-content:space-evenly}.thirty-seconds-zandloper{height:18vw;margin-top:-3vw;transform:scale(.5)}.kaartje-row,.thirty-seconds-zandloper{width:100%;display:flex;align-items:center;justify-content:center}.kaartje-row{position:absolute;margin-top:2vw;bottom:3vw;height:15vw}@media only screen and (max-width:600px){.thirty-seconds-outer{height:150vw}.kies-kaartje-row{width:100%;height:30vw;display:flex;align-items:center}.kaartje-row{height:45vw;margin-bottom:10vw}.thirty-seconds-zandloper{transform:scale(1.5);margin-top:25vw}}*{--kaartje-blue-outer:#099ae0;--kaartje-blue-inner:#a1daf8;--kaartje-yellow-outer:#f6d20a;--kaartje-yellow-inner:#f9eab4}.kaartje-outer{position:relative;width:30vw;height:15vw;display:flex;justify-content:center;align-items:center;animation:kaartje-ease-in .5s linear}@keyframes kaartje-ease-in{0%{transform:translateY(20vw)}to{transform:translateY(0)}}.kaartje-outer.blue{background-color:var(--kaartje-blue-outer)}.kaartje-outer.yellow{background-color:var(--kaartje-yellow-outer)}.kaartje-inner{width:75%;height:100%;border-left:.2vw solid #fff;border-right:.2vw solid #fff}.kaartje-inner.blue{background-color:var(--kaartje-blue-inner)}.kaartje-inner.yellow{background-color:var(--kaartje-yellow-inner)}.kaartje-rand-text{font-family:"Yantramanav",sans-serif;position:absolute;font-size:2vw;color:#fff;font-weight:700}.kaartje-rand-text.links{transform:rotate(-90deg);left:-4.5vw}.kaartje-rand-text.rechts{transform:rotate(90deg);right:-4.5vw}.kaartje-woorden{height:100%;width:100%;padding:1.5vw 1vw;display:flex;flex-direction:column;justify-content:space-evenly;font-size:1.3vw;font-weight:700}@media only screen and (max-width:600px){.kaartje-outer{transform:scale(3)}@keyframes kaartje-ease-in{0%{transform:translateY(60vw) scale(3)}to{transform:translateY(0) scale(3)}}}.zandloper-outer{position:relative;width:22vw;height:32vw;overflow:hidden;--zand-kleur:#dbb48f;--zandloper-width:20vw;--zandloper-height:30vw}.zandloper-frame.bottom,.zandloper-frame.top{position:absolute;width:22vw;height:1.02vw;background-color:#923f19;border-bottom:.2vw solid #8b3a14;border-right:.2vw solid #8b3a14;border-color:#8b3a14 #a3471d #a3471d #8b3a14;border-style:solid;border-width:.2vw;border-radius:.25vw;z-index:10}.zandloper-frame.bottom{bottom:0}.zandloper-top{position:absolute;left:50%;top:1vw;transform:translateX(-50%);width:var(--zandloper-width);height:calc(var(--zandloper-height)/2);-webkit-clip-path:polygon(47% 100%,53% 100%,100% 0,0 0);clip-path:polygon(47% 100%,53% 100%,100% 0,0 0);background:linear-gradient(90deg,#969494,#1d1c1c 50%,#969494)}.zandloper-top-zand{transform:translateY(15vw);height:20vw;width:20vw;background-color:var(--zand-kleur);animation:lower-sand 30s linear forwards;overflow:hidden}@keyframes lower-sand{0%{transform:translateY(1vw);animation-timing-function:ease-in}75%{transform:translateY(8.5vw);animation-timing-function:linear}99.6%{transform:translateY(15vw);animation-timing-function:ease-out}to{transform:translateY(15vw);animation-timing-function:ease-out}}.zandloper-bottom{position:absolute;bottom:1.01vw;left:50%;transform:translateX(-50%);width:var(--zandloper-width);height:calc(var(--zandloper-height)/2);-webkit-clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);background:linear-gradient(90deg,#969494,#1d1c1c 50%,#969494)}.zandloper-bottom-zand{position:absolute;overflow:hidden;transform:translateY(2vw);height:30vw;left:-10vw;width:40vw;border-radius:50%;animation:raise-sand 30s forwards;background-color:var(--zand-kleur)}.sand-blur{height:100%;width:100%;background:repeating-conic-gradient(rgba(0,0,0,.2) .000001%,hsla(0,0%,100%,0) .00005%,hsla(0,0%,100%,0) .00035%,hsla(0,0%,100%,0) .00005%),repeating-conic-gradient(hsla(0,0%,100%,.13333333333333333) .00002%,hsla(0,0%,100%,0) .00008%,hsla(0,0%,100%,0) .0008%,hsla(0,0%,100%,0) .00008%);opacity:.9;filter:blur(1px)}@keyframes raise-sand{0%{transform:translateY(15vw);animation-timing-function:ease-in}75%{transform:translateY(8vw);animation-timing-function:linear}to{transform:translateY(2vw);animation-timing-function:ease-out}}.zandloper-lopend-zand{height:100%;width:1.2vw;position:absolute;left:50%;transform:translate(-50%,5vw);background-color:var(--zand-kleur);animation:running-sand 30s linear forwards}.no-animation{animation:none}@keyframes running-sand{0%{border-bottom-left-radius:50%;border-bottom-right-radius:50%;transform:translate(-50%,-15vw)}2%{border-bottom-left-radius:50%;border-bottom-right-radius:50%;border-radius:0;transform:translate(-50%)}99.49%{border-radius:0;transform:translate(-50%)}99.5%{border-radius:30%;transform:translate(-50%)}to{border-radius:30%;transform:translate(-50%,5vw)}}.zandloper-start-button{height:10vw;width:10vw;background-color:red}.kies-kaartje-button-outer{position:relative;width:20vw;height:10vw;background-color:#d8d5d5;display:flex;align-items:center;justify-content:center;font-size:5vw;font-weight:700;border-radius:.2vw;margin-top:4vw}.kies-kaartje-button-kaartje{position:absolute;width:18vw;height:2vw;top:-2vw}.kies-kaartje-button-kaartje.blue{background-color:var(--kaartje-blue-outer);border-bottom:.2vw solid rgba(4,128,190,.3)}.kies-kaartje-button-kaartje.yellow{background-color:var(--kaartje-yellow-outer);border-bottom:.2vw solid rgba(226,194,12,.3)}.kies-kaartje-button-kaartje-inner{position:absolute;width:75%;height:2vw;left:12.5%;border-left:.2vw solid #fff;border-right:.2vw solid #fff}.kies-kaartje-button-kaartje-inner.blue{background-color:var(--kaartje-blue-inner);border-bottom:.2vw solid rgba(147,202,231,.3)}.kies-kaartje-button-kaartje-inner.yellow{background-color:var(--kaartje-yellow-inner);border-bottom:.2vw solid rgba(236,222,170,.3)}@media only screen and (max-width:600px){.kies-kaartje-button-outer{transform:scale(1.8)}}:root{--top-bar-height:3.5vw;--main-color:#a89142;--main-background-color:#000;--background-color:#0f0f0f;--main-border-color:rgba(168,145,66,0.4);--side-bar-hover-color:#1c1c1c;--main-color-op3:rgba(168,145,66,0.3);--main-color-op2:rgba(168,145,66,0.2);--side-bar-width:12.5vw;--text-shadow-color:#000;--icon-shadow-color:#4c3f14;--spotify-green:#1ed760;--spotify-black:#121212;--spotify-border-color:#00a239;--spotify-shadow:rgba(51,245,118,0.5);--hitster-neon:#ed33b9;--hitster-background:#0a1045;--hitster-kaartje-background:#110b14;--hitster-timeline-height:30vw}[logged-in=true]{--side-bar-width:15vw}[theme=light]{--main-color:#1c1065;--main-border-color:rgba(28,16,101,0.4);--main-background-color:#d7e3fc;--background-color:#ccdbfd;--side-bar-hover-color:#dce5fc;--main-color-op3:rgba(28,16,101,0.15);--main-color-op2:rgba(28,16,101,0.1);--text-shadow-color:#7568c9;--icon-shadow-color:#d8d1fd}@media only screen and (max-width:600px){:root{--side-bar-width:40vw;--top-bar-height:13vw}[logged-in=true]{--side-bar-width:50vw}}.outer{background-color:var(--main-background-color)}.main{margin:4rem auto auto;width:100%;border-radius:5px;text-align:center;display:flex;justify-content:space-evenly}.imageDiv{margin:auto;width:40%;padding:.4rem}.textDiv{margin:auto;width:60%;color:#f5f5f5}.main img{width:100%;border-radius:100px;box-shadow:1px 1px 10px 1px hsla(0,0%,96.1%,.301)}.main h2{padding:0 5rem;color:#f5f5f5;font-weight:bolder;font-size:medium}.icons{margin:10rem auto auto;width:100vw;border-radius:5px;text-align:center;display:flex;justify-content:space-evenly}.prank button{width:100vw;height:20vh;background:transparent;border:none!important;font-size:0}.login_outer{height:100vh;width:100vw;justify-content:center}.login_inner,.login_outer{display:flex;align-items:center}.login_inner{width:40vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:3vw;background-color:var(--background-color);padding:2vw;flex-direction:column;box-shadow:0 0 1vw var(--main-color-op3);font-family:"Roboto";border:.1vw solid var(--main-border-color)}.login_inner input{width:20vw;height:3vw;font-size:1.5vw;font-family:inherit;background-color:initial;border:none;padding:0 .2vw;color:var(--main-color);font-weight:400}.login_inner input::placeholder{color:var(--main-border-color);font-size:1.5vw;text-justify:center}.login_sub_text{font-weight:100;font-size:1.3vw;margin-bottom:1vw}.login_sub_text,.login_welcome_text{color:var(--main-color);text-shadow:var(--text-shadow-color) 0 0 .1vw}.login_welcome_text{width:100%;text-align:center;margin-top:2vw;font-size:2.2vw;font-weight:400}.login_qr_code{width:10vw;height:10vw}.login_input_outer{width:25vw;display:flex;flex-direction:row;background-color:var(--main-background-color);border-radius:5vw;box-shadow:0 0 .2vw var(--main-color-op3);border:.1vw solid var(--main-border-color);margin-top:1.5vw}.login_input_icon{width:3.2vw;margin-left:1vw;color:var(--main-color);font-size:1.8vw;display:flex;align-items:center;justify-content:center}.login_input_outer.focussed{border:.1vw solid var(--main-color)}.login_input_password{width:17vw!important}.login_input_icon_password_visibility{width:3vw;color:var(--main-color);font-size:1.8vw}.login_input_icon_password_visibility,.login_submit_button{display:flex;align-items:center;justify-content:center;cursor:pointer}.login_submit_button{height:3vw;width:20vw;background-color:var(--main-color);border-radius:3vw;margin:1vw 0 3vw;font-size:2vw;color:var(--main-background-color);font-family:inherit;border:.1vw solid var(--main-background-color);box-shadow:0 0 .2vw var(--main-color-op3);font-size:1.3vw;font-weight:800}.login_error{margin-top:.5vw;text-align:center;height:1.5vw;width:25vw;color:red;font-family:inherit;font-weight:100;font-size:1vw}@media only screen and (max-width:600px){.login_inner{scale:2.4}}.energy-outer{width:100vw;height:100vh;display:flex;flex-direction:column}.energy-inner{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.energy_bar_chart_outer{width:80vw;height:30vw;background-color:var(--background-color);padding:1vw;border-radius:1vw;border:.1vw solid var(--main-border-color)}.solitaire_outer{--card-width:6.3vw;--card-height:8.8vw;--card-border-radius:0.3vw;height:100vh;width:100vw;display:flex;flex-direction:column;background-color:#014f01}.playing_card{position:absolute;width:var(--card-width);height:var(--card-height);background-color:#eadcdc;border-radius:var(--card-border-radius);overflow:hidden;border:.1vw solid hsla(0,0%,50.2%,.5)}.playing_card.red{color:red}.playing_card.black{color:#000}.centered_logo{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%}.playing_card .suit_middle{font-size:4vw}.playing_card .suit_face_corner{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:.1vw;gap:.1vw}.suit_face_corner div{font-size:.8vw}.suit_face_corner p{font-size:.8vw;font-weight:800;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:-.2vw}.suit_face_corner.top{left:.25vw;top:.25vw}.suit_face_corner.bottom{right:.25vw;bottom:.25vw;transform:rotate(180deg)}.playing_card img{height:100%;width:100%;-webkit-user-select:none;user-select:none}.pile{width:6.3vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.solitaire_piles{position:relative;width:100%;display:flex;flex-direction:row;justify-content:space-between;padding:0 5vw}.deck{position:relative;width:var(--card-width);height:var(--card-height);border-radius:var(--card-border-radius);overflow:hidden;border:.2vw solid #fff;color:#fff;font-size:3vw}.deck img{height:100%;width:100%;-webkit-user-select:none;user-select:none}.solitaire_top_bar{height:12vw;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 5vw}.solitaire_aflegstapels{display:flex;flex-direction:row;grid-gap:2vw;gap:2vw}.solitaire_stapel{border-radius:.5vw;position:relative;width:var(--card-width);height:var(--card-height);border:2px solid hsla(0,0%,100%,.549)}.solitaire_stapel .suit{font-size:1.5vw;z-index:0;color:hsla(0,0%,100%,.549)}.solitair_deck_and_deal{display:flex;flex-direction:row;grid-gap:2vw;gap:2vw}.deal{position:relative;width:calc(var(--card-width) + 4vw);height:var(--card-width);animation:deal .5s ease-out}@keyframes deal{0%{transform:translateX(-6vw)}to{transform:translateX(0)}}.deal-animation{animation:deal .2s ease-out}.hitster_outer{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.play_pause_button{height:5vw;width:5vw;border-radius:50%;background-color:red;z-index:4}.hitster_screen_outer{width:100vw;height:100vh;position:relative}.hitster_create_game_outer{width:100%;height:100vh;display:flex;flex-direction:column;position:relative;justify-content:space-between}.hitster_create_game_outer::-webkit-scrollbar{width:12px;background-color:#000}.hitster_create_game_outer::-webkit-scrollbar-track{background-color:#f0f0f0}.hitster_create_game_outer::-webkit-scrollbar-thumb{background-color:#888;border-radius:6px}.hitster_create_game_outer::-webkit-scrollbar-thumb:hover{background-color:#555}.hitster_create_game_outer{scrollbar-color:#888 #000;scrollbar-width:thin}.hitster_create_game_title{width:100%;text-align:center;color:var(--hitster-neon);font-family:"Londrina Outline";font-weight:800;font-size:3vw;padding:2vw}.hitster_create_game_player_list{display:flex;flex-direction:column;grid-gap:1vw;gap:1vw;justify-content:center;align-items:center}.hitster_create_game_player{display:flex;flex-direction:row;height:6vw;width:40vw;background-color:#191919;align-items:center;border:.1vw solid var(--hitster-neon);border-radius:.5vw;padding:0 1.5vw;grid-gap:1vw;gap:1vw}.hitster_create_game_color_icon{height:4vw;width:4vw;border-radius:.2vw}.hitster_create_game_player input{width:100%;background-color:initial;border:none;font-size:3vw;background-color:#383838;border-radius:.5vw;padding:0 1vw}.hitster_create_game_add_player,.hitster_create_game_player input{height:4vw;color:var(--hitster-neon);font-family:"Londrina Outline";font-weight:800}.hitster_create_game_add_player{width:4vw;border:.2vw solid var(--hitster-neon);border-radius:50%;font-size:4vw;padding-bottom:.4vw}.color_picker_modal,.hitster_create_game_add_player{display:flex;justify-content:center;align-items:center}.color_picker_modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.color_picker_overlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5)}.color_picker_content{position:relative;padding:1vw;background:#191919;border-radius:1vw;border:.2vw solid var(--hitster-neon)}.color-options{display:flex;flex-wrap:wrap;justify-content:center}.color_square{height:8vw;width:8vw;border-radius:.5vw}.color_squares_grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);grid-gap:1vw;gap:1vw}.color_picker_title{font-family:"Londrina Outline";font-weight:800;color:var(--hitster-neon);width:100%;text-align:center;font-size:3vw;padding:1vw 0 2vw}.hitster_create_game_start_button_outer{width:100%;height:15vw!important;display:flex;justify-content:center;align-items:center;flex-shrink:0}.hitster_create_game_start_button_button{background-color:#191919;font-size:3vw;padding:1vw 2vw;border:.1vw solid var(--hitster-neon);font-family:"Londrina Outline";font-weight:800;color:var(--hitster-neon);border-radius:.5vw;cursor:pointer}@media only screen and (max-width:600px){.hitster_create_game_title{font-size:8vw;padding:5vw}.hitster_create_game_player_list{grid-gap:5vw;gap:5vw}.hitster_create_game_player{height:16vw;width:80vw;border:.3vw solid var(--hitster-neon);border-radius:1.5vw;padding:1vw 3vw;grid-gap:2vw;gap:2vw}.hitster_create_game_color_icon{height:12vw;width:12vw;border-radius:.2vw}.hitster_create_game_player input{height:12vw;font-size:8vw;border-radius:1.5vw;padding:0 3vw}.hitster_create_game_add_player{height:12vw;width:12vw;border:.6vw solid var(--hitster-neon);font-size:12vw;padding-bottom:1.2vw}.color_picker_modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center}.color_picker_overlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5)}.color_picker_content{position:relative;padding:3vw;background:#191919;border-radius:1.5vw;border:.6vw solid var(--hitster-neon)}.color_square{height:20vw;width:20vw;border-radius:1.5vw}.color_squares_grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);grid-gap:2vw;gap:2vw}.color_picker_title{font-size:8vw;padding:1vw 0 6vw}.hitster_create_game_start_button_outer{width:100%;height:30vw!important;display:flex;justify-content:center;align-items:center;flex-shrink:0}.hitster_create_game_start_button_button{background-color:#191919;font-size:8vw;padding:3vw 4vw;border:.5vw solid var(--hitster-neon);font-family:"Londrina Outline";font-weight:800;color:var(--hitster-neon);border-radius:1.5vw;cursor:pointer}}.hitster_kaartje_outer{width:21vw;height:21vw;border-radius:.5vw;background-color:var(--hitster-kaartje-background);display:flex;flex-direction:column;justify-content:space-between;align-items:center;--speaker-main-color:#d9d9d9;--speaker-main-lighter:silver;--speaker-main-darker:#787878;--rubber-main:#181818;--rubber-dark:#000;--rubber-light:#292929}.hitster_kaartje_outer.back{border:.1vw solid var(--hitster-neon)}.hitster_kaartje_content{height:18vw;width:18vw;display:flex;align-items:center;justify-content:center;padding-bottom:.8vw}.hitster_kaartje_play_pause_button_icon{display:flex;justify-content:center;align-items:center;margin-left:.6vw;color:#000}.hitster_kaartje_logo{height:4vw;font-size:2.5vw;display:flex;justify-content:center;align-items:center;color:var(--hitster-neon);font-family:"Londrina Outline";font-weight:700}.hitster_kaartje_flip_knop{height:4vw;width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0 1vw}.hitster_kaartje_flip{color:var(--hitster-neon);font-weight:500;font-size:1.5vw;grid-gap:.5vw;gap:.5vw;border:1px solid var(--hitster-neon);height:2.5vw;padding:0 1vw;border-radius:2vw}.hitster_kaartje_flip,.speaker_play_button_outer{display:flex;align-items:center;justify-content:center}.speaker_play_button_outer{position:relative;overflow:visible;padding:.8vw;background-color:var(--speaker-main-color);border:.3vw solid var(--speaker-main-lighter);border-radius:50%}.floating_notes_random{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.note_floating{position:absolute;transform:translate(-50%,-50%);font-size:2vw;color:#fff;opacity:0;animation:floatOutwards var(--duration,2.5s) ease-out forwards}@keyframes floatOutwards{0%{opacity:0;transform:translate(-50%,-50%) translate(0) rotate(0deg) scale(1)}10%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) rotate(var(--rotate)) scale(var(--scale))}}.speaker_play_button_inner1{display:flex;align-items:center;justify-content:center;padding:.3vw;background-color:var(--rubber-dark);border:.3vw solid var(--speaker-main-darker);border-radius:50%}.speaker_play_button_inner2{display:flex;align-items:center;justify-content:center;padding:.4vw;background-color:#181818;border-radius:50%}.speaker_play_button_inner3{display:flex;align-items:center;justify-content:center;height:12vw;width:12vw;border-radius:50%;background-color:var(--speaker-main-color);border:.3vw solid var(--rubber-dark)}.speaker_play_button_inner3.pulsing{animation:pulse .5s ease-in-out infinite}.speaker_play_button_inner4{padding:.3vw;border-radius:50%;border:.2vw solid var(--rubber-light)}.speaker_play_button_inner4,.speaker_play_button_inner5{display:flex;align-items:center;justify-content:center;background-color:var(--rubber-main)}.speaker_play_button_inner5{height:4.5vw;width:4.5vw;border-radius:50%;border:.2vw solid var(--rubber-dark);color:#fff;font-size:2.2vw;filter:drop-shadow(2px 2px 3px rgba(129,121,121,.5))}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 hsla(0,0%,100%,.2)}50%{transform:scale(1.05);box-shadow:0 0 0 1vw hsla(0,0%,100%,.05)}to{transform:scale(1);box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}.hitster_kaartje_revealed_text{width:100%;height:6vw;font-weight:600;padding:.2vw 1vw;display:flex;justify-content:center;align-items:center;text-align:center}.truncate_text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.2;text-align:center;max-width:100%}.hitster_kaartje_revealed_text.artist{font-size:1.8vw;font-weight:600}.hitster_kaartje_revealed_text.year{font-size:5.5vw;font-weight:800}.hitster_kaartje_revealed_text.title{font-size:1.6vw;font-weight:300;font-style:italic}.hitster_kaartje_outer.in_timeline{width:15.4vw!important;height:15.4vw!important}.hitster_kaartje_revealed_text.in_timeline{transform:scale(.7);height:4.2vw;width:20vw}.hitster_kaartje_locked_in_content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--hitster-neon);grid-gap:2vw;gap:2vw;font-size:1.4vw;font-weight:300;text-align:center}.hitster_kaartje_button{height:6vw;width:6vw;border-radius:50%;display:flex;background-color:var(--speaker-main-color);align-items:center;justify-content:center;color:#000;font-size:2.8vw;outline:.3vw solid var(--speaker-main-darker);border:.3vw solid var(--speaker-main-lighter)}.hitster_kaartje_button_icon{filter:drop-shadow(1px 1px 2px var(--speaker-main-darker))}.hitster_kaartje_hitster_content{width:100%;height:100%;justify-content:center;align-items:center;grid-gap:1.2vw;gap:1.2vw;font-size:1.2vw;font-weight:500;line-height:1.2vw}.hitster_kaartje_hitster_content,.hitster_kaartje_remove_hitster_content{display:flex;flex-direction:column;color:var(--hitster-neon);text-align:center}.hitster_kaartje_remove_hitster_content{grid-gap:1.5vw;gap:1.5vw;font-size:1.5vw}.hitster_kaartje_button.small{transform:scale(.8)}.hitster_kaartje_remove_buttons{display:flex;flex-direction:row;justify-content:space-evenly}.hitster_kaartje_player_list_outer{display:flex;flex-direction:column;text-align:center;height:100%;width:100%;color:var(--hitster-neon);font-size:1.5vw;padding-top:1vw}.hitster_kaartje_player_list{display:flex;flex-direction:column;width:100%;overflow-y:auto;height:100%;margin-top:1vw;color:#fff;font-size:1.8vw;scrollbar-width:thin;scrollbar-color:var(--hitster-neon) #222121}.hitster_kaartje_player_list::-webkit-scrollbar{width:.3vw}.hitster_kaartje_player_list::-webkit-scrollbar-track{background:red}.hitster_kaartje_player_list::-webkit-scrollbar-thumb{background-color:#fff;border-radius:10px}.hitster_kaartje_player{display:flex;flex-direction:row;align-items:center;padding:.3vw .5vw;grid-gap:.5vw;gap:.5vw;font-weight:600;margin-right:.5vw}.hitster_kaartje_player:hover{background-color:#583668;border-radius:1vw;cursor:pointer}.hitster_kaartje_reveal_modal{position:absolute;right:10vw;left:10vw}.hitster_kaartje_buy_card_content{display:flex;flex-direction:column;justify-content:center;grid-gap:2vw;gap:2vw;color:var(--hitster-neon);font-size:1.5vw;font-weight:500;text-align:center}@media only screen and (max-width:600px){.hitster_kaartje_outer{width:70vw;height:70vw;border-radius:1.4vw}.hitster_kaartje_outer.back{border:.6vw solid var(--hitster-neon)}.hitster_kaartje_content{height:64vw;width:64vw;padding-bottom:2vw}.hitster_kaartje_play_pause_button_icon{margin-left:.6vw;color:#000}.hitster_kaartje_logo{height:10vw;font-size:8vw;font-weight:800}.speaker_play_button_outer{padding:2.5vw;border:1.2vw solid var(--speaker-main-lighter);border-radius:50%}.floating_notes_random{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.note_floating{position:absolute;transform:translate(-50%,-50%);font-size:6.5vw;color:#fff;opacity:0;animation:floatOutwards var(--duration,2.5s) ease-out forwards}@keyframes floatOutwards{0%{opacity:0;transform:translate(-50%,-50%) translate(0) rotate(0deg) scale(1)}10%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) rotate(var(--rotate)) scale(var(--scale))}}.speaker_play_button_inner1{display:flex;align-items:center;justify-content:center;padding:1.2vw;background-color:var(--rubber-dark);border:1.2vw solid var(--speaker-main-darker);border-radius:50%}.speaker_play_button_inner2{padding:1.4vw;background-color:#181818;border-radius:50%}.speaker_play_button_inner3{height:38vw;width:38vw;border-radius:50%;background-color:var(--speaker-main-color);border:1vw solid var(--rubber-dark)}.speaker_play_button_inner3.pulsing{animation:pulse .5s ease-in-out infinite}.speaker_play_button_inner4{display:flex;align-items:center;justify-content:center;padding:1.2vw;border-radius:50%;border:.7vw solid var(--rubber-light);background-color:var(--rubber-main)}.speaker_play_button_inner5{display:flex;align-items:center;justify-content:center;height:14vw;width:14vw;border-radius:50%;border:.5vw solid var(--rubber-dark);font-size:6vw}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 hsla(0,0%,100%,.2)}50%{transform:scale(1.05);box-shadow:0 0 0 1vw hsla(0,0%,100%,.05)}to{transform:scale(1);box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}.hitster_kaartje_revealed_text{width:100%;height:20vw;font-weight:600;padding:.2vw 3vw}.truncate_text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.2;text-align:center;max-width:100%}.hitster_kaartje_revealed_text.artist{font-size:5vw}.hitster_kaartje_revealed_text.year{font-size:14vw}.hitster_kaartje_revealed_text.title{font-size:5vw}.hitster_kaartje_outer.in_timeline{width:42vw!important;height:42vw!important}.hitster_kaartje_revealed_text.in_timeline{transform:scale(.6);height:12vw;width:70vw}.hitster_kaartje_locked_in_content{grid-gap:6vw;gap:6vw;font-size:4.5vw;font-weight:400;text-align:center}.hitster_kaartje_button{height:17vw;width:17vw;font-size:6.5vw;outline:1vw solid var(--speaker-main-darker);border:1vw solid var(--speaker-main-lighter)}.hitster_kaartje_hitster_content{grid-gap:4vw;gap:4vw;font-size:4.5vw;font-weight:400;text-align:center;line-height:4.5vw}.hitster_kaartje_remove_hitster_content{display:flex;flex-direction:column;grid-gap:4vw;gap:4vw;color:var(--hitster-neon);font-size:4.5vw;text-align:center}.hitster_kaartje_button.small{transform:scale(.9)}.hitster_kaartje_player_list_outer{font-size:4.5vw;padding-top:3vw;text-align:center}.hitster_kaartje_player_list{margin-top:2vw;color:#fff;font-size:5vw}.hitster_kaartje_player_list::-webkit-scrollbar{width:1vw}.hitster_kaartje_player_list::-webkit-scrollbar-track{background:red}.hitster_kaartje_player_list::-webkit-scrollbar-thumb{background-color:#fff;border-radius:10px}.hitster_kaartje_player{padding:1vw 2vw;grid-gap:1vw;gap:1vw;font-weight:600;margin-right:1vw}.hitster_kaartje_player:hover{background-color:#583668;border-radius:2vw;cursor:pointer}.hitster_kaartje_buy_card_content{display:flex;flex-direction:column;justify-content:center;grid-gap:5vw;gap:5vw;color:var(--hitster-neon);font-size:4.3vw;font-weight:500;text-align:center}}.timeline_outer{width:100vw;height:25vw;padding-bottom:1.5vw;display:flex;flex-direction:column;justify-content:flex-start;background-color:rgba(61,27,51,.619)}.timeline_outer,.timeline_row{box-sizing:border-box;position:relative}.timeline_row{overflow-x:auto;overflow-y:hidden;height:20.3vw;display:block;min-width:100vw}.timeline_row::-webkit-scrollbar{width:100%;height:.7vw}.timeline_row::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:1vw;height:.5vw!important;margin:0 1vw}.timeline_row::-webkit-scrollbar-thumb{background:var(--hitster-neon);border-radius:1vw;box-shadow:0 0 .3vw rgba(0,0,0,.3)}.timeline_row::-webkit-scrollbar-thumb:hover{background:rgba(255,109,214,.8)}.timeline_scrollable_content{margin:0 auto;height:100%;width:-webkit-max-content;width:max-content}.timeline_header{height:3vw;width:100vw;border-top:.3vw solid #000;border-bottom:.3vw solid #000;color:#fff;background-color:var(--hitster-neon);justify-content:space-between;padding:0 4vw;font-size:1.6vw;font-weight:700;text-align:center;text-shadow:0 2px .15vw #000;box-shadow:0 1px .3vw .3vw rgba(0,0,0,.3)}.timeline_header,.timeline_header_side{display:flex;flex-direction:row;align-items:center}.timeline_header_side{width:30vw;grid-gap:.7vw;gap:.7vw}.timeline_header_icon{filter:drop-shadow(0 2px .15vw black)}.timeline_header_side.left{justify-content:flex-start}.timeline_header_side.right{justify-content:flex-end}.card_row{align-items:center;grid-gap:3vw;gap:3vw;padding:0 4vw;min-width:-webkit-max-content;min-width:max-content;margin-top:-1vw}.card_row,.indicator_row{display:flex;flex-direction:row}.indicator_row{justify-content:space-between;padding:0 .5vw;align-self:stretch;margin-top:.5vw}.indicator,.indicator_row.center{justify-content:center}.indicator{width:4vw;height:4vw;display:flex;align-items:center;color:#fff;cursor:pointer}.indicator_icon{font-size:8vw;color:#fff}.indicator_icon.active{filter:drop-shadow(0 0 .5vw rgba(255,109,214,.8))}.timeline_reveal_message_bar{position:absolute;top:-2.5vw;width:100%;height:2.5vw;overflow:hidden;white-space:nowrap;background-color:initial;font-size:1.4vw;font-weight:600;color:#adff2f}.marquee{display:flex;white-space:nowrap;animation:scroll-once 120s linear forwards}@keyframes scroll-once{0%{transform:translateX(100%)}to{transform:translateX(-1000%)}}.marquee span{padding:0 .5vw}@media only screen and (max-width:600px){.timeline_outer{height:66vw;padding-bottom:1vw}.timeline_row{height:55vw;display:block;min-width:100vw;position:relative}.timeline_row::-webkit-scrollbar{width:100%;height:1.2vw}.timeline_row::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:1.5vw;height:1.5vw!important;margin:0 1vw}.timeline_row::-webkit-scrollbar-thumb{background:var(--hitster-neon);border-radius:1vw;box-shadow:0 0 .3vw rgba(0,0,0,.3)}.timeline_row::-webkit-scrollbar-thumb:hover{background:rgba(255,109,214,.8)}.timeline_scrollable_content{margin:0 auto;height:100%;width:-webkit-max-content;width:max-content}.timeline_header{height:7vw;width:100vw;border-top:.7vw solid #000;border-bottom:.7vw solid #000;padding:0 4vw;align-items:center;font-size:4vw}.timeline_header_side{width:40vw;grid-gap:1.2vw;gap:1.2vw}.card_row,.timeline_header_side{display:flex;flex-direction:row;align-items:center}.card_row{grid-gap:8vw;gap:8vw;padding:0 10vw 5vw;min-width:-webkit-max-content;min-width:max-content;margin-top:-2vw}.indicator_row{display:flex;flex-direction:row;justify-content:space-between;padding:0 .5vw;align-self:stretch;margin-top:2vw}.indicator,.indicator_row.center{justify-content:center}.indicator{width:10vw;height:10vw;display:flex;align-items:center;color:#fff;cursor:pointer}.indicator_icon{font-size:10vw;color:#fff}.indicator_icon.active{filter:drop-shadow(0 0 1vw rgba(255,109,214,.8))}.timeline_reveal_message_bar{position:absolute;top:-8vw;width:100%;height:8vw;overflow:hidden;white-space:nowrap;background-color:initial;font-size:5vw;font-weight:600;color:#adff2f}.marquee{display:flex;white-space:nowrap;animation:scroll-once 120s linear forwards}@keyframes scroll-once{0%{transform:translateX(100%)}to{transform:translateX(-2500%)}}.marquee span{padding:0 2vw}}.hitster_play_screen_outer{width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.hitster_play_screen_new_card{position:relative;min-height:calc(100vh - 26vw);width:100%;display:flex;justify-content:center;align-items:center}.hitster_play_screen_buy_card_button{position:absolute;left:5vw;top:5vw;background-color:var(--hitster-neon);border:.2vw solid #90146d;color:#fff;font-size:2.8vw;height:5vw;width:5vw;border-radius:50%;display:flex;align-items:center;justify-content:center}.hitster_play_screen_button,.lock_in_choice_button{position:absolute;right:5vw;background-color:var(--hitster-kaartje-background);border-radius:2vw;color:#fff;font-size:2vw;font-weight:400;padding:1vw 2.5vw;display:flex;justify-content:center;align-items:center;border:.2vw solid var(--hitster-neon);grid-gap:.7vw;gap:.7vw;cursor:pointer;box-shadow:0 0 .5vw .1vw var(--hitster-neon);text-shadow:0 0 .2vw var(--hitster-neon)}@media only screen and (max-width:600px){.hitster_play_screen_new_card{position:relative;min-height:calc(100vh - 70vw);width:100%;display:flex;justify-content:center;align-items:center}.hitster_play_screen_button,.lock_in_choice_button{position:absolute;right:5vw;background-color:var(--hitster-kaartje-background);border-radius:2vw;color:#fff;font-size:2vw;font-weight:400;padding:1vw 2.5vw;display:flex;justify-content:center;align-items:center;border:.2vw solid var(--hitster-neon);grid-gap:.7vw;gap:.7vw;cursor:pointer;box-shadow:0 0 .5vw .1vw var(--hitster-neon);text-shadow:0 0 .2vw var(--hitster-neon)}.hitster_play_screen_buy_card_button{position:absolute;left:5vw;top:5vw;background-color:var(--hitster-neon);border:.2vw solid #90146d;color:#fff;font-size:5vw;height:12vw;width:12vw;border-radius:50%;display:flex;align-items:center;justify-content:center}}.new_or_old_game_screen{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--hitster-neon);grid-gap:2vw;gap:2vw}.new_or_old_game_screen_title{font-size:5vw;font-family:"Londrina Outline";font-weight:800}.new_or_old_game_screen_subtitle{font-size:2vw}.new_or_old_game_buttons{display:flex;flex-direction:row;grid-gap:3vw;gap:3vw;margin-top:2vw}.new_or_old_game_button{display:flex;justify-content:center;align-items:center;background-color:#191919;font-size:3.5vw;width:25vw;height:6vw;border:.1vw solid var(--hitster-neon);font-family:"Londrina Outline";font-weight:800;color:var(--hitster-neon);border-radius:.5vw;cursor:pointer}@media only screen and (max-width:600px){.new_or_old_game_screen{grid-gap:5vw;gap:5vw}.new_or_old_game_screen_title{font-size:11vw}.new_or_old_game_screen_subtitle{font-size:6vw;text-align:center}.new_or_old_game_buttons{display:flex;flex-direction:row;grid-gap:8vw;gap:8vw;margin-top:5vw}.new_or_old_game_button{background-color:#191919;font-size:5.5vw;width:40vw;height:15vw;border:.3vw solid var(--hitster-neon);border-radius:1vw}}
/*# sourceMappingURL=main.130454ec.chunk.css.map */