#tophead{
  border: 3 px solid black;
  margin-top: 5px; 
  background-color: rgb(8, 231, 190); 
  padding-top: 8px;
  padding-bottom: 8px;
}
#menu{
    display: flex;
    justify-content: space-evenly;
    color: rgb(14, 91, 91);
    font-size: 20px;
    border: 3 px solid black;
}
#menu a {
    border: 2px solid black;
    border-radius: 6px;
    padding: 5px;
    background-color: blanchedalmond;
}
#heading3{
    color: red;
    font-size: 40px;
    margin-top: 0px;
    margin-top: 20px;
    text-align: center;
}
#notesbox form {
   display: flex;
   flex-direction: column;
   align-items: center;
}
#form *{
    margin-bottom: 30px;
}
#textarea{
    border: 2px solid rgb(75, 74, 74);
    height: 70px;
    width: 300px;
    color: rgb(15, 2, 78);
}
#input{
    border: 2px solid rgb(75, 74, 74);
    height: 40px;
    width: 300px;
    color: rgb(15, 2, 78);
}
#submitBtn{
    border-radius: 20px;
    background-color:  rgb(8, 231, 190);
    color: red;
    height: 40px;
    width: 120px;

}
.notescol{
    border: 2px solid blue;
    width: 300px;
    border-radius: 10px;
    
}
.notescol * {
    padding: 5px;
} 
 #bottombox *{
    padding: 10px;
}
#buttondiv{
   
    padding: 8px;
}
#add{
    color: white;
    height: 30px;
    width: 30px ;
    padding: 2px;
    background-color: rgb(65, 217, 65);
}
#trash{
    color: white;
     height: 30px;
    width: 30px ;
    padding: 2px;
    background-color: rgb(141, 46, 46);
}