*{
    margin:0;
    padding: 0;
  }
  .clock{
    position: absolute;
    top:0px;
    left:0px;
    width: 260px;
    height: 260px;
    border-radius: 100%;
    background-color: white;
    background-size: 260px;
  }
  .transform{
    width: 5px;
    position: absolute;
    left:49px;
    -webkit-transform-origin:bottom;
    
  }
  #s{
    top:55px;
    left: 129px;
    background-color: #74aa50;
    height: 76px;
    width: 2px;
    
  }
  #m{
    top:29px;
    left: 128px;
    background-color: #cd202c;
    height: 100px;
  }
  #h{
    top:60px;
    left: 127px;
    background-color: #003c69;
    height: 70px;
  }
  #center{
    position: absolute;
    left:125px;
    top:125px;
    width: 10px;
    height: 10px;
    background-color: black;
    border-radius: 100%;
  }

html{background:#393939}

#notch-container {
  width: 260px;
 height: 260px }

.notch { 
 position: absolute;
 width: 10px;
 height: 2px;
 background: black;
 border-radius: 5px 5px 5px 5px;
 }
.thin { 
 position: absolute;
 width: 10px;
 height: 1px;
 border-top: 1px solid #f1f1f2;
 }