.mac {
    width: 100%;
    height: 100%;
    background-color: #000000;
    font-family: 'Nunito', sans-serif;
    color: #fff;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mac-apple {
    height: 10vh;
    width: 100vw;
}

.mac-update {
    position: absolute;
    bottom: 10vh;
    height: 10vh;
    width: 40vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.mac-update .lodingbar {
    height: 1vh;
    width: 100%;
    border-radius: 100vh;
    border: 0.2vh solid #b6b6b6;
    background-color: #747474;
    position: relative;
}
.mac-update .lodingbar>div{
    position: absolute;
    height: 1vh;
    width: 0%;
    top: -0.2vh;
    background-color: #fff;
    border: 0.25vh solid #fff;
    border-bottom-left-radius: 100vh;
    border-top-left-radius: 100vh;
    border-bottom-right-radius: 0.5vh;
    border-top-right-radius: 0.5vh;
    transition: 0.3s ease-in-out;
}
.mac-update>p {
    margin-top: 2vh;
    font-weight: bold;
}
.mac-death {
    width: 15vh;
    height: 15vh;
    border: 2vh solid rgb(142, 142, 142);
    border-radius: 100%;
    position: relative;
}

.mac-death::before {
    content: "";
    position: absolute;
    width: 2vh;
    height: 13vh;
    top: -1vh;
    left: 4.5vh;
    background-color: rgb(142, 142, 142);
    transform: rotate(-45deg);
}