body {
    background: #f8f9fa;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.main-dial {
    position: relative;
    margin: auto;
    margin-top: 220px;
    background: #f2d1cb;
    height: 250px;
    width: 250px;
    border-radius: 50%;
    box-shadow: inset 2px -2px 8px #997771, inset -2px 2px 8px #997771;
}

.main-dial::before {
    content: '';
    position: absolute;
    margin: auto;
    top: 4px;
    left: 4px;
    background: black;
    height: 240px;
    width: 240px;
    border: 1px solid black;
    border-radius: 50%;
    box-shadow: inset 3px 3px 3px white, inset 8px 5px #6c757d, inset -2.5px -1px 2.5px white, inset -5.5px -3px #6c757d;
}

.main-dial::after {
    content: '';
    position: absolute;
    margin: auto;
    top: 25px;
    left: 25px;
    background: white;
    height: 200px;
    width: 200px;
    border-radius: 50%;
}

.screen {
    position: absolute;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, #ff466e, #ac46a1);
    border-radius: 50%;
    top: 10%;
    left: 10%;
    z-index: 1;
}

.screen::before {

    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    background: linear-gradient(5deg, #ff5c8a, #ffc2d4);
    -webkit-mask: linear-gradient(#fff, trasparent);
    mask: linear-gradient(#fff, trasparent);
    border-radius: 50%;
    top: 0%;
    left: 0%;
    z-index: 1;
}

.hands {
    position: absolute;
    height: 80px;
    width: 5px;
    background: white;
    top: 25%;
    left: 60%;
    border-radius: 50px;
    transform: rotate(45deg);
    box-shadow: 2px 2px 1px #ff5c8a;
    z-index: 2;
}

.hands::before {
    content: '';
    position: absolute;
    height: 62px;
    width: 10px;
    background: white;
    bottom: -38%;
    right: 500%;
    border-radius: 50px;
    box-shadow: -2px 2px 1px #ff5c8a;
    transform: rotate(-1000deg);
    z-index: 2;
}

.hands::after {
    z-index: 2;
    content: '';
    position: absolute;
    height: 100px;
    width: 2px;
    background: white;
    top: 65%;
    left: 330%;
    border-radius: 50px;
    box-shadow: -0.5px 0.5px 1px #ff5c8a;
    transform: rotate(150deg);
}

.hand-holder {
    z-index: 3;
    background: white;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 48.5%;
    left: 48.5%;
    border-radius: 50%;
    box-shadow: 0.5px 0.5px 0.5px #ff5c8a, -0.5px 0.5px 0.5px #ff5c8a;
}

.hand-holder::after {
    content: '';
    background: #ff477e;
    position: absolute;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    top: 30%;
    left: 30%;
}

.strap-1 {
    width: 110px;
    height: 110px;
    background: linear-gradient(to right, #ccb0ab, #e6c7c2);
    z-index: 1;
    position: absolute;
    top: 99%;
    left: 28%;
    border-radius: 10%;
    box-shadow: inset 0 2px 7px #000;
}

.strap-2 {
    width: 110px;
    height: 110px;
    background: linear-gradient(to right, #ccb0ab, #e6c7c2);
    z-index: 1;
    position: absolute;
    top: -43%;
    left: 28%;
    border-radius: 10%;
    box-shadow: inset 0 -1px 4px #000;
}

.strap-holder-up-1 {
    z-index: -2;
    background: linear-gradient(to right, #ccb0ab, #e6c7c2);
    width: 26px;
    height: 45px;
    position: absolute;
    top: -6%;
    left: 18%;
    box-shadow: inset 0 -1px 4px #000;
    border-radius: 10%;
}

.strap-holder-up-2 {
    z-index: -2;
    background: linear-gradient(to right, #ccb0ab, #e6c7c2);
    width: 26px;
    height: 45px;
    position: absolute;
    top: -6%;
    right: 18%;
    box-shadow: inset 0 -1px 4px #000;
    border-radius: 10%;
}

.strap-holder-down-1 {
    z-index: -2;
    background: linear-gradient(to right, #ccb0ab, #e6c7c2);
    width: 26px;
    height: 45px;
    position: absolute;
    bottom: -6%;
    left: 18%;
    box-shadow: inset 0 -1px 4px #000;
    border-radius: 10%;
}

.strap-holder-down-2 {
    z-index: -2;
    background: linear-gradient(to right, #ccb0ab, #e6c7c2);
    width: 26px;
    height: 45px;
    position: absolute;
    bottom: -6%;
    right: 18%;
    box-shadow: inset 0 -1px 4px #000;
    border-radius: 10%;
}

.circle-hide-11 {
    background: #f8f9fa;
    width: 103px;
    height: 103px;
    left: -18%;
    top: -23.4%;
    border-radius: 50%;
    position: absolute;
}

.circle-hide-12 {
    background: #f8f9fa;
    width: 103px;
    height: 103px;
    right: -18%;
    top: -23.4%;
    border-radius: 50%;
    position: absolute;
}

.circle-hide-21 {
    background: #f8f9fa;
    width: 103px;
    height: 103px;
    left: -18%;
    bottom: -23.4%;
    border-radius: 50%;
    position: absolute;
}

.circle-hide-22 {
    background: #f8f9fa;
    width: 103px;
    height: 103px;
    right: -18%;
    bottom: -23.4%;
    border-radius: 50%;
    position: absolute;
}

.line-hide-11 {
    background: #f8f9fa;
    width: 30px;
    height: 10px;
    position: absolute;
    left: 15%;
    top: -7.5%;
    transform: rotate(-25deg);
}

.line-hide-12 {
    background: #f8f9fa;
    width: 30px;
    height: 10px;
    position: absolute;
    right: 15%;
    top: -7.5%;
    transform: rotate(25deg);
}

.line-hide-21 {
    background: #f8f9fa;
    width: 30px;
    height: 10px;
    position: absolute;
    left: 15%;
    bottom: -7.5%;
    transform: rotate(25deg);
}

.line-hide-22 {
    background: #f8f9fa;
    width: 30px;
    height: 10px;
    position: absolute;
    right: 15%;
    bottom: -7.5%;
    transform: rotate(-25deg);
}

.back-strap {
    z-index: -2;
    background: #774936;
    width: 100px;
    height: 400px;
    position: absolute;
    left: 30%;
    top: -30%;
}

.button-1 {
    background: black;
    z-index: -2;
    height: 50px;
    width: 15px;
    position: absolute;
    right: 3%;
    top: 17%;
    border-radius: 40%;
    transform: rotate(-27deg);
    border: 0.7px #000 solid;
    box-shadow: inset 7px 7px 10px white, inset -2px -1px 1px #6c757d;
}

.button-2 {
    z-index: -1;
    background: #ccb0ab;
    width: 35px;
    height: 9px;
    position: absolute;
    bottom: 25%;
    right: -2%;
    border: 1px #000 solid;
    border-radius: 50%;
    transform: rotate(117deg);
    box-shadow: inset -1px 1px 3px #fff;
}