:root{--size-text:2.5rem;--background-color:#f5f5f5}*{margin:0;padding:0}body{background-color:var(--backgrount-color);font-size:1.4rem}a{color:#000}.header__title,.header__title a{color:#fff;font-size:2.4rem}h1{font-size:3.1rem;font-weight:300}h1,h2,p{margin-bottom:1.4rem}.w3-animate-opacity{animation:opac 1s}@keyframes opac{0%{opacity:0}to{opacity:1}}@keyframes floatUp{0%{bottom:10vh;opacity:0;transform:scale(.7) translateX(-50%)}10%{opacity:1;transform:scale(1.5) translateX(-30%)}30%{transform:scale(1.2) translateX(-40%)}80%{opacity:.9}to{bottom:80vh;opacity:0;transform:scale(.7) translateX(-50%)}}#emoji-floating-portal{display:block;top:0;z-index:999999!important}#emoji-floating-portal,.floating-emoji-container{height:100%;left:0;overflow:visible;pointer-events:none;position:fixed;width:100%}.floating-emoji-container{bottom:0;display:flex;justify-content:center;z-index:99999}.floating-emoji{animation:floatUp 2s ease-in forwards!important;bottom:10vh;font-size:8rem;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 20px #ffdc00,0 0 30px hsla(0,0%,100%,.9)!important;will-change:transform,opacity,bottom;z-index:999999!important}.magic-text{font-family:Inter,Georgia,Merriweather,Lora,"Source Serif Pro",serif,sans-serif;font-size:var(--size-text);font-weight:500;letter-spacing:.03em;line-height:1.6}.boxed-view{align-items:center;background:#ddd;display:flex;height:100vh;justify-content:center;width:100vw}.boxed-view--modal{background:hsla(0,0%,87%,.7);bottom:0;left:0;position:fixed;right:0;top:0}.boxed-view__box{background-color:#fff;padding:2.4rem;text-align:center;width:24rem}.boxed-view__form{display:flex;flex-direction:column}#end-block{height:60vh}#hide-text{background-image:linear-gradient(0deg,transparent,#000);height:35vh;position:fixed;top:-20px;width:100vw}#hide-end-block{background-image:linear-gradient(180deg,transparent,#000);bottom:0;height:40vh;position:fixed;width:100vw}#visualizer__content{background-color:#fff;margin-top:35vh}.controls-bottom{background-color:transparent;bottom:0;color:#fff;height:90px;position:fixed;text-align:center;width:100vw}.animated-color-arcoiris{-webkit-animation:color_arcoiris_change 480s infinite alternate;-moz-animation:color_arcoiris_change 480s infinite alternate;-ms-animation:color_arcoiris_change 480s infinite alternate;-o-animation:color_arcoiris_change 480s infinite alternate;animation:color_arcoiris_change 480s infinite alternate}@-webkit-keyframes color_arcoiris_change{0%{background-color:#fe5d5d}16%{background-color:#ffcb6a}33%{background-color:#ffff90}50%{background-color:#8fee9a}66%{background-color:#7888fc}83%{background-color:#a269cb}to{background-color:#fff}}@-moz-keyframes color_arcoiris_change{0%{background-color:#fc7d96}16%{background-color:#ffcb6a}33%{background-color:#ffff90}50%{background-color:#8fee9a}66%{background-color:#7888fc}83%{background-color:#a269cb}to{background-color:#fff}}@-ms-keyframes color_arcoiris_change{0%{background-color:#fc7d96}16%{background-color:#ffcb6a}33%{background-color:#ffff90}50%{background-color:#8fee9a}66%{background-color:#7888fc}83%{background-color:#a269cb}to{background-color:#fff}}@-o-keyframes color_arcoiris_change{0%{background-color:#fc7d96}16%{background-color:#ffcb6a}33%{background-color:#ffff90}50%{background-color:#8fee9a}66%{background-color:#7888fc}83%{background-color:#a269cb}to{background-color:#fff}}@keyframes color_arcoiris_change{0%{background-color:#fc7d96}16%{background-color:#ffcb6a}33%{background-color:#ffff90}50%{background-color:#8fee9a}66%{background-color:#7888fc}83%{background-color:#a269cb}to{background-color:#fff}}.animated-color-yellow{-webkit-animation:color_yellow_change 10s infinite alternate;-moz-animation:color_yellow_change 10s infinite alternate;-ms-animation:color_yellow_change 10s infinite alternate;-o-animation:color_yellow_change 10s infinite alternate;animation:color_yellow_change 10s infinite alternate}@-webkit-keyframes color_yellow_change{0%{background-color:#fffd89}to{background-color:#f8f663}}@-moz-keyframes color_yellow_change{0%{background-color:#fffd89}to{background-color:#f8f663}}@-ms-keyframes color_yellow_change{0%{background-color:#fffd89}to{background-color:#f8f663}}@-o-keyframes color_yellow_change{0%{background-color:#fffd89}to{background-color:#f8f663}}@keyframes color_yellow_change{0%{background-color:#fffd89}to{background-color:#f8f663}}.animated-color-violet{-webkit-animation:color_violet_change 10s infinite alternate;-moz-animation:color_violet_change 10s infinite alternate;-ms-animation:color_violet_change 10s infinite alternate;-o-animation:color_violet_change 10s infinite alternate;animation:color_violet_change 10s infinite alternate}@-webkit-keyframes color_violet_change{0%{background-color:#d289ff}to{background-color:#d1a8ff}}@-moz-keyframes color_violet_change{0%{background-color:#d289ff}to{background-color:#d1a8ff}}@-ms-keyframes color_violet_change{0%{background-color:#d289ff}to{background-color:#d1a8ff}}@-o-keyframes color_violet_change{0%{background-color:#d289ff}to{background-color:#d1a8ff}}@keyframes color_violet_change{0%{background-color:#d289ff}to{background-color:#d1a8ff}}.animated-color-purple{-webkit-animation:color_purple_change 10s infinite alternate;-moz-animation:color_purple_change 10s infinite alternate;-ms-animation:color_purple_change 10s infinite alternate;-o-animation:color_purple_change 10s infinite alternate;animation:color_purple_change 10s infinite alternate;color:#fff}@-webkit-keyframes color_purple_change{0%{background-color:#601291}to{background-color:#280352}}@-moz-keyframes color_purple_change{0%{background-color:#601291}to{background-color:#280352}}@-ms-keyframes color_purple_change{0%{background-color:#601291}to{background-color:#280352}}@-o-keyframes color_purple_change{0%{background-color:#601291}to{background-color:#280352}}@keyframes color_purple_change{0%{background-color:#601291}to{background-color:#280352}}.animated-color-darkblue{-webkit-animation:color_darkblue_change 10s infinite alternate;-moz-animation:color_darkblue_change 10s infinite alternate;-ms-animation:color_darkblue_change 10s infinite alternate;-o-animation:color_darkblue_change 10s infinite alternate;animation:color_darkblue_change 10s infinite alternate;color:#bdeaff}@-webkit-keyframes color_darkblue_change{0%{background-color:#210976}to{background-color:#040352}}@-moz-keyframes color_darkblue_change{0%{background-color:#210976}to{background-color:#040352}}@-ms-keyframes color_darkblue_change{0%{background-color:#210976}to{background-color:#040352}}@-o-keyframes color_darkblue_change{0%{background-color:#210976}to{background-color:#040352}}@keyframes color_darkblue_change{0%{background-color:#210976}to{background-color:#040352}}.animated-color-green{-webkit-animation:color_green_change 10s infinite alternate;-moz-animation:color_green_change 10s infinite alternate;-ms-animation:color_green_change 10s infinite alternate;-o-animation:color_green_change 10s infinite alternate;animation:color_green_change 10s infinite alternate;color:#bdffd8}@-webkit-keyframes color_green_change{0%{background-color:#05741d}to{background-color:#035221}}@-moz-keyframes color_green_change{0%{background-color:#05741d}to{background-color:#035221}}@-ms-keyframes color_green_change{0%{background-color:#05741d}to{background-color:#035221}}@-o-keyframes color_green_change{0%{background-color:#05741d}to{background-color:#035221}}@keyframes color_green_change{0%{background-color:#05741d}to{background-color:#035221}}.read-black-transparent{background-color:transparent!important;color:#000}.read-white-transparent{background-color:transparent!important;color:#fff}.read-color-black{background-color:#000!important;color:#fff}.read-color-pink{background-color:#f7b6f2!important;color:#7e1576}.read-color-dark-orange{background-color:#a24304!important;color:#f3f3f3}.read-color-orange{background-color:#fabc5a!important;color:#000}.animated-color-red{background-color:#b30b0b!important;color:#fff}.read-color-dark{background-color:#282c34!important;color:#abb2bf}.read-color-space{background-color:transparent!important;color:#f8f8f2}.read-color-space-terminal{background-color:transparent!important;color:#0f0}.animated-color-celeste-cielo{background-color:#2eccfa!important;color:#040352}.controls-buttons-container{display:flex;flex-direction:row;justify-content:center}.fast-slow-container{display:flex;flex-direction:column;justify-content:space-between;margin-left:.1rem;padding:0}