body {
    background-color: #242627;
    font-family: monospace, arial;
}

main {
    width: 70%;
    margin: 20px auto;
    background: #000000;
    padding: 70px;
}

/* quadrado onde está o título */
header {
    background: #48FDFF;
    padding: 15px;
    border-bottom: 2px solid black;
}

/* cor, alinhamento e outras características dos textos*/
h1 {
    text-align: center;
    margin: 0;          /* espaço entre o título e a caixa (header)*/
    color: black;
}

h2{
    color: #48FDFF;
    margin-top: 50px;       /* dá mais espaço entre as seções */
    border-bottom: 2px solid #48FDFF;   /* borda de 2 pixels em baixo; solid - linha normal */
    padding-bottom: 5px;        /* mais espaço entre h2 e p */
}

h3{
    color: #f958ff;
}

p {
    color: white;
    line-height: 1.6;
    font-size: 16px;
}

/* mudar cor e decoração dos links */
a {
    color: #fdfd9f;
    text-decoration: none; /*tira sublinhado que vem automático*/
}

/* mostra sublinhado quando passa mouse por cima dos links */
a:hover {
    text-decoration: underline;
}

/* legendas */
figcaption {
    text-align: left;
    color: #dddbdb;
    font-size: 14px;
    padding-top: 5px;
}

/* imagens */
.ftSistema{
    display: flex;  /* elementos lado a lado */
    justify-content: center;    /* deixa imagens centralizadas */
}
.ftSistema img{
    width: auto;
    height: 270px;
}

.ftScoreEd{
    display: flex;
    justify-content: center;
}
.ftScoreEd img{
    width: auto;
    height: 270px;
}

.ftTransform{
    display: flex;
    justify-content: center;
}
.ftTransform img, .ftTransform iframe{
    width: auto;
    height: 270px;
}