/* ================== */
/* ===== Navbar ===== */
/* ================== */
#navbar {
    /* visual */
    background-color: lightblue;
    border-bottom: black solid 1px;
    /* position */
    display: flex;
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    align-items: center;
    /* Desktop */
    padding-bottom: 10px;
}


#navbar-title {
    /* visual */
    color:white;
    font-family: 'Chewy',cursive;
    -webkit-text-stroke: 2px black;
    /* Position */
    margin: auto;
    /* Desktop */
    font-size: 65px;
}

/* =================== */
/* ===== Content ===== */
/* =================== */
#content {
    /* visual */
    background-color: white;
    /* position */
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    /* Desktop */
    margin-top: 150px; /* To skip the navbar*/
}

.title {
    font-size: 30px;
    text-align: center;
}

.icon-grid {
    display: flex;
    justify-content: center;
    column-gap: 20px;
}

#login-email-input {
    margin-top: 5px;
}

#login-email-button {
    width: fit-content;
    margin-top: 5px;
}

#login-confirm-input {
    margin-top: 5px;
}

#login-confirm-button {
    width: fit-content;
    margin-top: 5px;
}

.login-action {
    display: flex;
    column-gap: 5px;
    align-items: center;
}

#contact-email {
    text-align: center;
}

#premium {
    cursor: pointer;
}