/* 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: #3355ff;
    --cor-secundario: #542874;
    --branco: #ffffff;
    --cor-btn: #045082;
}
html, body {
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    height: 100%;
    background-color: var(--cor-principal);
}
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(--branco);
    margin-top: 25px;
}
p.descricao {
    color: var(--branco);
}

/* Btn */
.btn {
    background-color: var(--branco);
    border: 3px solid var(--branco);
    border-radius: 25px;
    padding: 8px 10px;
    font-size: 21px;
    color: var(--cor-btn);
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 20px;
    transition: background-color linear 500ms, border linear 500ms;
}
.btn:hover {
    background-color: #dddddd;
    border: 3px solid #dddddd;
    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;
}