@import"https://fonts.googleapis.com/css2?family=Open+Sans&display=swap";*{margin:0;padding:0;box-sizing:border-box;user-select:none}html,body{overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:Open Sans,sans-serif}body{width:100vw;height:100vh;background-color:#000}.webgl{width:100vw;height:100vh;position:fixed;top:0;left:0;outline:none;z-index:0}.curr-model{position:absolute;top:0;left:0;z-index:1;display:flex;gap:5px;flex-direction:column;padding:30px;color:#c5c5c5;#curr-model-name{font-weight:600;padding-left:4px;padding-right:4px;border-radius:4px;margin:0 2px;color:#2ccaff;underline-offset:8px;font-size:1.2rem}.music-icon{position:relative;display:flex;justify-content:space-between;width:15px;height:15px;cursor:pointer;span{width:3px;height:100%;background-color:#2ccaff;border-radius:3px;animation:bounce 2.2s ease infinite alternate;content:""}span{&:nth-of-type(2){animation-delay:-2.2s}&:nth-of-type(3){animation-delay:-3.7s}}span.paused{animation-play-state:paused}}}@keyframes bounce{10%{transform:scaleY(.3)}30%{transform:scaleY(1)}60%{transform:scaleY(.5)}80%{transform:scaleY(.75)}to{transform:scaleY(.6)}}@media (max-width: 768px){.curr-model{position:absolute;top:0;left:0;z-index:1;display:flex;gap:5px;flex-direction:column;padding:45px 20px;color:#c5c5c5;font-size:.8rem;#curr-model-name{font-weight:600;padding-left:4px;padding-right:4px;border-radius:4px;margin:0 2px;color:#2ccaff;underline-offset:8px;font-size:.9rem}}}.underlay{color:#fff;position:absolute;width:100vw;bottom:0;left:0;padding:30px;z-index:1}h1{font-size:35px;margin-bottom:0;padding:8px 0}p{margin-bottom:2px;font-weight:300;font-size:14px}a{color:#fff;text-decoration:underline;text-underline-position:below;text-underline-offset:3px;transition:all .3s ease}a:hover{color:#2ccaffc1}#next-model-button{padding:10px 20px;background:#2ccaffc1;border:none;border-radius:4px;color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;position:absolute;bottom:0;right:0;z-index:2;margin:30px}#next-model-button:hover{background:#2ccaff}@media (max-width: 768px){.underlay{padding:20px}h1{font-size:30px}#next-model-button{padding:10px 20px;margin:20px}}
