estilos.css

body{
    background-image: url("../Images/Walpaper Sv5.jpg");
    background-size: 1900px 1200px;
    padding: 0;
}
#tudo{
    background: #49caf5;
    opacity: 0.8;
    width: 1000px;
    margin: 0 auto;
    margin-top: 100px;
    border: 5px solid black;
    border-radius: 20px;
}
#centro{
    margin: 0;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
}
#caixas{
    width: 1000px;
    display: flex;
    justify-content:  space-between;
    font-weight: bold;
}
#titulo{
    font-size: 30px;
    margin: 0;
    text-align: center;
    font-weight: bold;
}
#boxEsq{
    font-size: 20px;
    width: 360px;
    margin: 10px;
    margin-top: 40px;
}
#boxDir{
    width: 600px;

}
#caixaEsq{
    width: 300px;
    float: left;
}
#caixaDir{
    align-content: space-between;
    width: 300px;
    float: right;
}
.botao{
    float: left;
    border: 2px solid black;
    padding: 5px;
    background: crimson;
    width: 295px;
    border-radius: 10px;
    font-weight: bold;
}
.botao2{
    float: left;
    border: 2px solid black;
    padding: 5px;
    background: #66cc00;
    width: 295px;
    border-radius: 10px;
    font-weight: bold;
}
#spoiler{
    border: 2px solid black;
    padding: 5px;
    background: crimson;
    width: 280px;
    border-radius: 10px;
    font-weight: bold;
}
#spoiler2{
    border: 2px solid black;
    border-radius: 10px;
    padding: 5px;
    background: #66cc00;
    width: 280px;
    font-weight: bold;
}