body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}body{align-items:center;background:linear-gradient(45deg,#f0f4f8,#a6c0fe);display:flex;height:fit-content;justify-content:center;margin:100px}.title{color:#3178b2;text-align:center}.currentTime{margin-left:40%;margin-top:-1%;text-align:center}button,input{background-color:#f9f9f9;border:2px solid #ccc;border-radius:8px;font-size:1rem;margin:10px;padding:10px 15px;position:relative;transition:border-color .3s ease,background-color .3s ease}.setAlarmParent{margin-left:20%}li{align-items:center;background-color:#fff;border-radius:8px;color:#333;display:flex;font-size:16px;justify-content:space-between;margin-bottom:10px;padding:12px 20px;transition:background-color .3s,transform .2s}button:hover,li:hover{background-color:#d4e7f7}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn{background-color:inherit;border:none;cursor:pointer;display:inline-block;font-size:16px;padding:14px 28px}.popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.popup-content{background-color:#fff;border-radius:5px;padding:20px}.clock{background:#fff;border:10px solid #000;border-radius:50%;height:200px;left:30%;position:relative;width:200px}.clock,.clock-face{align-items:center;display:flex;justify-content:center}.clock-face{height:100%;position:absolute;transform-origin:center;width:100%}.hour-hand,.minute-hand,.second-hand{background-color:#000;left:50%;position:absolute;top:50%;transform:translate(-50%,-100%);transform-origin:50% 100%;width:6px}.hour-hand{background-color:#333;height:30%}.minute-hand{background-color:blue;height:40%}.second-hand{background-color:red;height:45%}.clock-number{color:#000;font-size:18px;font-weight:700;position:absolute;transform-origin:center}.clock-number:nth-child(12){transform:rotate(0deg) translateY(-80px)}.clock-number:first-child{transform:rotate(30deg) translateY(-80px)}.clock-number:nth-child(2){transform:rotate(60deg) translateY(-80px)}.clock-number:nth-child(3){transform:rotate(90deg) translateY(-80px)}.clock-number:nth-child(4){transform:rotate(120deg) translateY(-80px)}.clock-number:nth-child(5){transform:rotate(150deg) translateY(-80px)}.clock-number:nth-child(6){transform:rotate(180deg) translateY(-80px)}.clock-number:nth-child(7){transform:rotate(210deg) translateY(-80px)}.clock-number:nth-child(8){transform:rotate(240deg) translateY(-80px)}.clock-number:nth-child(9){transform:rotate(270deg) translateY(-80px)}.clock-number:nth-child(10){transform:rotate(300deg) translateY(-80px)}.clock-number:nth-child(11){transform:rotate(330deg) translateY(-80px)}
/*# sourceMappingURL=main.32817435.css.map*/