/**Google fonts 
font-family: 'Dancing Script', cursive;
font-family: 'IBM Plex Serif', serif;
**/

h1 {
    position: relative;
    bottom:15px;
    font-family: 'Dancing Script', cursive;
    font-size: 30px;
    text-align: center; 
    
}
  
h1 a {
    color: #928C73;
    text-decoration: none;
}
  

nav {
    display: grid;
    position: relative;
    bottom: 40px;
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 300px;
    font-family: 'Dancing Script', cursive;
    font-size:35px;
    padding-left: 0%;
    padding-right: 0%;
    border-bottom: 3px solid #928C73;
}
   
#who {
    color: burlywood;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}
  
#language {
    color: burlywood;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}
  
#project {
    color: burlywood;
    padding: 10px;
    text-align: center;
    text-decoration:underline;
}
  
#contact {
    color: burlywood;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}


body {
    background-image: url("../images/background.jpg");
    background-size: cover;
}
  
footer {
    left:0;
    bottom: 0;
    width: 100%;
    background-color: #928C73;
    opacity: 0.8;
    color: burlywood;
    z-index: 1;
}
    
.left-section p {
    position: relative;
    top: 10px;
    text-align: left;
    margin-left: 3%;
}
  
.right-section p {
    position: relative;
    bottom: 40px;
    text-align: right;
    margin-right: 3%;
}
  
footer p {
    font-family: 'IBM Plex Serif', serif;
    margin: 2px;
    font-size: 13px;
}


article p {
    font-family: 'IBM Plex Serif', serif;
    font-size: 30px;
    text-align: left;
}
  
.grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 50px 350px 50px 350px 50px 400px;
    gap:30px;
}

.item1 {
    grid-row: 1 / 6;
    grid-column: 1 / 2;
}

.item2 {
    grid-row: 1 / 6;
    grid-column: 2 / 2;
}

.item3 {
    grid-row: 2 / 6;
    grid-column: 1 / 2;
}

.item4 {
    grid-row: 3 / 6;
    grid-column: 1 / 2;
}
  
.item5 {
    grid-row: 4 / 6;
    grid-column: 1 / 2;
}

.item6 {
    grid-row: 5 / 6;
    grid-column: 1 / 2;
}

.item7 {
    grid-row: 5 / 6;
    grid-column: 2 / 2;
}

.item8 {
    grid-row: 6 / 6;
    grid-column: 1 / 2;
}


.grid-container2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 50px 350px 50px 350px;
    gap:50px;
}
  
.item9 {
    grid-row:  1 / 6;
    grid-column: 1 / 2;
}

.item10 {
    grid-row:  1 / 6;
    grid-column: 2 / 2;
}

.item11 {
    grid-row: 2 / 6;
    grid-column: 1 / 2;
}

.item12 {
    grid-row: 3 / 6;
    grid-column: 1 / 2;
}

  .item13 {
    grid-row: 4 / 6;
    grid-column: 1 / 2;
}

.fetch {
    position:relative;
    left: 20%;
}

.arduino {
    position:relative;
    left: 20%;
}
  
.sensing {
    position:relative;
    left: 20%;
}

h2 {
    font-family: 'IBM Plex Serif', serif;
    font-weight: bold;
    font-size: 40px;
    font-style: italic;
    text-decoration: underline;
}

h3 {
    position: relative;
    top: 20px;
    left: 1100px;
    margin-left: 10%;
    margin-top: 2%;
    font-family: 'IBM Plex Serif', serif;
    font-size: 30px;
}

span {
    font-size: 60px;
}