:root {
    --primary: #121212;
    --second: #181717;
}
h2 {
    font-size: 25px;
    font-weight: 700;
}
p {
   color: rgb(164, 165, 165);
}
.btn-one {
   background-color: var(--second);
   color: #FFF;
   border: #f7c532 solid 1px;
}
.btn-one:hover {
   background-color: #FFF;
   color: var(--primary);
   border: #eff628 solid 1px;
}
body {
   background-color: var(--primary);
   background-image: url(imagens/bg.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
}
.logo-top {
   width: 100%;
   text-align: center;
   margin: 0 auto;
   margin-top: 60px;
}
.logo-top img {
   width: 220px;
   text-align: center;
   margin: 0 auto;
}
.bio {
   margin: 60px 0;
}
.bio img {
   border-radius: 100%;
}
.bio .card {
   background-color: var(--second);
   border-radius: 25px;
}
@media screen and (max-width: 980px) {
   .bio {
      text-align: center;
      justify-content: center;
   }
   .bio img {
      width: 170px;
      margin: 0;
   }
 }