/* IMPORTANDO ARQUIVOS CSS */
@import url('../css/bootstrap.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400&display=swap');

* {
    font-family: 'Montserrat', sans-serif;
}
:root {
    --bg-one: #0634BE;
    --color-one-btn: #E46538;
    --color-one-btn-hover: #bd4e26;
    --color-two-btn: #fff;
}
/* ESTILOS GLOBAIS */
.social-menu-wrapper,
.scm-brand-area {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ESTILOS ESPECÍFICOS */
.social-menu-wrapper {
    background-color: var(--bg-one);
    min-height: 100vh;
    max-width: 100vw;
    padding: 3rem 0;
}
.scm-content-area {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.scm-info-area {
    text-align: center;
}
.scm-info-area p {
    margin: 0;
    color: var(--color-two-btn);
}
.btn-scm {
    background-color: var(--color-one-btn);
    color: var(--color-two-btn);
}
.btn-scm:hover {
    background-color: var(--color-one-btn-hover);
    color: var(--color-two-btn);
    transition: all 0.5s;
}