@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);#hour,#hour::after{background-color:var(--darkerColor-blue)}#hour::after,#minute::after{height:30px;bottom:-10px;border-radius:100px;content:""}#minute::after,#second::after,.clock .centerPoint .sui{position:absolute;width:20px;background-color:var(--darkColor-blue)}#date,#userText{font-size:1.4rem}#humidityLevel,.cconnt,.centerDiv{height:fit-content}#humidityLevel,#temp,.centerDiv{width:fit-content}#searchQ,#second{background-color:#00000000}@font-face{font-family:poppins;src:url('/fonts/Poppins-Regular.ttf') format('truetype')}*{margin:0;padding:0;box-sizing:border-box;font-family:poppins,Poppins,sans-serif}:root{--bg-color-blue:#BBD6FD;--accentLightTint-blue:#E2EEFF;--darkerColor-blue:#3569b2;--darkColor-blue:#4382EC;--textColorDark-blue:#1b3041;--bg-color-red:#FDBDBD;--accentLightTint-red:#ffe7e7;--darkerColor-red:#B23535;--darkColor-red:#EC4343;--textColorDark-red:#411B1B;--bg-color-yellow:#edea8c;--accentLightTint-yellow:#fff2c2;--darkerColor-yellow:#CCA243;--darkColor-yellow:#f4d837;--textColorDark-yellow:#5B5428;--bg-color-green:#C7E4C7;--accentLightTint-green:#E1F1E1;--darkerColor-green:#458245;--darkColor-green:#5CBA5C;--textColorDark-green:#1B411B;--bg-color-cyan:#9bffff;--accentLightTint-cyan:#d5ffff;--darkerColor-cyan:#5E9CA0;--darkColor-cyan:#00CED1;--textColorDark-cyan:#08354B;--bg-color-pink:#F9C8D6;--accentLightTint-pink:#FFEBF2;--darkerColor-pink:#B24B64;--darkColor-pink:#EC5E78;--textColorDark-pink:#411B28;--bg-color-orange:#FFD8B2;--accentLightTint-orange:#FFEDD5;--darkerColor-orange:#B26D3E;--darkColor-orange:#EC844D;--textColorDark-orange:#412B1E;--bg-color-purple:#DAC2E8;--accentLightTint-purple:#E9E2F3;--darkerColor-purple:#724B8F;--darkColor-purple:#9563B5;--textColorDark-purple:#2D1B3E;--bg-color-dark:#000000;--accentLightTint-dark:#323232;--darkerColor-dark:#ffffff;--darkColor-dark:#505050;--textColorDark-dark:#FFFFFF;--gap:30px;--round:30px}.accentColor{fill:var(--darkColor-blue)}.bgLightTint{fill:var(--accentLightTint-blue);background-color:var(--accentLightTint-blue)}.lessDark,body{background-color:var(--bg-color-blue)}.lessDark{fill:var(--bg-color-blue)}body{color:var(--textColorDark-blue);display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.centerDiv{display:grid;grid-template-columns:auto auto}#clock{width:300px;height:300px;border-radius:100%;position:relative}#clock svg{position:absolute;animation:1s clockAnm}@keyframes clockAnm{from{transform:rotate(40deg)}to{transform:rotate(0)}}.clock .centerPoint{width:20px;height:20px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.clock .centerPoint .sui{height:100px;top:-90px;transform-origin:bottom;border-radius:10px}#hour{height:80px;top:-70px;transform:rotate(90deg)}#hour::after{position:absolute;width:20px}#minute{z-index:9!important}#second::after{content:"";height:20px;top:-28px;border-radius:100%}.ttteexxtt{position:relative;top:20px;left:0;text-align:center}
#userText{font-family:poppins;margin-bottom:10px;position: relative;margin: var(--gap);bottom: 45%;}

