@font-face {
  font-family: 'custom-font';
  src: url('../fonts/PlaywriteNGModern-VariableFont_wght.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


.main-content {
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    font-family: custom-font;
}

.main-content .glass-box-location {
    height: 180px;
    width: 400px;
    border-radius: 30px;
    backdrop-filter: blur(6px);
    background-color: rgba(70, 85, 88, 0.39);
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-content .glass-box-time {
    height: 220px;
    width: 400px;
    border-radius: 30px;
    backdrop-filter: blur(6px);
    background-color: rgba(70, 85, 88, 0.39);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.glass-box-location .location-text {
    color: rgb(255, 255, 255);
    font-size: 60px;
    text-shadow: 0px 0px 10px #ffffff;
}

.glass-box-time .time-text {
    color: #ffffff;
    font-size: 50px;
    text-shadow: 0px 0px 15px #ffffff;
}

.glass-box-time .date-text {
    color: #ffffff;
    font-size: 30px;
    margin-top: 6px;
    text-shadow: 0px 0px 15px #ffffff;
}

.glass-box-time .divider {
    width: 300px;
    height: 1;
    border-width: 1px;
    border-style: solid;
    border-color: #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}