#box{width: 85%;
  padding: 15px}

#top{;}

#middle{;}

#bottom{;}

body{
  margin: 0 auto;
  display: flex;
  justify-content: center;
  background-color: azure;}

/* default screens (laptop, desktop) */
.container {
        background-color: #fdf4d5;
        margin: 0px auto; /* Default margin */
        max-width: 800px;
        border-radius: 8px;
        text-align: center;
}

/* Medium screens (tablets) */
@media (max-width: 768px) {
    .container {
     margin: 20px auto; /* Reduce margins */
     padding: 15px;}
    }

/* Small screens (phones) */
@media (max-width: 480px) {
    .container {
     margin: 8px; /* Minimal margins for small screens */
     padding: 5px;}
    }

hr {
  border-top: 1px dashed orange;
  margin-top: 5px;
  margin-bottom: 5px
}

.condensed {
  margin-top:0px; 
  margin-bottom:0px;
}

.cursive {
  font-family: 
  Lucida Calligraphy,cursive;
}

.footer {
  margin-top:0px; 
  margin-bottom:0px;
  text-align: center;
  font-family:"Helvetica", sans-serif;
  font-size: 16px;
}

figure {
    display: flex;
    flex-direction: row; /* Change to row for horizontal */
    align-items: center; /* Center align items */
}

.center {
  text-align:center;
  padding-bottom: 10px;
  font-family: "Sptos Light", sans-serif;
  font-size: 14px;
}

.justify {
  text-align:justify;
  padding-bottom: 10px;
  font-family: "Sptos Light", sans-serif;
  font-size: 14px;
}

.leftalign {
  text-align: left; 
}
1:58 PM 7/3/2026

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