/*EVERY PAGE------------------------------------------------------------*/
.nav{
  border-radius: 30px;
  background: grey;
  height:25px;
  width:1000px;
  padding-top: 5px;
  margin: auto;
  margin-bottom:10px;
}

/*HOME PAGE---------------------------------------------------------------*/
.home-container {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 200px 200px 200px;
  gap: 10px;
  padding: 10px;
  background-color: red;
  border-radius: 20px;
  margin: 20px;
}

.home-container div {
  background-color: #f1f1f1;
  padding: 10px;
  border-radius: 20px;
}

/*Left column*/
.item1 {
  grid-column: 1;
  grid-row: 1;
  margin-bottom: -90px;
}

.item2 {
  grid-column: 1;
  grid-row: 2;
  margin-top: 90px;
  margin-bottom: -210px;
}

.item4 {
  grid-column: 2;
  grid-row: 2;
}

.item5 {
  grid-column: 2;
  grid-row: 3;
}
/*PROFILE PAGES----------------------------------------------------------*/
.profile-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-template-rows: auto auto auto 500px;
  gap: 5px;
  padding: 10px;
}

.profile-container div {
  background-color: #f1f1f1;
  padding: 10px;
}

.item6 {
  grid-row: 1 / span 3;
}

.item7 {
  grid-row: 1 / span 4;
  grid-column: 4/ span 1;
}
 
 .item15 {
   grid-column: 2 / span 2;
 }
/*CONTACT PAGES--------------------------------------------------------*/ 
.contact-container {
  display: flex;
  flex-direction: row;
  border-radius: 12px;
  padding: 5px;
  background: lightblue;
  margin: 20px;
}

.contact-container div {
  background-color: #f1f1f1;
  border-radius: 12px;
  color:#000;
  width: 100px;
  height: 600px;
  margin: 10px;
  padding: 10px;
}