* {
    box-sizing: border-box;
  }
  body {
      margin:0;
      font-family: 'Poppins', sans-serif;
     font-size: 15px;
      width: 100vw;
    
    }
    h1 { 
      color:black;
        font-size:30px;
        display:none;
        }
  
  h2{color:black;}
     
header{
  background-color: black;
  display:flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  color:white;
  margin:0 0;
  gap:50px;
  width: 100vw;
  height:100px;
  position: fixed;
  top: 10px;
  padding:20px;
  padding-top:30px; 
  border-top: 1px solid;
  border-bottom: solid 1px #fff;

 

}

main { 
  margin-top: 150px;
 
}
.containerforcontacts {
  display:flex;
  gap:50px;
  border:1px solid black ;
  margin:10px;
  margin-bottom:150px; ;
  padding:10px;
  border-radius:5px;
 
  }
  .contact{
  }
.details {
  border:1px solid black ;
  display:flex;
  flex-direction:column;
   border:none;
   color:black;
   background-color:none; 
   border-radius:none;
   margin:10px;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  animation: glow 0.5s ease-in-out infinite alternate;
  transition: all .5s ease-in-out; 
}
.details:hover {
  transform: scale(1.2); 
  background-position-y: 50;
  background-color:#e60073;
  color:white;
  margin-top: 100px;;
  border-radius:20px;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 2px solid #fff;
}
.contactdetes{ color:black;}
.contactdetes:hover {color:white;}