style1.css

body {
    font-family:Poppins;
    /* font-family:Arial,Helvetica, sans-serif; */
}
div{ margin:0;
   }
p,ul{
     line-height: 1.3em;
     margin-right: 2px;
     margin-left:2px;
}
h2{
    margin-bottom: 0;
}
h4{
    color:blue;
    font-size: 1.2em;
}
a{
  text-decoration: none;
}

.img100 {
	width: 100%;
	height: 100%;
}

#imgsc {
	width: 100%;
	height: 100%;
}
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 10px; /* Place the button at the bottom of the page */
  right: 10px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color:rgba(255, 0, 0, 0.7); /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}
#submenu {
    font-size: 1em;
    color: black; 
}
#ham{
    margin-right:5px;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color:#ff4d4d;
  overflow-x: hidden;
  transition: 0.1s;
}
.sidenav a {
  padding: 10px 10px 10px 32px;
  text-decoration: none;
  font-size: 1.1em;
  color: #ffffff;
  display: block;
  transition: 0.1s;
}
.sidenav span{
  padding: 10px 10px 10px 10px;
  font-size: 1.7em;
  background-color:#000;
  border-bottom: 1px solid red;
  // margin-bottom:8px;
  display: block;
}
.sidenav a:hover {
  color: #f1f1f1;
}
.sidenav .closebtn {
  cursor:pointer;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  margin:0;
  padding:8px;
}
#main {
  transition: margin-left .1s;
  padding: 14px;
}
#submenu.active{
    background-color:#000;
    color:#ff0000;
}
#menu.active{
    background-color:#000;
    color:red;
}
#submenu:hover {
  background-color: #fff; /* Add a background on hover */
}
#menu:hover {
  background-color: #000; /* Add a background on hover */
}

/* Create two equal columns that floats next to each other */
.column1 {
  float: left;
  width: 55%;
}
.column2 {
  float: left;
  width: 45%;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;