body{
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding: 0;
    background: url(img/Background.png);
} 

.header{
    display: flex;
    justify-content: center;
    
}
.contact_header{
  display: flex;
  justify-content: center;
}
.contact_line{
  font-size: 36px;
  color: rgb(21, 137, 196);
}
.contact_info{
  font-size: 24px;
  color: rgb(218, 235, 253);
}
.menu-links{
    display: flex;
    justify-content: center;
}
.button {
    text-decoration: none; padding: 14px; border-radius: 4px;
    margin: 20px 50px 0 0;
    background: rgb(40,90,141); color: rgb(218, 235, 253); font-family: sans-serif;
    text-align: center; 
  }

  .home_button{
    text-decoration: none; padding: 14px; border-radius: 4px;
    margin: 20px 50px 0 20px;
    background: rgb(40,90,141); color: rgb(218, 235, 253); font-family: sans-serif;
    text-align: center; 
  }
  .links_cont{
    display: flex;
  
  }
  .list_marks{
    color: rgb(218, 235, 253);
    font-size: 24px;
  }
  .links{
    text-decoration: underline;
    font-size: 22px;
    color: rgb(218, 235, 253);
  }
  
  .modal {
    display: flex; justify-content: center; align-items: center; flex-wrap: wrap;
    position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    min-height: 100vh; pointer-events: none;
    background: rgba(0, 0, 0, 0.7); opacity: 0;
    transition: opacity 400ms ease-in;
    
  }
  .content-modal {
    display: flex; justify-content: space-between; flex-direction: column;
    padding: 10px; border-radius: 10px; width: 300px; background: rgb(218, 235, 253);
    min-width: 500px;
    min-height: 150px;
  }
  .modal:target {opacity: 1; pointer-events: auto;}
  .close {align-self: flex-end; text-decoration: none; color: rgb(40,90,141); font-size: 14px;}
  .content-modal input {outline: none; border: 1px solid gray; margin: 10px 0;}
  .content-modal h4 {margin: 0;}