:root {
    --accent-color-blue: #2396DC;
    --accent-color-blue-tint-1: #4ba9e2;
    --accent-color-blue-tint-2: #5fb3e5;
    --accent-color-blue-tint-3: #73bce8;
    --accent-color-orange: #FF6B02;
    --main-text: #2A2A2A;
    --main-light: #353535;
    --background-main: #EEF2F6;
    --background-dark: #262728;
}

.ssl-body {
    height: 100vh;
    width: 100vw;
}

.ssl-flex {
    display: flex;
    gap: 15px;
}

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

.ssl-center {
    justify-content: center;
    align-items: center;
}

.ssl-between {
    align-items: space-between;
}

.ssl-background {
    background-color: var(--background-main);
}

.ssl-grid {
    display: grid;
}

.ssl-margin {
    margin-top: 15px;
}

.ssl-padding {
    padding: 50px;
}

.ssl-button {
    background: var(--accent-color-blue);
    color: #ffffff;
    padding: 12px 40px;
    border: none;
    border-radius: 0px;
    transition: 0.4s;
}

.ssl-button:hover {
    background-color: var(--accent-color-orange);
}