*{margin:0;padding:0}html{direction:rtl}.MuiOutlinedInput-notchedOutline{border-color:#fff!important}.MuiSvgIcon-root{color:#fff!important}.card{padding:2em}.read-the-docs{color:#888}.overlay{border-image:fill 0 linear-gradient(#0003,#000);height:"100vh"}.background{height:"100vh";width:"100%";background-size:cover;background-repeat:no-repeat;background-position:center}.hourHand,.minHand{position:absolute;background:#292a2e;border-radius:10px;clip-path:polygon(50% 0,100% 23%,75% 100%,26% 100%,0 24%);transform-origin:bottom}.hourHand{width:5%;height:30%;top:21%;left:45%}.minHand{width:4.6%;height:36%;top:15%;left:45%}.clockDev{position:relative;width:100px;height:100px;background-color:azure;border-radius:50%;border:5px solid black}.clockDev .digitalClock{position:absolute;width:fit-content;top:50%;left:25%;font-size:9px;font-weight:700;border:2px solid black;padding:1px;border-radius:15px;color:#000;text-align:center;direction:ltr}.clockDev .number{position:absolute;font-weight:700;width:100%;height:100%;text-align:center;color:#000}.number .No1{transform:rotate(30deg)}.number .No2{transform:rotate(60deg)}.number .No3{transform:rotate(90deg)}.number .No4{transform:rotate(120deg)}.number .No5{transform:rotate(150deg)}.number .No6{transform:rotate(180deg)}.number .No7{transform:rotate(210deg)}.number .No8{transform:rotate(240deg)}.number .No9{transform:rotate(270deg)}.number .No10{transform:rotate(300deg)}.number .No11{transform:rotate(330deg)}h1{font-size:3.2em;line-height:1.1}