contributor.css

body{
    background-color: lightgray;
}
.contributors-container h2{
    display: flex;
    justify-content: center;
    align-items: center;
}
#contributors-list
 {
   
list-style-type:none;
   
padding-left:0;
   
display:grid;
/* Add this line */
   
grid-template-columns:
repeat(auto-fill,
minmax(200px,1fr));
/* Add this line */
   
gap:
20px;
/* Add this line to add space between grid items */
  }
 
 
.contributor-item {
   
display:
flex;
   
flex-direction:
row;
   
align-items:
center;
   
margin-bottom:
10px;
  }
 
 
.contributor-image {
    border: 5px solid black; 
width:100px;
   padding: 10px;
height:
100px;
   
border-radius:
50%;
   
margin-right:
10px;
  }
 
 
.contributor-name {
   
font-size:
20px;
/* Adjust the font size as needed */
  }
 
.contributor-name:hover {
   
text-decoration:
underline;
  }
 
 
.contributors-container
h2{
   font-family: sans-serif;
font-size:
40px;
   
font-weight:
800;
   
margin-bottom:
20px;
  }
 
.contributors-container
a{
   
text-decoration:
none;
   
color:
#000000;
   padding: 20px;
font-size:
medium;
  }
 
.contributors-container
a:hover{
   
color:#ffc400;
  }
 
#contributors-list {
   
list-style-type:
none;
/* Add this line */
   
padding-left:
0;
/* Add this line to remove the default padding */
  }

  #contributors-list li:hover {
    color: #52df96;
    transform: translateY(-4px);
    transition: 0.3s;
}

#contributors-list li:hover .contributor-image {
    transform: scale(1.1);
}
.Header {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
  background-color: #4caf50;
  color: white;
  padding: 10px;
  margin: 10px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
}

.rate-us-btn {
  color: #4caf50;
  background-color: #fff;
  padding: 10px 15px;
  border-radius: 5px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.rate-us-btn:hover {
  background-color: #0f0c0c;
  color: #fff;
}

.Contributors {
  color: #4caf50;
  background-color: #fff;
  padding: 10px 15px;
  border-radius: 5px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.Contributors:hover {
  background-color: #03b300;
  color: #fff;
}
footer{
  padding: 20px;
  color: white;
  background-color:#4caf50 ;
  margin-top: 30px;
  border-radius: 20px;
}
.footers{
  display: flex;
}
.copy{
  text-align: center;
  margin-top: 30px;
}
.summary{
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 2rem;
  margin-right: 20px;
 }
 .what{
  font-size: 1.2rem;
 }
 .contact{
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 2rem;
  margin-right: 20px;
 }
 html {
  scroll-behavior: smooth;
}


::-webkit-scrollbar {
  width: 15px;
}

::-webkit-scrollbar-track {
  background: #d1e5ff;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(#03b300, #0d4a1c);
  border-radius: 10px;
}