body{
    font-family: Quicksand;
    padding: 50px;
}

nav h1{
    font-family: Fuggles !important;
    font-size: 60px;
    color: #333;
    margin: 5px 0;
}

.app-logo{
    margin-top: 20px;
}

footer {
    position: sticky;
    bottom: 0;
    text-align: center;
    width: 100%;
  }

  #countdown {
    font-size: 24px;
    color: #333;
    display: flex;
    justify-content: center;
    gap:2rem;
    margin: 30px auto 30px auto;
    width: auto;
}

.countdown-box {
    display: flex;
    flex-direction: column;
    gap:0.5rem;
    width: 90px;
}

.countdown-label{
    font-size: medium;
}

#days, #hours, #minutes, #seconds {
    border: 2px solid #333;
    padding: 25px; /* Shorthand for all sides */
    border-radius: 5px;
}


@media only screen and (max-width: 600px) {

.loginBox{
    width: 100% !important;
}

.header-box img {
    height: 40px;
}

.header-box .sub-heading {
    font-size: large;
}
#countdown {
    font-size: 20px;
    color: #333;
    display: flex;
    justify-content: center;
    margin: 30px auto 30px auto;
    gap:1rem;
}
.countdown-box {
    width: 75px !important;
}
#days, #hours, #minutes, #seconds {
    border: 2px solid #333;
}
}