@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap";:root{--hue-color: 240;--first-color: hsl(var(--hue-color), 53%, 49%);--title-color: hsl(var(--hue-color), 53%, 15%);--text-color: hsl(var(--hue-color), 12%, 35%);--text-color-light: hsl(var(--hue-color), 12%, 65%);--white-color: #FFF;--body-color: hsl(var(--hue-color), 24%, 94%);--body-font: "Poppins", sans-serif;--biggest-font-size: 3rem;--small-font-size: .813rem;--smaller-font-size: .75rem;--tiny-font-size: .625rem;--font-medium: 500;--mb-0-25: .25rem;--mb-1: 1rem;--mb-1-5: 1.5rem;--mb-2-5: 2.5rem;--z-normal: 1;--z-tooltip: 10}@media screen and (min-width: 968px){:root{--biggest-font-size: 3.5rem;--small-font-size: .875rem;--smaller-font-size: .813rem;--tiny-font-size: .75rem}}::-webkit-scrollbar{display:none}body.dark-theme{--title-color: hsl(var(--hue-color), 12%, 95%);--text-color: hsl(var(--hue-color), 12%, 75%);--body-color: hsl(var(--hue-color), 10%, 16%)}.clock__theme{position:absolute;top:-1rem;right:-1rem;display:flex;padding:.25rem;border-radius:50%;box-shadow:inset -1px -1px 1px hsla(var(--hue-color),0%,100%,1),inset 1px 1px 1px hsla(var(--hue-color),30%,86%,1);color:var(--first-color);cursor:pointer;transition:.4s}.dark-theme .clock__circle{box-shadow:6px 6px 16px hsla(var(--hue-color),8%,12%,1),-6px -6px 16px hsla(var(--hue-color),8%,20%,1),inset -6px -6px 16px hsla(var(--hue-color),8%,20%,1),inset 6px 6px 12px hsla(var(--hue-color),8%,12%,1)}.dark-theme .clock__theme{box-shadow:inset -1px -1px 1px hsla(var(--hue-color),8%,20%,1),inset 1px 1px 1px hsla(var(--hue-color),8%,12%,1)}*{box-sizing:border-box;padding:0;margin:0}body{margin:0;font-family:var(--body-font);background-color:var(--body-color);color:var(--text-color);transition:.4s}a{text-decoration:none}.container{max-width:968px;margin-left:var(--mb-1);margin-right:var(--mb-1)}.tugma{padding:10px;border:none;background-color:#21e9a6;font-size:22px;color:#fff;font-weight:500;position:fixed;left:300px;top:505px;border-radius:12px;cursor:pointer}.tugma:active{transform:scale(98%)}.lists{width:550px;margin:0 auto;height:250px;overflow:auto}.lists div{padding:5px;color:#000;font-size:18px;text-align:center;font-weight:600}.grid{display:grid}.clock__container{height:100vh;grid-template-rows:1fr max-content}.clock__circle{position:relative;width:200px;height:200px;box-shadow:-6px -6px 16px var(--white-color),6px 6px 16px hsla(var(--hue-color),30%,86%,1),inset 6px 6px 16px hsla(var(--hue-color),30%,86%,1),inset -6px -6px 16px var(--white-color);border-radius:50%;justify-self:center;display:flex;justify-content:center;align-items:center;transition:.4s}.clock__content{align-self:center;row-gap:3.5rem}.clock__content .div{position:relative}.clock__twelve,.clock__three,.clock__six,.clock__nine{position:absolute;width:1rem;height:1px}.clock__twelve,.clock__six{transform:translate(0) rotate(0)}.clock__twelve{top:.65rem;left:47%}.clock__three{top:45%;right:.255rem}.clock__six{bottom:1.5rem;left:47%}.clock__nine{left:.75rem;top:45%}.clock__rounder{width:.75rem;height:.75rem;background-color:var(--first-color);border-radius:50%;border:2px solid var(--body-color);z-index:var(--z-tooltip)}.clock__hour,.clock__minutes,.clock__seconds{position:absolute;display:flex;justify-content:center}.clock__hour{width:105px;height:105px}.clock__hour:before{content:"";position:absolute;background-color:var(--text-color);width:.25rem;height:3rem;border-radius:.75rem;z-index:var(--z-normal)}.clock__minutes{width:136px;height:136px}.clock__minutes:before{content:"";position:absolute;background-color:var(--text-color);width:.25rem;height:4rem;border-radius:.75rem;z-index:var(--z-normal)}.clock__seconds{width:130px;height:130px}.clock__seconds:before{content:"";position:absolute;background-color:var(--first-color);width:.125rem;height:5rem;border-radius:.75rem;z-index:var(--z-normal)}.clock__logo{width:max-content;justify-self:center;margin-bottom:var(--mb-2-5);font-size:var(--smaller-font-size);font-weight:var(--font-medium);color:var(--text-color-light);transition:.3s}.clock__logo:hover{color:var(--first-color)}.clock__text{display:flex;justify-content:center}.clock__text-hour,.clock__text-minutes{font-size:var(--biggest-font-size);font-weight:var(--font-medium);color:var(--title-color)}.clock__text-ampm{font-size:var(--tiny-font-size);color:var(--title-color);font-weight:var(--font-medium);margin-left:var(--mb-0-25)}.clock__date{text-align:center;font-size:var(--small-font-size);font-weight:var(--font-medium)}@media screen and (min-width: 968px){.container{margin-left:auto;margin-right:auto}.clock__logo{margin-bottom:3rem}}