@import url(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:0.813rem;--smaller-font-size:0.75rem;--tiny-font-size:0.625rem;--font-medium:500;--mb-0-25:0.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:0.875rem;--smaller-font-size:0.813rem;--tiny-font-size:0.75rem}}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{border-radius:50%;box-shadow:inset -1px -1px 1px #fff,inset 1px 1px 1px #d1d1e6;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:#000;cursor:pointer;display:flex;padding:.25rem;position:absolute;right:-1rem;top:-1rem;transition:.4s}.dark-theme .clock__circle{box-shadow:6px 6px 16px #1c1c21,-6px -6px 16px #2f2f37,inset -6px -6px 16px #2f2f37,inset 6px 6px 12px #1c1c21;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 #2f2f37,inset 1px 1px 1px #1c1c21;box-shadow:inset -1px -1px 1px hsla(var(--hue-color),8%,20%,1),inset 1px 1px 1px hsla(var(--hue-color),8%,12%,1);color:#fff}*{box-sizing:border-box;padding:0}*,body{margin:0}body{background-color:#ececf3;background-color:var(--body-color);color:#4f4f64;color:var(--text-color);font-family:Poppins,sans-serif;font-family:var(--body-font);transition:.4s}a{text-decoration:none}.container{margin-left:1rem;margin-left:var(--mb-1);margin-right:1rem;margin-right:var(--mb-1);max-width:968px}.grid{display:grid}.clock__container{grid-template-rows:1fr -webkit-max-content;grid-template-rows:1fr max-content;height:100vh}.clock__circle{align-items:center;border-radius:50%;box-shadow:-6px -6px 16px #fff,6px 6px 16px #d1d1e6,inset 6px 6px 16px #d1d1e6,inset -6px -6px 16px #fff;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);display:flex;height:200px;justify-content:center;justify-self:center;position:relative;transition:.4s;width:200px}.clock__content{align-self:center;row-gap:3.5rem}.clock__nine,.clock__six,.clock__three,.clock__twelve{background-color:#9b9bb0;background-color:var(--text-color-light);height:1px;position:absolute;width:1rem}.clock__six,.clock__twelve{-webkit-transform:translateX(-50%) rotate(90deg);transform:translateX(-50%) rotate(90deg)}.clock__twelve{left:50%;top:1.25rem}.clock__three{right:.75rem;top:50%}.clock__six{bottom:1.25rem;left:50%}.clock__nine{left:.75rem;top:50%}.clock__rounder{background-color:#3b3bbf;background-color:var(--first-color);border:2px solid #ececf3;border:2px solid var(--body-color);border-radius:50%;height:.75rem;width:.75rem;z-index:10;z-index:var(--z-tooltip)}.clock__hour,.clock__minutes,.clock__seconds{display:flex;justify-content:center;position:absolute}.clock__hour{height:105px;width:105px}.clock__hour:before{background-color:#4f4f64;background-color:var(--text-color);border-radius:.75rem;content:"";height:3rem;position:absolute;width:.25rem;z-index:1;z-index:var(--z-normal)}.clock__minutes{height:136px;width:136px}.clock__minutes:before{background-color:#4f4f64;background-color:var(--text-color);border-radius:.75rem;content:"";height:4rem;position:absolute;width:.25rem;z-index:1;z-index:var(--z-normal)}.clock__seconds{height:130px;width:130px}.clock__seconds:before{background-color:#3b3bbf;background-color:var(--first-color);border-radius:.75rem;content:"";height:5rem;position:absolute;width:.125rem;z-index:1;z-index:var(--z-normal)}.clock__logo{color:#9b9bb0;color:var(--text-color-light);font-size:.75rem;font-size:var(--smaller-font-size);font-weight:500;font-weight:var(--font-medium);justify-self:center;margin-bottom:2.5rem;margin-bottom:var(--mb-2-5);transition:.3s;width:-webkit-max-content;width:max-content}.clock__logo:hover{color:#3b3bbf;color:var(--first-color)}.clock__text{display:flex;justify-content:center}.clock__text-hour,.clock__text-minutes,.clock__text-seconds{font-size:3rem;font-size:var(--biggest-font-size)}.clock__text-ampm,.clock__text-hour,.clock__text-minutes,.clock__text-seconds{color:#12123b;color:var(--title-color);font-weight:500;font-weight:var(--font-medium)}.clock__text-ampm{font-size:.625rem;font-size:var(--tiny-font-size);margin-left:.25rem;margin-left:var(--mb-0-25)}.clock__date{display:flex;font-size:.813rem;font-size:var(--small-font-size);font-weight:500;font-weight:var(--font-medium);gap:.3rem;justify-content:center;text-align:center}@media screen and (min-width:968px){.container{margin-left:auto;margin-right:auto}.clock__logo{margin-bottom:3rem}}@media screen and (max-width:576px){.clock__container{grid-template-rows:1fr -webkit-max-content;grid-template-rows:1fr max-content;height:90vh}}@media screen and (max-width:350px){.clock__container{grid-template-rows:1fr -webkit-max-content;grid-template-rows:1fr max-content;height:90vh}}
/*# sourceMappingURL=main.0c59ccf0.css.map*/