#profile {
    align-items: center;
    align-self: center;
}

.loggedout {
    background-color: var(--tile-background-color) !important;
}

.loggedin {
    background-color: var(--button-background-color) !important;
}

.profile {
    align-items: center;
    align-content: center;
    display: flex;
    flex-direction: column;
    margin: 2em;
}

.logout {
    margin-top: 1em;
}

.review {
    margin-top: 2em;
}

#profileTabButton {
    display: flex;
    flex-direction: row;
}

#profileIcon {
    margin-left: 1em;
}

@media (min-width: 450px) {
    button {
        font-size: 14px; /* fallback */
        font-size: var(--desktop-font-size);
    }
    input {
        font-size: 14px; /* fallback */
        font-size: var(--desktop-font-size);
    }
    label {
        font-size: 14px; /* fallback */
        font-size: var(--desktop-font-size);
    }
}