body{font-family:Cambria;width:100%}*{box-sizing:border-box;margin:0;padding:0}.page{display:inline-block;height:350px;margin-left:5%;margin-top:50px;text-align:center;width:350px}.page:hover{background-color:beige}.icon{font-size:25px;left:150px;position:relative;top:8px;visibility:hidden}.icon:active .page{display:none}.page:hover .icon{color:red;cursor:pointer;visibility:visible}.icon-background{display:inline-block;height:400px;margin-left:4%;margin-top:6rem;width:360px}.timezone-heading{font-size:20px;text-align:center}#round{border:10px solid #000;border-radius:50%;height:250px;margin-left:15%;margin-top:2rem;position:relative;width:250px}#round #circle{background-color:#000;border-radius:100%;height:20px;margin-left:47.5%;position:relative;top:46.5%;width:20px;z-index:1}#hoursHand{background-color:green;height:80px;margin-left:50%;top:17px;width:6px}#hoursHand,#round #minutesHand{position:relative;-webkit-transform-origin:bottom center;transform-origin:bottom center}#round #minutesHand{background-color:red;height:98px;margin-left:51%;top:-81px;width:3.5px}#seconds{background-color:#000;height:105px;margin-left:51.3%;position:relative;top:-186px;-webkit-transform-origin:bottom center;transform-origin:bottom center;width:2px}#round .time{--rotation:0;height:100%;position:absolute;text-align:center;top:0;-webkit-transform:rotate(var(--rotation));transform:rotate(var(--rotation));width:100%}#round .line1{-webkit-transform:translate(23%,9%);transform:translate(23%,9%)}#round .line2{-webkit-transform:translate(40%,24%);transform:translate(40%,24%)}#round .line3{-webkit-transform:translate(43%,44%);transform:translate(43%,44%)}#round .line4{-webkit-transform:translate(37%,68%);transform:translate(37%,68%)}#round .line5{-webkit-transform:translate(22%,83%);transform:translate(22%,83%)}#round .line6{-webkit-transform:translate(1%,82%);transform:translate(1%,82%)}#round .line7{-webkit-transform:translate(-21%,83%);transform:translate(-21%,83%)}#round .line8{-webkit-transform:translate(-37%,68%);transform:translate(-37%,68%)}#round .line9{-webkit-transform:translate(-43%,44%);transform:translate(-43%,44%)}#round .line10{-webkit-transform:translate(-40%,24%);transform:translate(-40%,24%)}#round .line11{-webkit-transform:translate(-23%,9%);transform:translate(-23%,9%)}#round .line12{-webkit-transform:translateX(0);transform:translateX(0)}#clock6{color:green;font-size:30px;-webkit-transform:translate(50px 50px);transform:translate(50px 50px)}#clock3,#clock9{color:red;font-size:25px}#clock12,#clock3,#clock9{-webkit-transform:translate(50px 50px);transform:translate(50px 50px)}#clock12{color:green;font-size:30px}.container{margin:1rem}.button-list{background-color:#000;border:2px solid #000;display:flex;margin-left:40%;margin-top:3rem;width:270px}.heading{font-size:50px;text-align:center}.clickButton{align-items:center;border:none;display:flex}.clock-box,.dropdown{display:flex}
/*# sourceMappingURL=main.9b72c687.css.map*/