body{
   

    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background-color: #44449a;
 opacity: 1;
 background: linear-gradient(135deg, #acb7f855 25%, transparent 25%) -40px 0/ 80px 80px, linear-gradient(225deg, #acb7f8 25%, transparent 25%) -40px 0/ 80px 80px, linear-gradient(315deg, #acb7f855 25%, transparent 25%) 0px 0/ 80px 80px, linear-gradient(45deg, #acb7f8 25%, #e5e5f7 25%) 0px 0/ 80px 80px;
   
 }
header{
    text-align: center;
}
 h1{
    background-color: rgb(24, 66, 191);
 }
 
 h2{
    text-align: center;
    background-color: #1ca3dd;
    color: rgb(16, 30, 30)"
 }

 h3{
    color: rgb(66, 46, 162);
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 }

 h4{
    text-align: left;
    background-color: #4961e9;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: medium;
 }
 


 h6{
  text-align: center;
  font-size: medium;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 }
 

 #aboutme{
    display: grid;
 }
 ul {
     display: grid;
     grid-template-columns: lfr lfr lfr;
     margin-block-start: 0;
     padding-inline-start: 0;
     margin: 0;
 }
 
 nav {
     display: grid;
     grid-template-columns: lfr lfr lfr;
     margin-block-start: 0;
     padding-inline-start: 0;
     margin: 0;
     top: 0;
     width: 100%;
 }
 
 a {
     width: 300px
 }
 
 P {
     display: grid;
     grid-template-columns: lfr lfr;
     margin: 10px;
     padding: 0px;
 }
 
 li {
     display: grid;
     grid-template-columns: lfr lfr;
     margin: 10px;
     padding: 10px;
 }
 
 a:link,
 a:visited {
   background-color:lightskyblue;
    transition: color 0.5s;
     transition: background-color 0.5s;
   color: black;
 padding: 10px;
   text-decoration: none;
   display: inline-block;
   
 }
 a:hover,
 a:active {
   background-color: rgb(110, 205, 200);
   transition: color 0.5s;
   transition: background-color 0.5s;
   color: rgb(200, 70, 70);
 }
 
 
 p {
   max-width: 1000px;
   margin: auto;
 }
 
 
  a:link,
 a:visited {
   background-color:rgb(72, 192, 232);
    transition: color 0.5s;
     transition: background-color 0.5s;
   color: black;
 padding: 10px;
   text-decoration: none;
   display: inline-block;
   
 }
 a:hover,
 a:active {
   background-color: lightseagreen;
   transition: color 0.5s;
   transition: background-color 0.5s;
   color: rgb(182, 45, 106);
 }
 
 
 p {
   max-width: 1000px;
   margin: auto;
 }
 
     img {
       width: 100%
     }
 
     
 

div {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
}

ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 10px;
}


    

@media screen and (min-width: 724px) {

    #aboutme{
        grid-template-columns: 1fr 2fr;
    }

    #gallery {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;   
        padding: 10px;
        
    }
    nav {
        display: grid;
        grid-template-columns: 1fr 1fr;   
        padding: 10px;
        
    }

    p {
        max-width: 1000px;
        font-size: 10;
    }
}