/* CSS Personalizado */

/* Font */

@font-face {

    font-family: 'Izmir';

    src: url('./fonts/Izmir-Regular.ttf');

    font-weight: normal;

}

@font-face {

    font-family: 'Izmir';

    src: url('./fonts/Izmir-Bold.ttf');

    font-weight: bold;

}



/* Geral */

:root {

    --cor-principal: #0a0a0a;

    --cor-secundario: #542874;

    --branco: #ffffff;

    --cor-btn: #0a0a0a;

}

html, body {

    top: 0px;

    left: 0px;

    margin: 0px;

    padding: 0px;

    height: 100%;

    background-color: #F5F5F5;

}

p {

    font-family: 'Izmir';

    font-size: 14px;

    color: var(--branco);

    margin-bottom: 1rem;

}

.icon {

    font-size: 21px;

    color: var(--cor-btn);

    margin-left: 8px;

    margin-right: 8px;

}

.icon {

    color: var(--cor-btn);

}



/* Logo */

.logo {

    width: 125px;

    height: 125px;

    /*border-radius: 50%;*/

    margin-bottom: 1rem;

}



/* Demais */

.espaço {

    height: 15px;

}

header {

    margin-top: 30px;

}

.espacoMain {

    margin-top: 20px;

    margin-bottom: 40px;

}

h1.titulo {

    font-family: 'Izmir';

    font-weight: bold;

    font-size: 2.25rem;

    color: var(--cor-principal);

    margin-top: 25px;

}

p.descricao {

    color: var(--cor-principal);

}



/* Btn */

.btn {

    background-color: var(--cor-btn) !important;

    border: 3px solid var(--cor-btn) !important;

    border-radius: 25px;

    padding: 8px 10px;

    font-size: 21px;

    color: var(--branco) !important;

    text-decoration: none;

    font-weight: bold;

    margin-bottom: 20px;

    transition: background-color linear 500ms, border linear 500ms;

}

.btn:hover {

    background-color: #2e2c2c !important;

    border: 3px solid #2e2c2c !important;

    color: var(--cor-btn);

}



/* Rodape */

.copyRight {

    font-size: 14px;

    text-decoration: none;

    color: var(--branco);

}

.copyRight:hover {

    font-size: 14px;

    text-decoration: none;

    color: var(--branco);

}



/* Mobile */

.btn {

    background-color: var(--branco);

    border: 3px solid var(--branco);

    border-radius: 25px;

    padding: 13px 8px;

    font-size: 18px;

    color: var(--cor-btn);

    text-decoration: none;

    font-weight: bold;

    margin-bottom: 20px;

    transition: background-color linear 500ms, border linear 500ms;

}

.icon {

    font-size: 18px;

}