h1{
  font-size: 3em;
  text-align : center;
  color :  cornflowerBlue;
  font-family:  monospace;
}

body {
  background-color: #1D2124;
  /*text-align : center;*/
}

canvas {
  border: 1px solid #c3c3c3;
  height: 200px;
}

.topdiv{
   border-top : 2px solid royalblue;
   border-bottom : 2px solid royalblue;
}
.main_div{
  margin-top : 2px;
  border-top : 3px solid royalblue;
}

#heading{
    font-size : 2.3em;
    color : gold;
    font-family : monospace;
}

p{
  font-size : 13pt;
  font-family:  Courier;
  color : #7ADFC5;
  
}
input {
  font-size: 20px;
  color : ;
}

.sg_hg{
  background-color: ;
  
  border-radius : 5px;
  color: #7ADFC5;
  padding: ;
  cursor: pointer;
  font-size: 15px;
  margin-bottom : 5px; 
}
.sg_hg:hover {
  background-color: black;
  color : cornflowerBlue;
}

.apply_Clear:hover{
  background-color: black;
  color : cornflowerBlue;
}
.apply_Clear{
   border-radius : 5px;
   border : solid black;
   padding: 0px 35px 0px 35px;
}

.download_btn{
   border-radius : 5px;
   border : solid black;
   padding: 0px 35px 0px 35px;
}
.download_btn:hover{
  background-color: #67bf8e;
  color : white;
  border : solid #67bf8e;
}