.perfil{
   box-sizing: border-box;
   margin-top: 85px;
   background-color: rgba(255, 255, 255, 0.911);
   width: 65%;
   min-height: 40rem;
   border-radius: 0.5rem;
   margin-bottom: 5rem;
   box-sizing: border-box;
}

.perfil__titulo{
   display: flex;
   margin: 0;
   padding: 1.25rem;
   background-color: #542673;
   color: #f9f9f9;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
}

.perfil__titulo--nome{
   margin-left: 7px;
}

.perfil__usuario{
   width: 100%;
}

.perfil__usuario > img {
   width: 150px;
   display: block;
   margin: 2rem auto 0;
}

.perfil__usuario__nome{
   text-align: center;
   margin-top: 1rem;
   font-size: 1.5rem;
   font-weight: bold;
   color: rgb(51, 51, 51);
}

.perfil__placar{
   margin-top: 2rem;
   width: 100%;
   box-sizing: border-box;
   display: flex;
   justify-content: space-around;
   padding: 1rem 2rem;
   background-color: #b193c7;
}

.perfil__pontos{
   width: 150px;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.perfil__pontos > p{
   font-size: 1.25rem;
   text-align: center;
   margin-top: .5rem;
   color: white;
}

.perfil__pontos > img{
   width: 40px;
   text-align: center;
}

.perfil__pontos__conteudo{
   font-size: 1.6rem;
   font-weight: bold;
   margin-top: 0.7rem;
   color: white;
}

.perfil__salvos__titulo{
   font-size: 2rem;
   font-weight: bold;
   color: rgb(88, 88, 88);
   margin: 1.5rem;
}

.perfil__salvos{
   padding: 2rem;
}

.perfil__salvos__conteudo{
   width: 100%;
   padding: 0 1.5rem;
   
}

.container__item{
   display: inline-block;
   width: 17%;
   box-sizing: border-box;
   margin-right: 1.5rem;
   background-color: grey;
   border: 1px solid grey;
   border-radius: 5px;
   transition: .3s;
}

.container__item:hover{
   background-color: #F2BB77;
   border: 1px solid #F2BB77;
}

.container__item > img{
   width: 100%;
   height: 85%;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
}

.titulo-lancamentos{
   padding: 0.3rem;
   font-size: 1rem;
}

@media screen and (max-width: 999px){

   .perfil{
      width: 100%;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      box-sizing: border-box;
   }

   .perfil__salvos__conteudo{
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      align-items: center;
   }

   .container__item{
      box-sizing: border-box;
      width: 60%;
      margin-bottom: 2rem;
   }
}