@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600&display=swap");:root{--main-font:"Rajdhani",sans-serif}body{font-family:var(--main-font);background:linear-gradient(135deg,#a8c0d1,#d4b5c8);background-attachment:fixed}.main-wrapper{overflow:hidden;height:100%;display:flex;align-items:center;padding-top:50px;padding-left:50px;padding-right:50px;flex-direction:column}.solo-canvas{height:70%;width:100%}.solo-menu{height:100vh}.solo-below,.solo-menu{display:flex;align-items:center;flex-direction:column}.solo-below{height:30%;width:100%}.color-picker{width:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;gap:10px;flex-wrap:wrap}.color{cursor:pointer;height:40px;width:40px;border:1px solid #000}.title{font-size:150px;font-weight:500;color:#fff}.main-menu{gap:20px}.main-menu,.multi-top{display:flex;flex-direction:column;width:100%;align-items:center}.multi-top{margin-top:50px;justify-content:center;gap:50px;padding-left:20px;padding-right:20px}.logo{margin-top:40px;height:200px;width:auto}form button{background-color:#fff;width:20%!important;min-width:150px!important;font-size:26px!important;border-radius:50px!important}.main-canvas{position:absolute;height:100vh;z-index:-1;width:100%}.main-menu-options{flex-direction:column;gap:20px;margin-top:200px;width:100%;display:flex;align-items:center}.blurbtn{color:#000;font-family:var(--main-font);border:1px solid hsla(0,0%,100%,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);height:100px;width:100%;font-size:34px;border-radius:15px}.menu-left{width:40%}.menu-right{width:60%}.option-wrapper{color:#000;background-color:#fff;padding:20px;border-radius:25px;transition:.5s;cursor:pointer}form{display:flex;align-items:center;margin-top:30px;width:100%;flex-direction:column;gap:20px;height:100%}.form-option label{color:#fff;display:block;font-size:24px}.form-option input{height:30px;width:200px;padding:5px}.form-option{display:flex;flex-direction:column;gap:10px}.input{line-height:28px;border:2px solid transparent;border-bottom-color:#fff;padding:.2rem 0;outline:none;background-color:transparent;color:#fff;transition:.3s cubic-bezier(.645,.045,.355,1);height:50px;width:40%;font-size:24px}.input:focus,.input:hover{outline:none;padding:.2rem 1rem}.input::placeholder{color:#fff;font-size:24px}.input:focus::placeholder{opacity:0;transition:opacity .3s}.subbtn{padding:20px;border-radius:50px;font-size:24px;border:0}.subbtn,.subbtn:hover{transition:all .5s ease}.subbtn:hover{cursor:pointer;transform:scale(105%);background-color:#5d18dc;color:#fff}.multi-canvas{height:300px;width:500px;display:flex;align-items:center;justify-content:center}.multi-btns{display:flex;gap:20px}.stars{top:0;left:0;width:100%;height:100%;pointer-events:none}.star,.stars{position:absolute;overflow:hidden}.star{background:rgba(147,20,20,.4);border-radius:50%;animation:twinkle 3s ease-in-out infinite;position:fixed}.button{height:50px;font-size:36px;font-family:var(--main-font);background-color:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.2);cursor:pointer;border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);color:#1f2937;font-weight:500;padding:35px 20px;display:flex;align-items:center;justify-content:center;transition:.2s;min-width:-moz-fit-content;min-width:fit-content;width:50%}.button:hover{transform:scale(105%);transition:.2s}.char-outer{height:250px}@media (max-width:800px){.logo{height:100px}.button{padding:30px}.input{width:60%}}@media (max-width:900px) and (orientation:landscape){.top p{font-size:18px!important}.logo{height:100px!important}.countdown-wrapper{font-size:28px}.bottom{padding:10px!important}.bottom ul li{font-size:14px!important}.bottom,.ui-inner{margin-top:20px!important}.bottom p{font-size:18px}.waiting-line{margin-top:10px!important}.main-menu-options{margin-top:50px}.top{height:70px!important}.top img{height:30px!important;width:30px!important}.ui-wrapper button{margin-top:20px!important}.id{font-size:20px!important}.logo{height:100%}.paused-text{font-size:22px!important}.menu-button{font-size:16px!important;padding-top:15px!important;padding-bottom:15px!important}}@media (max-width:480px){.menu-button{width:80%!important;min-width:-moz-fit-content;min-width:fit-content;padding:20px!important;font-size:18px}form button{height:60px!important;width:60%!important;padding-left:10px!important}.button{font-size:28px;padding:10px 20px;height:60px}.main-menu-options{margin-top:250px}.multi-top{margin-top:20px}.char-outer{height:300px}.bottom,.top{width:85%!important}.id{font-size:22px}}.spinner{width:30px;height:30px;border:3px solid #000;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.button:disabled{pointer-events:none}.char-outer{position:relative}.color-picker-container{position:absolute;top:20px;left:20px;z-index:10}.color-preview{width:50px;height:50px;border-radius:50%;border:3px solid #fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:transform .2s}.color-preview:hover{transform:scale(1.1)}.color-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.color-dropdown{position:absolute;top:60px;left:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px;border-radius:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 24px rgba(0,0,0,.4)}.color-option{width:40px;height:40px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .2s}.color-option:hover{border-color:#fff;transform:scale(1.1)}.particle{position:absolute;background:hsla(0,0%,100%,.4);border-radius:1%;pointer-events:none;animation:float 15s ease-in-out infinite}.particle:first-child{width:60px;height:60px;top:10%;left:15%;animation-delay:0s}.particle:nth-child(2){width:40px;height:40px;top:70%;left:80%;animation-delay:2s}.particle:nth-child(3){width:80px;height:80px;top:40%;left:5%;animation-delay:4s}.particle:nth-child(4){width:50px;height:50px;top:20%;left:85%;animation-delay:1s}.particle:nth-child(5){width:70px;height:70px;top:80%;left:10%;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0) translateX(0) scale(1);opacity:.3}33%{transform:translateY(-30px) translateX(20px) scale(1.1);opacity:.6}66%{transform:translateY(-15px) translateX(-20px) scale(.9);opacity:.4}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.menu-button{min-width:-moz-fit-content;min-width:fit-content;width:30%;background:hsla(0,0%,100%,.95);border:none;padding:22px 50px;font-size:1.4rem;color:#4a5568;border-radius:50px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;letter-spacing:.02em;box-shadow:0 4px 15px rgba(0,0,0,.1);position:relative;overflow:hidden}.menu-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(168,192,209,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.menu-button:hover:before{width:400px;height:400px}.menu-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.15);background:#fff}.menu-button:active{transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,0,0,.1)}