.leftDiv{transform:translateX(-100px)}.rightDiv{position:relative;width:640px;transform:translateX(100px)}.rightDiv .topDiv{height:196px;display:flex;justify-content:flex-end}.rightDiv .topDiv .lrectangle{height:100%;width:100%;border-radius:var(--round);padding:20px;position:relative}#conditionText,.ttcont .texts .bigText{font-size:1.2rem;color:var(--textColorDark-blue)}.cconnt{width:calc(100% - 40px);bottom:20px;position:absolute;font-size:1rem}.tilesContainer{height:50px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px}.tilesContainer .tiles{background-color:#fff;border-radius:22px;position:relative;height:50px}.tilesContainer .location,input:checked+.toggle{background-color:var(--darkColor-blue)}.tilesContainer .location .location_spn{color:#fff}.tilesContainer .tiles .icon{height:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.tilesContainer .tiles span{position:absolute;top:0;left:46px;bottom:0;margin:auto;color:var(--textColorDark-blue);height:fit-content}.humidityBar{border-radius:20px;height:40px;width:100%;margin-bottom:20px;position:relative}.humidityBar::after{position:absolute;content:"";height:100%;width:40px;background:url("./svgs/humidity.svg") center center/66% no-repeat;background-color:var(--darkColor-blue);right:0;border-radius:100%}.humidityBar .thinLine{position:absolute;width:calc(100% - 60px);background-color:#fff;height:6px;border-radius:10px;top:0;bottom:0;margin:auto}#enterBtn,.humidityBar .slider{border-radius:100px;background-color:var(--darkColor-blue)}.humidityBar .slider{height:100%;width:calc(10% - 60px);min-width:42%;position:absolute;transition:width 1s}.aiToolsCont .hangno,.aiToolsCont .toolsCont a,.aiToolsCont .toolsCont::before,.menuBar .menuCont,.menuCont .topDiv::after,.shortcutsContainer .shortcuts a{background-color:var(--accentLightTint-blue)}#humidityLevel{color:#fff;position:absolute;bottom:0;top:0;margin:auto;left:20px}.rightDiv .topDiv .rAndakar{position:relative;height:100%;aspect-ratio:1/1;margin-left:var(--gap);animation:1s rAndAnm}@keyframes rAndAnm{from{transform:rotate(-45deg)}to{transform:rotate(0)}}.rightDiv .topDiv .rAndakar .wInfo{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;transform:translateX(14px);width:100px;height:80%}#temp{font-size:3.5rem;font-weight:700;color:var(--darkerColor-blue);margin:auto}#wIcon{width:80px;height:80px;margin-top:-20px;margin-left:-40px}.searchbar{margin-top:45px;width:100%;height:60px;border-radius:var(--round);position:relative;outline:#00000000 solid 2px;transition:outline .3s}.searchbar .searchIcon{width:30px;height:30px;position:absolute;margin-top:16px;margin-left:16px}#searchQ{display:block;position:absolute;height:80%;width:calc(100% - 120px);top:0;bottom:0;margin:auto auto auto 20px;outline:0;border:none;border-radius:100px;padding:0 40px;font-size:1rem}#enterBtn{position:absolute;right:10px;top:0;bottom:0;margin:auto;height:40px;padding:0 26px;border:none;font-size:1.1rem;color:#fff;transition:.3s}#menuCloseButton,.aiToolsCont .hangno .label,.aiToolsCont .toolsCont a,.shortcuts .shortcut-name{color:var(--textColorDark-blue);font-size:1rem}#enterBtn:hover{background-color:var(--darkColor-blue);color:#fff;cursor:pointer}#enterBtn:active{transform:scale(.9)}.shortcutsContainer{display:flex;height:50px;width:fit-content;position:absolute;left:0;right:0;bottom:65px;margin:auto;gap:10px}.shortcutsContainerLinks{display:flex;height:auto;width:fit-content;position:absolute;left:0;right:0;bottom:10px;margin:auto;gap:25px}.shortcutsLinks{text-align:center;position:relative;display:block}.shortcutsLinks a{text-decoration:none;font-size:13px;color:var(--darkColor-blue)}.shortcutsLinks a:hover{text-decoration:underline}.shortcutsContainer .shortcuts{position:relative;transition:.3s ease-in-out}.shortcutsContainer .shortcuts:hover{transform:translateY(-10px) scale(1.06);box-shadow:0 5px 10px #ffffffc5;border-radius:100px}.shortcuts .shortcut-name{visibility:hidden;position:absolute;bottom:-30px;right:0;left:50%;transform:translateX(-50%);margin:auto;width:fit-content;text-align:center;opacity:0;transition:.3s}.shortcuts:hover .shortcut-name{visibility:visible;opacity:1}.shortcutsContainer .shortcuts a{border-radius:100px;display:block;height:50px;width:50px;width:fit-content}.aiToolsCont,.aiToolsCont .hangno,.aiToolsCont .toolsCont a{display:flex;border-radius:100px}.shortcutsContainer .shortcuts a svg{height:100%;width:100%}.aiToolsCont{height:50px;width:fit-content;overflow-x:hidden;position:absolute;left:var(--gap);bottom:var(--gap);margin:auto}.aiToolsCont .hangno{height:100%;align-items:center;justify-content:center;padding:0 16px;z-index:2}.aiToolsCont .hangno .icon,.aiToolsCont .toolsCont .tIcon{width:26px;height:26px;margin-right:12px}.aiToolsCont .hangno .label{cursor:default}.aiToolsCont .toolsCont{display:none;position:relative;margin-left:30px;transition:.5s;gap:0;transform-origin:left;transform:scale(.5) translateX(-70px);opacity:.2}.aiToolsCont .toolsCont::before{content:"";position:absolute;height:100%;width:6px;border-radius:6px;left:-18px}.aiToolsCont .toolsCont a{height:100%;align-items:center;justify-content:center;padding:0 16px;text-decoration:none}@media screen and (max-width:1400px){.leftDiv{transform:translateX(-50px)}.rightDiv{transform:translateX(50px)}}@media screen and (max-width:1200px){.leftDiv,.rightDiv{transform:translateX(0)}body{display:block}.centerDiv{grid-template-columns:auto;position:absolute;left:0;right:0;margin:auto;margin-top:var(--gap)}.leftDiv{margin-bottom:var(--gap)}.ttteexxtt{height:fit-content;width:fit-content;bottom:0;top:0;margin:auto}#clock{margin:0 auto}}.menuBar,.menuBar .menuCont{height:100%;transition:.5s;position:absolute}.menuBar{background-color:#0000004f;backdrop-filter:blur(15px) saturate(170%);width:100%;z-index:9999;opacity:0;overflow:hidden}.menuBar .menuCont{right:0;width:400px;transform:translateX(100%);border-bottom-left-radius:var(--round)}.menuBar .menuCont .topRounder{width:var(--round);height:var(--round);position:absolute;left:-30px}.menuCont .topDiv{width:100%;height:140px;background-color:var(--bg-color-blue);position:relative}.menuCont .topDiv::after{position:absolute;content:"";width:100%;height:var(--gap);border-top-left-radius:var(--round);border-top-right-radius:var(--round);bottom:0}.menuCont .topDiv h1{font-size:1.6rem;width:fit-content;height:fit-content;color:var(--textColorDark-blue);position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;transform:translateY(-50%)}.menuCont .optCont{width:100%;height:calc(100% - 140px);padding:var(--gap);padding-top:0;transition:.6s;transform:translateX(100%);opacity:0}.divider{height:6px;width:100px;background-color:#fff;border-radius:3px;margin:20px auto}#menuCloseButton,.toggle{background-color:var(--bg-color-blue);transition:.4s;cursor:pointer}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{display:none}.toggle{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:34px}#menuButton,.colorsContainer,.toggle:before{background-color:var(--accentLightTint-blue)}.toggle:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;transition:.4s;border-radius:50%}input:checked+.toggle:before{transform:translateX(26px)}.toggleTextsCont .ttcont{display:flex;height:50px;justify-content:space-between;align-items:center;margin-bottom:20px}.ttcont input{width:100%;margin-top:6px;height:30px;border-radius:10px;border:none;outline:0;padding:0 11px}.ttcont .texts .infoText{font-size:.9rem;color:var(--textColorDark-blue);opacity:.86;margin-top:-3px}.themingStuff{width:100%;height:50px;display:flex;justify-content:space-between;gap:var(--gap)}.colorsContainer{background-color:#ffffffe8;display:flex;align-items:center;justify-content:center;height:50px;height:fit-content;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:auto;grid-gap:10px;width:fit-content;padding:10px;border-radius:26px}.colorsContainer input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;height:36px;width:36px;border-radius:18px;outline:0;cursor:pointer}.colorsContainer input[value=blue]{background-color:#4382ec}.colorsContainer input[value=yellow]{background-color:#f3f05a}.colorsContainer input[value=red]{background-color:#f91d1d}.colorsContainer input[value=green]{background-color:#17a638}.colorsContainer input[value=cyan]{background-color:#2acdf5}.colorsContainer input[value=orange]{background-color:orange}.colorsContainer input[value=purple]{background-color:#b830de}.colorsContainer input[value=pink]{background-color:#e41b9e}.colorsContainer input[value=dark]{background-color:#282828}.colorsContainer input[type=radio]:checked::after{position:absolute;content:"";width:36px;height:36px;background:url("./svgs/tick.svg") center center/74% no-repeat}.themingStuff .btn{background-color:#ffffffe8;height:100%;aspect-ratio:1/1;right:0;border-radius:100%;z-index:2;cursor:pointer}#darkTheme{grid-column:span 2;width:82px}#menuButton{position:absolute;right:var(--gap);bottom:var(--gap);width:50px;height:50px;border-radius:100%;cursor:pointer}#menuButton::after{position:absolute;content:"";width:62%;height:62%;border-radius:100%;border:4px solid var(--darkColor-blue);left:0;right:0;top:0;bottom:0;margin:auto}#menuButton::before{position:absolute;content:"";width:40%;height:40%;border-radius:100%;background-color:var(--darkColor-blue);left:0;right:0;top:0;bottom:0;margin:auto}#menuCloseButton{position:absolute;bottom:var(--gap);width:42px;max-width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;border-radius:100px;overflow:hidden}#menuCloseButton:hover{width:105px;background-color:#fff}#menuCloseButton:hover::after{content:"Close";padding-right:12px}#menuCloseButton .icon{background-color:#fff;width:30px;height:30px;border-radius:100px}#menuCloseButton .icon:hover{transition:.2s;transform:rotate(90deg)}.priv-text{padding: 30px 20%;text-align: center;}.priv-text h1{margin-bottom: 20px;}.priv-text h2{margin-bottom: 20px;margin-top: 20px;}.priv-text ul{margin-left: 70px;margin-right: 70px;}.uninstall-text{margin-top: 35px;text-align: left;}.uninstall-text p{margin: 15px;}.priv-text .shortcutsContainerLinks{position: relative;margin-top: 100px;}



.add{position:relative;bottom:0;margin:auto;height: 65px;padding:0 40px 0px 65px;border:none;font-size:1.1rem;color:#fff;transition:.3s;
    border-radius: 100px;
    background-color: var(--darkColor-blue);
    width: auto;
    top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.add:hover{
    background-color: #2863c8;
}

.add a{
    color: #fff;
    text-decoration: none;
}
.chrome-logo{
    width: 27px;
    height: 33px;
    position: absolute;
    top: 17px;
    left: 16px;
}

.text-button{
    text-align: center;
    font-size: 13px;
    margin-top: 10px;
}