*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: rgba(0, 255, 166, 0.64);
}
a{
  font-weight: bold;
  text-decoration: none;
}
body{
    background: url(../fundo-escuro.jpg);
    background-color: RGB(4, 47, 86);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
img{
    max-width: 18em;
    max-height: 18em;
    margin: 1em auto;
    border-radius: 10px;
  }
  .sobreMim {
    margin: 1em;
    max-width: 45em;
    max-height: 20em;
    border-radius: 1em;
    background: rgba(0, 0, 0, 0.478) ;
    display: grid;
    text-align: center;
    align-items: center;
  }
.sobre{
  margin-top: 1em;
  display: flex;
  justify-content: space-around;
  height: 50vh;
  display: flex;
}
h2{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3em;
  font-size: 2.5em;
}
h3{
  font-size: 2em;
}
p{
  margin: 1em;
  font-size: 1.2em;
}
@media(max-width:1100px){
  p{
    font-size: 1em;
  }
}
@media(max-width:800px){
  .sobreMim {
    width: 50%;
  }
  img{
    max-width: 12m;
    max-height: 12em;
    margin: 1em auto;
    border-radius: 10px;
  }
}
@media(max-width:800px){
  h3{
    font-size: 1.5em;
  }
}
@media(max-width:530px){
  .sobre{
    display: grid;
  }
  .sobreMim {
    width: 20em;
    height: 16em;
  }
}