*{
  font-family: "Inter", sans-serif;
}
body{
   height: 100vh;
   background-color: hsl(0, 0%, 8%);
   display: flex;
   align-items: center;
   justify-content: center;
}
.caixap{
  background-color: hsl(0, 0%, 12%);
  border-radius: 10px;
  width: 21.5rem;

}
.img-perfil{
  padding: 2rem 0rem 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
img{
  height: 5rem;
  border-radius: 50px;
}
.Nome{
  color: white;
  text-align: center;
  font-size: 11px;
}
p.N{
  margin-top: -10px;
  font-size: 14px;
  color: hsl(75, 94%, 57%);
}
.txt-desc{
  margin-top: 1.5rem;
  font-size: 14px;
  text-align: center;
  color:  white;
  font-weight: 400;
}
div.btns{
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 10px 35px 35px;
  border-radius: 20px;
  gap: 15px;
}
button{
  padding: 1rem 0rem 1rem;
  border-radius: 7px;
  border: none;
  color: hsl(0, 0%, 100%);
  font-weight: 700;
  background-color: hsl(0, 0%, 20%);
  cursor: pointer;
}
button:hover{
  transition: 0.4s;
  color: black;
  background-color: hsl(75, 94%, 57%);
}