body{margin:0;min-width:320px;min-height:100vh}main{width:100vw;height:100vh;background-color:#bababa;transition:background-color .3s}button{width:5vw;height:5vw;min-width:25px;min-height:25px;border-radius:100%;position:fixed;transition:background-color .3s;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;cursor:pointer;background-color:#323232}.theme-button{bottom:1%;right:1%;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%20width='256'%20height='256'%20viewBox='0%200%20256%20256'%20xml:space='preserve'%3e%3cg%20style='stroke:%20none;%20stroke-width:%200;%20stroke-dasharray:%20none;%20stroke-linecap:%20butt;%20stroke-linejoin:%20miter;%20stroke-miterlimit:%2010;%20fill:%20none;%20fill-rule:%20nonzero;%20opacity:%201;'%20transform='translate(1.4065934065934016%201.4065934065934016)%20scale(2.81%202.81)'%3e%3cpath%20d='M%2087.823%2060.7%20c%20-0.463%20-0.423%20-1.142%20-0.506%20-1.695%20-0.214%20c%20-15.834%208.398%20-35.266%202.812%20-44.232%20-12.718%20c%20-8.966%20-15.53%20-4.09%20-35.149%2011.101%20-44.665%20c%200.531%20-0.332%200.796%20-0.963%200.661%20-1.574%20c%20-0.134%20-0.612%20-0.638%20-1.074%20-1.259%20-1.153%20c%20-9.843%20-1.265%20-19.59%200.692%20-28.193%205.66%20C%2013.8%2012.041%206.356%2021.743%203.246%2033.35%20S%201.732%2057.08%207.741%2067.487%20c%206.008%2010.407%2015.709%2017.851%2027.316%2020.961%20C%2038.933%2089.486%2042.866%2090%2046.774%2090%20c%207.795%200%2015.489%20-2.044%2022.42%20-6.046%20c%208.601%20-4.966%2015.171%20-12.43%2018.997%20-21.586%20C%2088.433%2061.79%2088.285%2061.123%2087.823%2060.7%20z'%20style='stroke:%20none;%20stroke-width:%201;%20stroke-dasharray:%20none;%20stroke-linecap:%20butt;%20stroke-linejoin:%20miter;%20stroke-miterlimit:%2010;%20fill:%20rgb(0,0,0);%20fill-rule:%20nonzero;%20opacity:%201;'%20transform='%20matrix(1%200%200%201%200%200)%20'%20stroke-linecap='round'/%3e%3c/g%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20version='1.1'%20width='256'%20height='256'%20viewBox='0%200%20256%20256'%20xml:space='preserve'%3e%3cg%20style='stroke:%20none;%20stroke-width:%200;%20stroke-dasharray:%20none;%20stroke-linecap:%20butt;%20stroke-linejoin:%20miter;%20stroke-miterlimit:%2010;%20fill:%20none;%20fill-rule:%20nonzero;%20opacity:%201;'%20transform='translate(1.4065934065934016%201.4065934065934016)%20scale(2.81%202.81)'%3e%3cpath%20d='M%2087.823%2060.7%20c%20-0.463%20-0.423%20-1.142%20-0.506%20-1.695%20-0.214%20c%20-15.834%208.398%20-35.266%202.812%20-44.232%20-12.718%20c%20-8.966%20-15.53%20-4.09%20-35.149%2011.101%20-44.665%20c%200.531%20-0.332%200.796%20-0.963%200.661%20-1.574%20c%20-0.134%20-0.612%20-0.638%20-1.074%20-1.259%20-1.153%20c%20-9.843%20-1.265%20-19.59%200.692%20-28.193%205.66%20C%2013.8%2012.041%206.356%2021.743%203.246%2033.35%20S%201.732%2057.08%207.741%2067.487%20c%206.008%2010.407%2015.709%2017.851%2027.316%2020.961%20C%2038.933%2089.486%2042.866%2090%2046.774%2090%20c%207.795%200%2015.489%20-2.044%2022.42%20-6.046%20c%208.601%20-4.966%2015.171%20-12.43%2018.997%20-21.586%20C%2088.433%2061.79%2088.285%2061.123%2087.823%2060.7%20z'%20style='stroke:%20none;%20stroke-width:%201;%20stroke-dasharray:%20none;%20stroke-linecap:%20butt;%20stroke-linejoin:%20miter;%20stroke-miterlimit:%2010;%20fill:%20rgb(0,0,0);%20fill-rule:%20nonzero;%20opacity:%201;'%20transform='%20matrix(1%200%200%201%200%200)%20'%20stroke-linecap='round'/%3e%3c/g%3e%3c/svg%3e")}.clock-button{bottom:1%;left:1%;-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23000000'%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.5%207.25a.75.75%200%2000-1.5%200v5.5c0%20.27.144.518.378.651l3.5%202a.75.75%200%2000.744-1.302L12.5%2012.315V7.25z'/%3e%3cpath%20fill-rule='evenodd'%20d='M12%201C5.925%201%201%205.925%201%2012s4.925%2011%2011%2011%2011-4.925%2011-11S18.075%201%2012%201zM2.5%2012a9.5%209.5%200%201119%200%209.5%209.5%200%2001-19%200z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23000000'%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.5%207.25a.75.75%200%2000-1.5%200v5.5c0%20.27.144.518.378.651l3.5%202a.75.75%200%2000.744-1.302L12.5%2012.315V7.25z'/%3e%3cpath%20fill-rule='evenodd'%20d='M12%201C5.925%201%201%205.925%201%2012s4.925%2011%2011%2011%2011-4.925%2011-11S18.075%201%2012%201zM2.5%2012a9.5%209.5%200%201119%200%209.5%209.5%200%2001-19%200z'/%3e%3c/svg%3e")}.clock-container{margin:auto;display:flex;align-items:center;gap:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#1a1a1a;padding:10px;border-radius:20px;box-shadow:0 0 20px #0004;transition:background-color .3s}.clock-section{display:flex;gap:6px}.separator{display:flex;flex-direction:column;gap:20px}.point{width:3vw;height:3vw;border:solid .2em #b2b2b2;border-radius:100%}.clock{width:3vw;height:3vw;border-radius:100%;position:relative;transition:background-color .3s}.show-clock{background-color:#62626264}.stick{position:absolute;top:50%;left:50%;width:50%;height:7%;min-height:1px;background-color:#b2b2b2;transform-origin:left center;transition:all .3s}.clock-array{display:grid;grid-template-columns:repeat(4,1fr)}main.dark{background-color:#323232}button.dark{background-color:#f9f9f9}.clock-container.dark{background-color:#b2b2b2;box-shadow:0 0 50px #0007}.stick.dark{background-color:#1a1a1a}.point.dark{border:solid .2em #1a1a1a}button:hover{background-color:#e6437c}@media screen and (max-width: 700px){.point{border:solid 1px #b2b2b2}.point.dark{border:solid 1px #1a1a1a}}