body {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   width: 100%;
   margin: 0 auto;
   text-align: center;
   overflow-x: hidden;
   overflow-y: auto;
}

h4 {
   font-size: 16px;
   font-weight: bold;
}

ol,
ul {
   text-align: left;
}

#intro {
   flex-direction: row;
   margin-bottom: 60px;
   overflow-y: auto;
}

#privacy {
   width: 800px;
   flex-direction: row;
}

.logo {
   width: 217px;
}

.footer {
   position: fixed;
   bottom: 0;
   /* Optional: Add background, padding, etc. for styling */
   background-color: #999999;
   padding: 10px;
   display: flex;
   gap: 20px;
   justify-content: space-evenly;
   flex-direction: row;
   width: 100%;
   /* Ensure it spans the full width */
   z-index: 100;
   /* Ensure it's above other content if needed */
}

@media (max-height: 656px) {
   .footer {
      position: initial;
   }
}

.container {
   display: flex;
   flex-direction: row;
   justify-content: center;
}

.content-container {
   width: 100%;
   display: flex;
   gap: 20px;
   justify-content: space-evenly;
   margin-left: auto;
   margin-right: auto;
   margin-top: 12px;
   margin-bottom: 12px;
}

.row {
   display: flex;
   flex-direction: row;
}

.col {
   display: flex;
   flex-direction: column;
   align-self: center;
}

.button-block {
   display: flex;
   gap: 12px;
   justify-content: center;
}

.button {
   background-color: #999999;
   border: 1px solid #999999;
   border-radius: 22px;
   color: white;
   padding: 15px 32px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 16px;
   cursor: pointer;
}