@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);*{box-sizing:border-box;margin:0;padding:0}.header{align-items:center;display:flex;justify-content:space-between;padding:0 30px;width:100%}.header .logo{width:200px}.header .icon{background-color:#000c;border:none;border-radius:100%;border-radius:10px!important;box-shadow:0 5px 5px #0003;color:#91ccc2;cursor:pointer;font-size:36px;padding:10px 0;transition:.3s}.header .header_btns,.header .icon{align-items:center;display:flex;justify-content:center}.header .header_btns{gap:20px}.toggle-container{align-items:center;display:flex}.switch{display:inline-block;height:23px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#e2c976;border-radius:40px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:100%;bottom:-7px;content:"";height:37px;left:4px;width:32px}input:checked+.slider{background-color:#8796a5;border-radius:40px}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(26px)}.videoIn{opacity:1}.videoIn,.videoOut{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.videoOut{opacity:0}.rain_wrapper{color:#fff;margin-top:86px;position:absolute;right:41px}.rain_wrapper button{align-items:center;background:#0000;border:1px solid #fff;border-radius:100%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;outline:none;padding:10px 0;transition:.3s;width:125px;width:60px}.rain_wrapper button:active{border:1px solid #fff;border-radius:100%;box-shadow:0 2px 5px #0003!important}.rain_wrapper button:hover{background-color:#000c;border:none;border-radius:100px!important;box-shadow:0 5px 5px #0003;color:#91ccc2;padding:10px 0}.btns_board_wrapper{font-family:Poppins;position:absolute;right:41px;top:38%}.btns_board_wrapper .btns_board{align-items:center;background-color:#000c;border-radius:34px;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:20px 10px;transition:.3s;width:60px}.btns_board_wrapper .btn_todo{cursor:pointer}.btns_board_wrapper .btn_slider{border-bottom:1px solid #fffc;cursor:pointer;height:40px}.board{background-color:#000c;border-radius:30px;display:flex;flex-direction:column;height:450px;padding:15px 30px;position:absolute;right:100%;top:-40%;transform-origin:right top;width:370px}@media(max-width:500px){.board{right:48%;top:-77%;width:300px;z-index:111}}.board .board_title{color:#ffffff82}.board .moods_wrapper{align-items:center;color:#aa8989;display:flex;justify-content:space-between;padding:20px 0}.board .moods_wrapper .mood_type{align-items:center;background-color:#000;border-radius:12px;cursor:pointer;display:flex;justify-content:center;padding:30px}@media(max-width:500px){.board .moods_wrapper .mood_type{padding:16px}}.board .moods_wrapper .mood_type.active{background-color:#edcb55}.board .volume_slider{align-items:center;display:flex;gap:20px;justify-content:space-between;width:100%}.board .volume_slider .icon{cursor:pointer}.board .volume_slider input{cursor:pointer;width:80%}.board .noise_wrapper{border-top:1px solid #fff6;margin:32px 0 0;padding-top:20px}.board .noise_wrapper .noise_type{display:grid;grid-template-columns:32% 68%;padding:10px 0}.board .noise_wrapper .noise_type p{text-wrap:nowrap;color:#fff}@media(max-width:500px){.board .noise_wrapper .noise_type p{font-size:12px}}.board input{accent-color:#edcb55}.footer{align-items:center;bottom:20px;display:flex;justify-content:space-between;padding:0 40px;position:absolute;width:100%}@media(max-width:800px){.footer{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:0 40px;width:100%}}@media(max-width:500px){.footer{flex-direction:column}}.footer h2{color:#fff;font-family:Poppins,sans-serif;font-size:14px}.footer a{color:#fff!important;text-decoration:underline}.music-player-controls{align-items:center;display:flex;gap:20px;justify-content:center}.music-player-controls button{background:#0000;border:none;cursor:pointer;outline:none}
/*# sourceMappingURL=main.8cc0c1da.css.map*/