.view_background {
    min-height: 100vh;
    background-size: cover;
    background-position: center;
}

.logo {
    height: 130px;
    width: 130px;
    border-radius: 50%;

}


.shadow {
    box-shadow: 0 0 25px rgba(111, 66, 193, 0.35) !important
}

.url {
    font-size: 20px;
    font-weight: 600;
    color: white;
    cursor: pointer;
}
.url:hover {
    color: rgb(76, 206, 238);
}

.url svg {
    height: 20px;
    width: 20px;
}

.bold-buttons button {
    font-weight: 600;
}

.font-500 {
    font-weight: 500;
}

.timer_page #title {
    font-size: 40px;
}

.timer_page #time {
    font-size: 80px;
}

.timer_page #overtimeLabel {
    font-size: 28px;
}

.overtime {
    background: white;
    display: inline-block;
    padding: 4px;
    border-radius: 30%;
}

.timer_card {
    position: relative;
    min-height: 492px;
    border-radius: 20%;
    overflow: hidden; /* Important */
    background-size: cover;
    background-position: center;
}

.time_text {
    font-weight: 600;
   -webkit-text-stroke: 1px white;
}

@media(max-width: 576px){
    .admin_login .btn,
    .admin_login .form-control  {
        font-size: 30px !important;
    }

    h3 {
        font-size: 40px !important;
    }

}

@media (min-width: 1200px) {
    #projectionTitle {
        font-size: 5.5rem !important;
    }
}