@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{-webkit-user-select:none;user-select:none}#mycounter{margin-right:-20px}.container{background-color:#000;position:relative;display:flex;justify-content:center;flex-direction:column;align-items:center;height:100vh;overflow:hidden}.alert{position:absolute;bottom:75px;font-family:Space Grotesk,sans-serif;background-color:#fff;padding:10px 20px;border-radius:90px;right:30px}.updates{z-index:9999;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-family:Space Grotesk,sans-serif;background-color:#fff;padding:190px 190px 130px;border-radius:20px}.updatescontent{padding:30px 0;line-height:1.8em;font-weight:600;color:#3d3c3c}#updatesh1{position:absolute;font-family:Space Grotesk,sans-serif;top:50px;font-size:2rem;font-weight:700;color:#000}.updateshelp{font-size:.5rems;font-style:italic}.updatesbutton{padding:25px;display:flex;align-items:center;justify-content:center}.timeupalert{text-align:center;position:absolute;top:200px;left:50%;transform:translate(-50%,-50%);width:200px;font-family:Space Grotesk,sans-serif;background-color:#fff;padding:20px;border-radius:20px;right:30px;color:red}#alertcanclebtn{height:50px;padding:0 10px;font-size:.8rem;margin:0}.container h1{font-size:18rem;font-family:Lato,sans-serif;font-weight:700;color:#fffae7}.container button{cursor:pointer;margin:10px;background-color:#ffd21f;color:#000;padding:15px 30px;border-radius:90px;font-family:Lato,sans-serif;font-size:1.2rem;font-weight:bolder;border:none}#fullscreenbtn{position:absolute;top:0;right:0;font-size:.9rem;z-index:9;left:10;border:2px solid #ffd21f;font-family:Space Grotesk,sans-serif;background-color:transparent;color:#ffd21f}#feedbackbtn{position:absolute;bottom:0;font-size:.9rem;z-index:9;right:10px;border:2px solid #ffd21f;font-family:Space Grotesk,sans-serif;background-color:transparent;color:#ffd21f}#mode{position:absolute;top:0;left:0;font-size:.9rem;z-index:9;font-family:Space Grotesk,sans-serif;background-color:transparent}#feedbackbtn a{text-decoration:none}.optionbtn{position:absolute;top:95%;left:50%;transform:translate(-50%,-50%)}.optionbtn button{border-radius:0;z-index:9;border-bottom:2px solid #ffd21f;padding:10px;background-color:transparent;color:#ffd21f}.themebutton{cursor:pointer;position:absolute;display:flex;align-items:center;justify-content:center;top:10px;left:10px;border-radius:90px;font-family:Space Grotesk,sans-serif;border:2px solid #ffd21f;background-color:transparent;color:#ffd21f;padding:15px 30px;font-weight:700;font-size:14.4px}#createthemebutton{cursor:pointer;position:absolute;display:flex;align-items:center;justify-content:center;bottom:10px;left:10px;border-radius:90px;font-family:Space Grotesk,sans-serif;border:2px solid #ffd21f;background-color:transparent;color:#ffd21f;padding:15px 30px;font-weight:700;font-size:14.4px}.createthemecontainer{height:100%;width:25%;position:absolute;bottom:0;left:0;background-color:#fff;z-index:99;border-right:1px solid darkgrey;font-family:Space Grotesk,sans-serif;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;max-height:100vh;-webkit-overflow-scrolling:touch}.customthemeoption{display:flex;align-items:center;flex-direction:column;justify-content:space-between;margin:20px 0}.custombackgroundcolor{margin-bottom:200px}.savethemecontainer{border:1px solid black;border-radius:10px;overflow:hidden;padding:20px;position:fixed;width:25%;bottom:0;background-color:#fff;z-index:999}.savethemeinputs{display:flex;gap:10px;margin:20px 0}.savethemeinputs div{height:50px}.savethemeinputs input{outline:none;font-family:Space Grotesk,sans-serif;padding:5px;margin:0;border:none;border-bottom:1px solid darkgrey;font-size:1.2rem}.savetheme{border-radius:90px;background-color:#000;padding:10px 20px;text-align:center;cursor:pointer;font-size:1.2rem;color:#fff}#emojiinput{width:60px}.themecontainerwithlike{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid darkgrey;width:90%}.createrandomthemebutton{background-color:#000;color:#fff;border-radius:90px;padding:10px;font-size:.8rem;cursor:pointer}.saverandomthemheadings{display:flex;justify-content:space-between;align-items:center}.themesection{position:absolute;left:0;top:0;height:100%;width:400px;z-index:99;background-color:#fff;font-family:Space Grotesk,sans-serif;font-weight:light;overflow:scroll;overflow-x:hidden}.localandonlinethemecontainer{display:flex;flex-direction:row;justify-content:space-between;background-color:#fff;border-top:1px solid darkgrey;border-bottom:1px solid darkgrey}.local{border-right:1px solid darkgrey}.local,.online{padding:20px;width:50%;text-align:center}.online{display:flex;align-items:center;justify-content:center;width:90%}.closesidebarbtncontainer{text-align:center;position:fixed;z-index:999;top:0;left:0;width:400px;background-color:#fff;height:100px;padding:20px}.closesidebarbtn{border-radius:90px;background-color:#000;padding:10px 20px;cursor:pointer;font-size:1.2rem;color:#fff;z-index:999}.back span{height:40px;padding-bottom:100px}.themesection{border-bottom:1px solid darkgrey;font-size:1.2rem;padding-bottom:5px;cursor:pointer}.theme{margin:30px;border-bottom:1px solid darkgrey;font-size:1.2rem;padding-bottom:5px;cursor:pointer}.custominputs{display:flex;align-items:center;justify-content:space-between}.custominputs button{font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:light;font-style:italic}#custominput{outline:none;font-family:Space Grotesk,sans-serif;font-size:1.2rem;padding:5px;margin-top:7px;border:none;max-width:170px}#reactcolopad{width:300px}#customrandombutton{display:flex;align-items:center;justify-content:center;height:30px;background-color:#000;color:#fff;padding:10px 20px}#randomthemebutton{background-color:#000;padding:20px;border-radius:90px;margin:10px 30px;color:#fff}#deleteuserdefinedthemebtn{cursor:pointer;background-color:#fff;color:#fff;padding:5px 10px;border-radius:90px;font-family:Space Grotesk,sans-serif;font-weight:700;margin:0 5px}#likebutton{cursor:pointer;background-color:#fff;padding:5px 10px;border-radius:90px;font-family:Space Grotesk,sans-serif;font-weight:700;margin:0 5px}.tasktitle{position:absolute;top:90px;left:50%;transform:translate(-50%,-50%);font-family:Space Grotesk,sans-serif;font-size:1.2rem;outline:none;border:none;padding:12px;font-weight:lighter;color:#000;text-align:center;background-color:transparent}.profile{position:fixed;bottom:0;display:flex;align-items:center;justify-content:center;margin-top:0;height:100px;width:400px;border:1px solid darkgrey;border-radius:10px 10px 0 0;background-color:#fff;left:0}.profilelogin{text-align:center}.closeprofile{position:fixed;left:350px;font-size:.6rem;cursor:pointer;padding:10px;background-color:#000;color:#fff;border-radius:90px;z-index:1000}.fetchedprofile{padding:10px;width:100%;display:flex;align-items:center;justify-content:space-between}.profilepic{background-color:#ffd21f;height:80px;width:80px;margin:20px;border-radius:50%}.profilepic img{height:80px;width:80px;border-radius:50%}.profileinfo{width:70%;text-align:center}.profileinfo i{text-decoration:underline;font-size:.7rem}@media screen and (max-width: 800px){.themebutton{height:40px;padding:10px;font-size:.7rem}#tasktitle{height:40px;font-size:.7rem;padding:8px}#feedbackbtn{height:40px;margin-bottom:20px;font-size:.7rem;padding:8px}#createthemebutton{height:40px;padding:10px;font-size:.7rem}.switch-container{height:50px;margin-top:50px}body{background-color:#00f}.container h1{font-size:6rem;text-align:center;background-color:;margin-bottom:10px}button{font-size:.9rem;padding:15px 30px}.optionbtn{top:75%;display:flex}.themebutton,#fullscreenbtn{padding:10px;font-size:.8rem}.optionbtn button{padding:5px;width:70px;font-size:.8rem}.themesection{width:300px}}.switch-container{width:260px;height:70px;border:2px solid black;border-radius:50px;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:700}.switch-toggle{position:absolute;top:0;width:50%;height:100%;background-color:#000;color:#fff;border-radius:50px;display:flex;align-items:center;justify-content:center;transition:all .4s ease;z-index:1}.switch-toggle.right{left:50%;width:50%}.switch-toggle.left{left:0;width:50%}.switch-labels{position:relative;z-index:2;width:100%;display:flex;justify-content:space-around;font-size:20px;transition:none}.label{color:#000;transition:color .3s}.label.active{color:#fff}