h3, h2, h4{
    font-family: sans-serif;
    margin: 0;
    color: green;
    text-align: center;
}
 .example, #noteId {
  padding: 6px;
  font-size: 17px;
  border: 1px solid grey;
  float: fixed;
  width: 60%;
  background: white;
}

button {
     width: 10%;
  background-color: #4CAF50;
  color: white;
  padding: 10px 8px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
button:active {
    background-color: rgb(0, 81, 125);
  }

button:hover {
    opacity: 0.7;
} 
body{
         background-image: url(daa.jpg);
         font-family: 'Courgette', cursive;
        background-repeat : no-repeat;
      }
#main{
       width: 600px;
       height: 700px;
       margin: 0 auto;
       border: 2px white solid;
       background-color: rgb(245, 239, 239);
        }
 #content {
    width: 368px;
    height: 80px;
    font-size: 15px;
    border: 2px solid rgb(199, 194, 194);
    background-color: white;
   }