nav{
            background-color: black;
            color: 
            white;
            padding-left: 20px;
            padding-bottom: 30px;
            padding-top: 20px;
        }
        *{
            margin: 0;
            padding: 0;

        }
        li,h2,ul{
            display: inline
            ;
            
        }
        ul{
            margin-left: 60%;
            
        }
        li{
            color: grey;
            
        }
    li:hover{
        color: aliceblue;
    }
    li{
        cursor: pointer;
    }
        FORM{
            margin-top: 30px;
        }
input{
    width: 60%;
    height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 30px;
    text-align: left;
    padding-left: 30px;
    margin-left: 20%;
    
}
.box1{
    border-color: black;
    border-width: 3px;
    border-style: solid;
    padding: 30px;
    margin-top: 70px;
    margin-left: 10%;
    display: inline-block;
    width: 300px;
}
.box2{
   border-color: black;
    border width: 2px;
    border-style: solid;
    padding: 30px;
    margin-top: 70px;
    margin-left: 50px;
    display: inline-block;
    width: 300px;

}
.box3{
    border-color: black;
    border width: 2px;
    border-style: solid;
    padding: 30px;
    margin-top: 70px;
    margin-left: 50px;
    display: inline-block;
    width: 300px;
}

.box3:hover{
  background-color:  black;
  color: white;
}
.box2:hover{
  background-color:  black;
  color: white;
}
.box1:hover{
  background-color:  black;
  color: white;
}
body{
    background-color: rgb(221, 221, 221);
}
.ABOUT{
    text-align: center;
    margin-top: 50px;

}
.CONTACT{
    text-align: center;
    display: block;
    background-color: black;
    color: grey;
    margin-top: 30px;
}