*{ margin:0;
   padding:0;
}
body{margin-left:3px;margin-right:3px;font-style:italic;}
html{scroll-behavior:smooth}
body{background-color:#fc9;
text-align: center;
font-weight: 700;
padding: 0;
font-family: Helvetica,sans-serif;}

table,tr,td,th{
border:1px solid #000;
border-collapse:collapse;
}
th{padding:10px;background-color:#DAA520;text-shadow:1px 1px 2px #fff;font-size:18px;h}
td{padding:5px;
font-size:22px;
font-weight:bold;
text-shadow:1px 1px 2px #fff;
}

#dpheader{
background:#e6b07e;
border:1px solid red;
border-radius:12px;
padding:6px;
display:flex;
align-items:center;
justify-content:space-between;
font-family:Arial;
margin-bottom:5px;
}

/* logo text */
#logo{
font-size:30px;
font-weight:bold;
color:#ff1493;
font-style:italic;
text-shadow:1px 1px 2px #fff;
}

/* main title */
#title{
font-size:26px;
font-weight:bold;
color:#000;
margin-left:10px;
flex-grow:1;
}



#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* 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: red; /* 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: red; /* Add a dark-grey background on hover */
}