@import"https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap";@import"https://fonts.googleapis.com/css2?family=Special+Gothic+Expanded+One&display=swap";h1,h2,p{color:#fff0df}body{margin:0;background:#181818;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;overflow:hidden}h1,h2{margin:12px 0}.player-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin:25px 0}.control-btn{width:60px;height:60px;border:none;border-radius:50%;background:#2c2c2c;color:#fff0df;font-size:24px;cursor:pointer;transition:.25s ease;display:flex;align-items:center;justify-content:center}.control-btn:hover{background:#3a3a3a;transform:scale(1.08)}.play-btn{width:90px;height:90px;border:none;border-radius:50%;background:#fff0df;color:#181818;font-size:36px;cursor:pointer;transition:.25s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #fff0df59}.play-btn:hover{transform:scale(1.08)}#quote{font-size:clamp(2rem,5vw,4rem);color:#dfdcff;text-align:center;line-height:1.2}#playlist{display:none}img{border-radius:7px}h1,h2{font-family:Special Gothic Expanded One,sans-serif;font-style:normal}.icon-cards{position:relative;width:60vw;height:40vw;max-width:380px;max-height:250px;margin:0;color:#fff;perspective:1000px;transform-origin:center}.icon-cards__content{position:absolute;width:100%;height:100%;transform-style:preserve-3d;perspective-origin:center;transform:translateZ(-30vw) rotateY(0)}.icon-cards__item{position:absolute;top:0;left:0;right:0;bottom:0;width:16vw;height:20vw;max-width:380px;max-height:250px;box-shadow:0 5px 20px #0000001a;border-radius:6px;perspective-origin:center}.icon-cards__item:nth-child(1){transform:rotateY(0) translateZ(35vw)}.icon-cards__item:nth-child(2){transform:rotateY(60deg) translateZ(35vw)}.icon-cards__item:nth-child(3){transform:rotateY(120deg) translateZ(35vw)}.icon-cards__item:nth-child(4){transform:rotateY(180deg) translateZ(35vw)}.icon-cards__item:nth-child(5){transform:rotateY(240deg) translateZ(35vw)}.icon-cards__item:nth-child(6){transform:rotateY(300deg) translateZ(35vw)}html,body{height:100%;background-color:#181818}.checkbox{position:relative;margin-top:2rem;font-size:.9rem;font-weight:700;text-transform:uppercase;color:#f47956;transition:color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox:hover{color:#f7a95a}.checkbox__checkbox{position:relative;top:0;width:1.0625rem;height:1.0625rem;background:#fff;border:1px solid currentColor;border-radius:4px;vertical-align:middle;transition:background .1s ease;cursor:pointer}.checkbox__checkbox:after{content:"";position:absolute;top:1px;left:5px;width:5px;height:11px;opacity:0;transform:rotate(45deg) scale(0);border-right:2px solid #fff;border-bottom:2px solid #fff;transition:all .3s ease;transition-delay:.15s}.checkbox__label{margin-left:5px;vertical-align:middle;cursor:pointer}.checkbox>input:checked~.checkbox__checkbox{border-color:transparent;background:#f47956;animation:jelly .6s ease}.checkbox>input:checked~.checkbox__checkbox:after{opacity:1;transform:rotate(45deg) scale(1)}.split-parent{overflow:hidden}@keyframes jelly{0%{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}to{transform:scale(1)}}