* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body, html {
    padding: 5px;
    margin: 0;
}

h1{
    color: darkred;
    padding-bottom: 0;
    margin-bottom: 0;
}
h3{
    padding-top: 0;
    margin-bottom: 0;
}

span{
    display: flex;
    justify-content: center;
    color: blue;
    font-size: larger;
}

.span_esquerda{
    padding-left: 20px;
    display: flex;
    justify-content: left;
    color: blue;
    font-size: larger;
}

.span-erro{
    display: flex;
    justify-content: center;
    color: red;
    font-size: xx-large;
}

.alinhamento-esquerda{
    display: flex;
    padding-left: 5px;

}

.separa-img {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 800px;
    gap: 15px;

}

.img0{
    max-height: 350px;
    width: 350px;

}

.img1{
    max-height: 400px;
    width: auto;
}

.img2{
    max-height: 650px;
    width: auto;
}