body {
  margin: 0;
  padding: 0;
  font-family: 'Arial', sans-serif;
  background-color: #3498db; /* Blue background for the top part of the page */
}

h1 {
  text-align: center;
  color: #fff; /* White color for the title */
  font-size: 50px;
  padding: 20px 0; /* Add padding to the top of the page */
}

.logo {
  width: 64px; /* Adjust the width of the logo as needed */
  height: auto; /* Maintain the aspect ratio */
  margin-right: 0; /* Add margin to the right for spacing */
}

input {
  width: 100px;
  padding: 10px;
  font-size: 16px;
  margin-right: 10px;
  margin-left: 40px;
}

button {
  padding: 10px;
  font-size: 16px;
  cursor: pointer;
  margin-right: 10px;
}

.input-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

table {
  width: 40%;
  margin: 0 auto; /* Center the table on the page */
  border-collapse: collapse;
  background-color: #fff; /* White background for the table */
}

th, td {
  padding: 10px;
  text-align: center;
  border: 1px solid #ddd;
  font-size: 20px;
}

/* Style the table header */
th {
  background-color: #3498db;
  color: #fff;
}

.panel{
position: absolute;
top:0;
left:0;
display:flex;
justify-content: center;
align-items: center;
height:100%;
width: 100%;
transition: transform 300ms;
z-index:-1;
}
.panel div{  
display:flex;
flex-direction:column;
justify-content: center;
align-items: center;
background: beige;
width: 400px;
height:400px;
z-index:1000;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.panel[data-on='on'] 
{
transform: scale(1);
z-index: 999;
}
.panel[data-on='off'] 
{
transform: scale(0);
}

p {
  font-size: 16px;
  line-height: 1.5;
  text-align: justify;
  margin-bottom: 20px;
  margin-right:10px
}

#dialog {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  z-index: 999;
}

#googleBtn, #twitterBtn {
  margin: 10px;
  padding: 10px;
  font-size: 16px;
  cursor: pointer;
}