/*
  ______   ______   .__   __. .___________.    ___       ______ .___________.
 /      | /  __  \  |  \ |  | |           |   /   \     /      ||           |
|  ,----'|  |  |  | |   \|  | `---|  |----`  /  ^  \   |  ,----'`---|  |----`
|  |     |  |  |  | |  . `  |     |  |      /  /_\  \  |  |         |  |     
|  `----.|  `--'  | |  |\   |     |  |     /  _____  \ |  `----.    |  |     
 \______| \______/  |__| \__|     |__|    /__/     \__\ \______|    |__|     
                                                                             
*/

.contact-container {
  display: grid;
  grid-template-columns: 2fr 1fr ;
  gap: 16px;
  margin: 20px;
}

@media (max-width:600px){
  .contact-container {
    grid-template-columns: 1fr;
    height: fit-content;
  }
}

.card {
  border-radius: 20px;
  background: white;
  padding: 10px;
}