body {
    background-color:#0F0F0F;
}

.pai {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    border:3px;
    border-radius: 40%;
    
}

.lado {
    display: flex;
}

.perfils {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    align-items: center;
    display: grid;
}

/*Agatha*/

.perfila {
  color:white;
  display: flex;
  align-items: center; 
  transition: 0.5s ease
  background-color: #262626;
  border-radius: 40px;
  }

.perfila img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden; 
    margin: 15px;
    float: left;
  }
  
.perfila img:hover {
   transform: scale(1.025)
  }
  
/*Kemi*/
.perfilk {
  color:white;
  display: flex;
  align-items: center; 
  transition: 0.5s ease
  background-color: #262626;
  border-radius: 40px;
  }

.perfilk img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden; 
    margin: 15px;
    float: left;
  }
  
.perfilk img:hover {
   transform: scale(1.025)
  }

/*Jae*/
.perfilj {
  color:white;
  display: flex;
  align-items: center; 
  transition: 0.5s ease
  background-color: #262626;
  border-radius: 40px;
  }

.perfilj img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden; 
    margin: 15px;
    float: left;
  }
  
.perfilj img:hover {
   transform: scale(1.025)
  }
  
  /*Kaiser*/
  .perfil {
  color:white;
  display: flex;
  align-items: center; 
  transition: 0.5s ease
  background-color: #262626;
  border-radius: 40px;
  }

.perfil img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden; 
    margin: 15px;
    float: left;
  }
  
.perfil img:hover {
   transform: scale(1.025)
  }
  
  /*Topo*/

img {
    width: 75px;
    height: auto;
    top:5%;
    left:30%;
  }
  
  .logo {
  display: flex;
}

.rolar {
  display: flex;
  width: 100vw;
}

input {
  height:30px;
  width:500px; 
  position: absolute;
  border-radius: 10px;
   top:5%;
   left:15%;
  }
  
.search-button {
  height:36px;
  width:50px; 
  position:absolute ;
  border-radius: 10px;
   top:5%;
   left:47%;
  }