:root {
    --dark: #333;
    --grey: #5F6368;
    --light: #FFF;
    --dark-grey: #E7E7E7;
    --sky: #489EFD;
    --primary: #007AFF;
    --error: #FF4F4F;
}


.container {
    max-width: 1360px;
    padding: 0 10px;
    margin: 0 auto;
}

@media (max-width: 724px) {
    .container {
        padding: 0 24px;
    }
}

.white {
    color: var(--light);
}

.dark {
    color: var(--dark);
}

.hidden {
    display: none;
}

.d-flex {
    display: flex;
}

.space-between {
    justify-content: space-between;
}

.align-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.flex-column {
    flex-direction: column;
}

.text-center {
    text-align: center;
}

.cursor-pointer {
    cursor: auto;
}

.rounded {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    /*background: var(--dark-grey);*/
    margin-left: 12px;
}