.resume{
margin-top: 40px;
   display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 3rem;
  min-height: 100vh;
  padding: 4rem 2rem;
  text-align: center;
  position: relative;
  z-index: 2;

}

.title , .build ,a {

  color:palevioletred ;

}

.summary {

  color: rgba(252, 250, 250, 0.637);


}

.h3 , p{

 color: rgba(252, 250, 250, 0.637);


}

ul {

  border: none;
position: relative;
overflow: hidden;
border-radius: 20px;
box-shadow: 0 5px 25px rgba(255,255,255, 0.1);
transition: trasform 0.3s ease;
padding: 20px;

}

.skills ul {

 list-style: none;
 
 

}

.skills li::before {
  content: ' 🐦‍⬛ ';
  
}

.certificates {
margin-top: 20px;
margin-left: 20px;
  display: grid;
grid-template-columns:  1fr 1fr 1fr 1fr ;
width: 120px;
gap: 4rem;

}
.contacts {

  list-style: none;
 color: rgba(252, 250, 250, 0.637);

}

.education {
  padding: 3rem 1.5rem;
  max-width: 900px;
  margin: 0 auto;
}

.education h2 {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 1rem;
  color: palevioletred;
}

.education-intro {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 2.5rem;
  color: #555;
}

.education-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.5rem;
}

.education-card {
  background-color: #fff;
  padding: 1.5rem;
  border-radius: 14px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  opacity: 0.70;
}

.education-card h3 {
  margin-bottom: 0.25rem;
}

.education-org {
  font-size: 0.85rem;
  color: #777;
  margin-bottom: 0.75rem;
}

.paragraph {
  color: black;
}

@media (max-width:700px) {

.certificates {
width: 70px;
grid-template-columns:  1fr 1fr 1fr ;
padding: 10px;
gap: 10px;
margin-left: 5px;

}

}