html,body{width:100%;min-height:100svh;background-color:#0f172a;margin:0;background-size:cover;background-position:center;background-repeat:no-repeat,repeat;transition:all .5s ease;overflow-x:hidden}.theme2{background-image:url(/bg.jpg)}.theme1{background-image:url(/bg2.jpg)}.main-div{display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;transition:opacity .6s ease,transform .6s ease;width:100%;gap:clamp(20px,6vw,20px)}.main-div.hide{opacity:0;transform:translateY(40px);pointer-events:none}.main-div-inner{display:flex;justify-content:center;align-items:center;width:100%;gap:100px}.logo-img{width:70px}.theme-btn{background-color:#475351;color:#fff;font-family:VT323,monospace;font-size:1.6rem;padding:2px 10px;border:2px solid black;cursor:pointer}.theme-btn-2{background-color:#fff;color:#000;font-family:VT323,monospace;font-size:1.6rem;padding:2px 10px;border:2px solid black;cursor:pointer}.p1{text-align:center;color:#34382f;font-size:6rem;font-family:VT323,monospace;margin:0}.p1-1{text-align:center;color:#fff;font-size:6rem;font-family:VT323,monospace;margin:0}.year{font-family:Audiowide,cursive;font-size:6rem;color:#34382f}.year-1{font-family:Audiowide,cursive;font-size:6rem;color:#fff}.day-month-div{display:flex;justify-content:center;align-items:center;gap:5px;color:#000}.day-month-div-2{display:flex;justify-content:center;align-items:center;gap:5px;color:#fff}.day-div,.month-div,.colon-div{display:flex;flex-direction:column;justify-content:center;align-items:center}.colon-p{font-size:4rem;margin:0}.day-month{font-size:4rem;font-family:Audiowide,cursive}.date-div{font-size:2rem;font-family:Audiowide,cursive}.p2{margin:0}.top-div{display:flex;justify-content:center;align-items:center;flex-direction:column}.digits{text-align:center;display:flex}.time-div{background-color:#c5c5c55c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(10px);padding:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:20px;margin-top:20px;color:#000}.time-div-2{background-color:#c5c5c55c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(10px);padding:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:20px;margin-top:20px;color:#fff}.hms{font-size:6rem;font-family:Audiowide,cursive;display:flex;justify-content:center;align-items:center;width:2ch;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.hms2{font-size:6rem;font-family:Audiowide,cursive;display:flex;justify-content:center;align-items:center;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.hms1{font-size:1rem;font-family:Audiowide,cursive;display:flex;justify-content:center;align-items:center}.ampm{font-size:2rem;text-align:left;font-family:Audiowide,cursive}.focus-main-div{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0}.focus-div{margin-top:50px;background-color:#01dd388c;border-radius:30%;cursor:pointer;transition:transform .2s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 10px;border:3px solid purple;box-shadow:0 0 100px #0000ff70;justify-self:center;font-size:1rem;transition:transform 1s ease,font-size 1s ease,padding 1s ease,border-radius 1s ease,background-color 1s ease,top 1s ease}.focus-div.move-top{transform:translateY(-100px);font-size:14px;padding:10px;border-radius:20%;background-color:#dd01018c}.focus{font-weight:bolder}.focus-time{display:flex;justify-content:center;gap:5px;margin-top:18px;transition:opacity .4s ease,transform .4s ease}.focus-time.hide{opacity:0;transform:translateY(10px);pointer-events:none}.time-input{display:flex;align-items:center;background:#ffffff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:6px 10px;border-radius:12px}.time-input input{background:transparent;border:none;outline:none;font-size:1.1rem;text-align:center;color:#000;font-family:Orbitron,sans-serif}.time-input span{font-size:1rem;color:#aaa}.circle-timer{position:fixed;inset:0;opacity:0;transition:opacity .6s ease;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;margin-top:100px;pointer-events:none;-webkit-user-select:none;user-select:none}.circle-timer.unhide{opacity:1;pointer-events:auto}.timer-title{display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;text-align:center}.clock{display:block}.pause-reset{display:flex;justify-content:center;align-items:center;gap:10px}.pause-btn{background-color:#1ec70f;color:#fff;font-family:VT323,monospace;font-size:1.6rem;padding:5px 20px;border:2px solid black;border-radius:10px;cursor:pointer;margin-top:50px}.reset-btn{background-color:#c70f0f;color:#fff;font-family:VT323,monospace;font-size:1.6rem;padding:5px 20px;border:2px solid black;border-radius:10px;cursor:pointer;margin-top:50px}.color{font-size:2rem;font-family:Orbitron,sans-serif;-webkit-user-select:none;user-select:none;font-weight:bolder;fill:red}.color-2{font-size:2rem;font-family:Orbitron,sans-serif;-webkit-user-select:none;user-select:none;font-weight:bolder;fill:#fff}.timer-text{font-size:2rem;font-family:Orbitron,sans-serif;-webkit-user-select:none;user-select:none;font-weight:bolder;fill:#024072}.you-can-do-it{color:red}@keyframes pulse{0%{r:4;opacity:1}50%{r:6;opacity:.6}to{r:4;opacity:1}}@media(max-width:640px){html,body{width:100%;min-height:100svh;margin:0;background-color:#0f172a;background-size:cover;background-position:center;background-repeat:no-repeat,repeat;transition:all .5s ease;overflow-x:hidden}.theme2{background-image:url(/bg.jpg)}.theme1{background-image:url(/bg2.jpg)}.main-div{display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;transition:opacity .6s ease,transform .6s ease;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;gap:20px}.main-div-inner{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;max-width:100%;padding:10px 0;box-sizing:border-box}.top-div{margin-top:50px}.logo-img{width:40px}.p1,.p1-1{font-size:1.5rem}.theme-btn{background-color:#475351;color:#fff;font-family:VT323,monospace;font-size:1rem;padding:2px 10px;border:2px solid black;cursor:pointer}.theme-btn-2{background-color:#fff;color:#000;font-family:VT323,monospace;font-size:1rem;padding:2px 10px;border:2px solid black;cursor:pointer}.year{font-family:Audiowide,cursive;font-size:2rem;color:#34382f}.year-1{font-family:Audiowide,cursive;font-size:2rem;color:#fff}.day-month{font-size:2rem;font-family:Audiowide,cursive}.colon-p{font-size:2rem;margin:0}.date-div{font-size:1.3rem;font-family:Audiowide,cursive}.time-div{background-color:#c5c5c55c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(10px);padding:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:20px;margin-top:50px;color:#000}.time-div-2{background-color:#c5c5c55c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(10px);padding:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:20px;margin-top:50px;color:#fff}.hms,.hms2{font-size:clamp(3rem,8vw,6rem)}.hms1{display:none}.focus-main-div{-webkit-user-select:none;user-select:none;margin-top:200px}.focus-div{margin-top:0;background-color:#01dd388c;border-radius:30%;cursor:pointer;transition:transform .2s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 10px;border:3px solid purple;box-shadow:0 0 100px #0000ff70;justify-self:center;font-size:1rem;transition:transform 1s ease,font-size 1s ease,padding 1s ease,border-radius 1s ease,background-color 1s ease,top 1s ease}.focus-div.move-top{transform:translateY(-50px);font-size:14px;padding:10px;border-radius:20%;background-color:#dd01018c}}@media(max-width:1024px){html,body{width:100%;min-height:100svh;margin:0;background-color:#0f172a;background-size:cover;background-position:center;background-repeat:no-repeat,repeat;transition:all .5s ease;overflow-x:hidden}.theme2{background-image:url(/bg.jpg)}.theme1{background-image:url(/bg2.jpg)}.main-div{display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;transition:opacity .6s ease,transform .6s ease;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;gap:20px}.main-div-inner{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;max-width:100%;padding:10px 0;box-sizing:border-box}.top-div{margin-top:50px}.logo-img{width:40px}.p1,.p1-1{font-size:1.5rem}.theme-btn{background-color:#475351;color:#fff;font-family:VT323,monospace;font-size:1rem;padding:2px 10px;border:2px solid black;cursor:pointer}.theme-btn-2{background-color:#fff;color:#000;font-family:VT323,monospace;font-size:1rem;padding:2px 10px;border:2px solid black;cursor:pointer}.year{font-family:Audiowide,cursive;font-size:2rem;color:#34382f}.year-1{font-family:Audiowide,cursive;font-size:2rem;color:#fff}.day-month{font-size:2rem;font-family:Audiowide,cursive}.colon-p{font-size:2rem;margin:0}.date-div{font-size:1.3rem;font-family:Audiowide,cursive}.time-div{background-color:#c5c5c55c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(10px);padding:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:20px;margin-top:50px;color:#000}.time-div-2{background-color:#c5c5c55c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(10px);padding:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:20px;margin-top:50px;color:#fff}.hms,.hms2{font-size:clamp(3rem,8vw,6rem)}.hms1{display:none}.focus-main-div{-webkit-user-select:none;user-select:none;margin-top:200px}.focus-div{margin-top:0;background-color:#01dd388c;border-radius:30%;cursor:pointer;transition:transform .2s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 10px;border:3px solid purple;box-shadow:0 0 100px #0000ff70;justify-self:center;font-size:1rem;transition:transform 1s ease,font-size 1s ease,padding 1s ease,border-radius 1s ease,background-color 1s ease,top 1s ease}.focus-div.move-top{transform:translateY(-50px);font-size:14px;padding:10px;border-radius:20%;background-color:#dd01018c}}