body{
    background-color: rgb(0, 57, 179);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: center;
    color: white;
}

h1{
    border: solid black 10px;
    border-radius: 10px;
    font-family: 'Times New Roman', Times, serif;
    padding: 20px;
    background-color: rgb(0, 40, 105);
    font-size: 50px;
    color: white;
}

h2{
    border: solid black 5px;
    border-radius: 10px;
    font-family: 'Times New Roman', Times, serif;
    background-color: rgb(0, 40, 105);
    padding: 5px;
    color: white;
}

hr{
    color: white;
}

table{
    background: linear-gradient(to bottom right, rgba(0, 0, 255, 0.658), rgba(58, 101, 141, 0.658));
    border-radius: 10px;
    padding: 5px;
    margin-top: 5%;
}

.interior{
    border: solid;
    border-radius: 10px;
    background-color: rgba(0, 40, 105, 0.75);
    padding: 5px;
}

.creditos{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.music{
    border: solid black 10px;
    border-radius: 10px;
}

.discord{
    border: solid black 5px;
    border-radius: 50%;
}

.icons{
    border: solid black;
    border-radius: 10px;
    text-align: center;
    background-color: darkgray;
    position: relative;
    bottom: -20px;
}

.simpleChart{
    border: solid black 10px;
    border-radius: 10px;
    padding: 5px;
    margin: 2.5px;
    background-color: darkred;
}

.IQ{
    border: solid black 10px;
    border-radius: 10px;
    padding: 5px;
    margin: 2.5px;
    background-color: darkred;
}

.acerca{
    color: gold;
    font-family: 'Times New Roman', Times, serif;
    font-size: 20px;
}

.textoFinal{
    color: rgb(146, 146, 146);
}