* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
}

body {
    background: #080004;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

/* Tela inicial */

#telainicial {
    position: relative;
    width: 1000px;
    height: 700px;
    overflow: hidden;
}

/* Fundo */

#rectangle {
    position: absolute;
    inset: 0;

    width: 1000px;
    height: 700px;

    background: #080004;
}

/* Degradê / área inferior */

#degradedefundo {
    position: absolute;

    top: 385px;
    left: 0;

    width: 60000px;
    height: 315px;

    background: rgba(84, 58, 58, 0.57);

    filter: blur(39px);
}

/* Botão */

#botaoparaentrar {
    position: absolute;

    left: 296px;
    top: 496px;

    width: 419px;
    height: 42px;

    border: 1px solid #ffffff;

    display: flex;
    justify-content: center;
    align-items: center;

    text-decoration: none;

    transition: background 0.2s ease;
}

#botaoparaentrar:hover {
    background: rgba(255, 255, 255, 0.08);
}

/* Texto ENTER */

#enter {
    font-family: 'Readex Pro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 23px;

    color: #ffffff;

    white-space: nowrap;
}

/* Logo */

#simbolologo {
    position: absolute;

    left: 423px;
    top: 174px;

    width: 165px;
    height: 165px;
}

/* Círculo */

#oval {
    position: absolute;

    left: 9px;
    top: 11px;

    width: 147px;
    height: 147px;

    border: 3px solid #ffffff;
    border-radius: 50%;
}

/* Estrela */

#star {
    position: absolute;

    left: 0;
    top: 0;

    width: 165px;
    height: 165px;

    border: 6px solid #fafafa;

    transform: rotate(45deg);
}