body {
    text-align: center;
    background-color: #5391fa;
    font-family: "Lexend", sans-serif;
}

.content-box {
    position: relative;
    font-size: 140%;
    margin: 150px auto;
    top: 25%;
    left: 3%;
    color: white;
    align-items: center;
}


@keyframes anim_titulo_stand {
    0%{opacity: 100%;}
    25%{opacity: 50%;}
    50%{opacity: 25%;}
    75%{opacity: 50%;}
    100%{opacity: 100%;}
}


.titulo{
    animation-name: anim_titulo_stand;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    text-decoration: underline;
    padding-top: 25%;
}

.titulo:hover{
    font-size: 240%;
}

.rosco {
    position: relative;
    width: 400px;
    height: 400px;
    margin: 100px auto;
    border-radius: 50%;
}

.letras {
    position: absolute;
    width: 14%;
    height: 14%;
    border: 2px solid white;
    background-image: radial-gradient(circle, #0074d9, #004b8d);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 40px;
    color: white;
    transition: 0.3s;
}