@charset "utf-8";

body {
    border: 0;
    margin-left: 20%;
    margin-right: 20%;
}

/* foto do Betim Tem */
#Betim-logo {
    text-align: center;
    max-width: 500px;
    min-width: 100px;
    max-height: 500px;
    min-height: 75px;
    margin: auto;
}

/* div da foto do Betim Tem */
#Betim {
    text-align: center;
    width: auto;
    height: auto;
    margin: auto;
}

/* barra de opções */
.options-bar {
    text-align: center;
    background-color: rgb(4, 210, 210);
    border-radius: 50vh;
    border: 0;
    max-width: 1000px;
    min-width: 300px;
    min-height: 10px;
    max-height: 100px;
    padding: 1%;
    margin: auto;
    justify-content: space-around;
    position: relative;
    transform: translate();
}

/* links da barra de opções */
a {
    text-decoration: none;
    background-color: aliceblue;
    border-radius: 50vh;
    padding: 1%;
    text-align: center;
    align-items: center;
    flex-wrap: wrap;
    position: absolute;
    transform: translate();
    margin-bottom: 100%;
}

#rel {
    position: relative;
    transform: translate();
    margin-top: auto;
}

#ent {
    position: relative;
    transform: translate();
    margin-bottom: auto;
}

#seg {
    position: relative;
    transform: translate();
    margin-bottom: auto;
}

#edu {
    position: relative;
    transform: translate();
    margin-bottom: auto;
}

#esp {
    position: relative;
    transform: translate();
    margin-bottom: auto;
}

#eco {
    position: relative;
    transform: translate();
    margin-bottom: auto;
}

/* container dos conteudos */
#container-conteudos {
    background-image:linear-gradient(to left,rgb(4, 210, 210),yellowgreen);
    max-height: 700px;
    min-height: 130px;
    max-width: 850px;
    min-width: 250px;
    margin-top: 5%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 5%;
    padding-top: 1%;
    padding-bottom: 1%;

    padding-left: 1%;
    padding-right: 1%;
} 
#img-5{
width: 100%;
height: 100%;
}
/* historia de Betim */
#historia-betim{
    background-color: rgb(227, 255, 255);
}
#titulo-texto{
    text-align: center;
    font-size: x-large;
}
#texto{
    margin-left: 5%;
    margin-right:5%; 
    padding-bottom: 2%;
    text-align: justify;
    font-size: larger;
}
/* footer */

footer {
    background-color: rgba(225, 238, 250, 0.532);
    color: rgb(58, 58, 58);
    height: 100%;
    width: 100%;
    padding-bottom: 1%;
    padding-top: 1%;
    margin-top: 10%;
    grid-template-columns: 5vh x 2;
    grid-template-rows: 1fr x 2;
    display: flex;
}

#creators {
    grid-row: 1/3;
    grid-column: 1/3;
}

#feedback {
    grid-row: 3/5;
    grid-column: 1/3;
    border-left: 1px solid black;
    width: 50%;
    padding-left: 10%;
    margin-left: 20%;
}