Style.css

body {
    margin: 0%;
    padding: 0%;
}

.hide {
    display: none;
}

.bg-image {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -2;

}

#clock {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 50px;
    font-weight: 800;
}

#name {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#hello {
    color: white;
    font-size: 30px;
    font-weight: 500;
}

/* #edit-name {
    width: 10;
    height: 10;
    text-align: center;
    float: right;
    opacity: 50%;
    background: transparent;
    cursor: pointer;
} */

#quote {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 20px;
    font-weight: 500;
}

#author {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 20px;
    font-weight: 500;
}

#black-bg {
    position: absolute;
    opacity: 50%;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    text-align: center;
    top: 0px;
    padding: 0;
    margin: 0;
}