body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#14ffe9,#ffeb3b,#ff00e0);background-size:120% 120%;display:grid;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;place-items:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:poppins,sans-serif;margin:0;padding:0}.App{align-items:center;color:#000;text-align:center}.features{align-items:baseline;align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly}.violet-border{border:2px solid #000;border-radius:10px;color:#000;display:flexbox;flex:1 1;margin:20px;padding:20px 20px 0}.border{margin:10px 20px;padding:5px 20px}.border,.btnBorder{background:linear-gradient(135deg,#14ffe9,#ffeb3b,#ff00e0);border:2px solid #000;border-radius:10px;color:#000;font-size:smaller}.btnBorder{margin:10px 2px 12px 0;padding:4px 20px 5px}.hunderedPxWidth{text-align:center;width:100px}.white-text{color:#fff}@media (max-width:768px){.features{align-items:center;flex-direction:column}}*,:after,:before{box-sizing:border-box;font-family:Gotham Rounded,sans-serif}.clock{background:linear-gradient(135deg,#14ffe9,#ffeb3b,#ff00e0);border:3px solid #000;border-radius:50%;box-shadow:-8px 8px 15px hsla(0,0%,88%,.05),20px 20px 20px rgba(0,0,0,.2),inset -8px -8px 15px hsla(0,0%,88%,.05),inset 20px 20px 20px rgba(0,0,0,.2);height:200px;position:relative;width:200px}.clock:after{background-color:#fff;border-radius:50%;content:"";height:20px;left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:20px;z-index:11}.clock .number{--roation:0;font-size:1rem;height:100%;padding:18px;position:absolute;text-align:center;-webkit-transform:rotate(var(--roation));transform:rotate(var(--roation));width:100%}.number:before{background-color:#fff;content:"";height:10px;left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px}.clock .number1{--roation:30deg}.clock .number2{--roation:60deg}.clock .number3{--roation:90deg}.clock .number4{--roation:120deg}.clock .number5{--roation:150deg}.clock .number6{--roation:180deg}.clock .number7{--roation:210deg}.clock .number8{--roation:240deg}.clock .number9{--roation:270deg}.clock .number10{--roation:300deg}.clock .number11{--roation:330deg}.number1 div{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}.number2 div{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}.number3 div{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.number4 div{-webkit-transform:rotate(-120deg);transform:rotate(-120deg)}.number5 div{-webkit-transform:rotate(-150deg);transform:rotate(-150deg)}.number6 div{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.number7 div{-webkit-transform:rotate(-210deg);transform:rotate(-210deg)}.number8 div{-webkit-transform:rotate(-240deg);transform:rotate(-240deg)}.number9 div{-webkit-transform:rotate(-270deg);transform:rotate(-270deg)}.number10 div{-webkit-transform:rotate(-300deg);transform:rotate(-300deg)}.number11 div{-webkit-transform:rotate(-330deg);transform:rotate(-330deg)}.clock .hand{background-color:#000;border:1px solid #000;border-top-left-radius:10px;border-top-right-radius:10px;bottom:50%;left:50%;position:absolute;-webkit-transform-origin:bottom;transform-origin:bottom;z-index:10}.clock .hand.second{background-color:#000;height:40%;width:3px}.clock .hand.minute{background-color:#fff;height:35%;width:5px}.clock .hand.hour{background-color:#fff;height:26%;width:7px}
/*# sourceMappingURL=main.dc46caaa.css.map*/