/* Resetting default styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: 'TlwgTypewriter-Bold';
    src: url('https://bevandanitro.com/TlwgTypewriter-Bold.ttf') format('truetype');
}

/* Body styles */
body {
    font-family: 'TlwgTypewriter-Bold', sans-serif; /* Custom font with backup */
    background-color: #f5f5f5; /* Light background color */
    color: #2d2d2d; /* Dark brown font color */
    text-align: center; /* Center align all text */
}

/* Header styles */
header {
    background-color: #ffffff; /* White header background */
    color: #2d2d2d; /* Dark brown font color */
    padding: 10px 0; /* Padding for header content */
    top: 0;
    postion: top;
    width: 80%;
    font-family: 'TlwgTypewriter-Bold', sans-serif; /* Custom font with backup */
}

/* Footer styles */
footer {
    background-color: #ffffff; /* White footer background */
    color: #2d2d2d; /* Dark brown font color */
    padding: 10px 0; /* Padding for footer content */
    position: fixed; /* Fix footer at the bottom */
    width: 80%; /* Full width footer */
    bottom: 0; /* Stick to the bottom */
    font-family: 'TlwgTypewriter-Bold', sans-serif; /* Custom font with backup */
}

/* Main content area */
.main-content {
    background-color: #2d2d2d; /* Dark brown background */
    border-radius: 10px; /* Rounded corners */
    padding: 20px; /* Padding for content */
    margin: 20px auto; /* Center content and add some space */
    color: #ffffff; /* White font color */
    width: 80%;
    font-family: 'TlwgTypewriter-Bold', sans-serif; /* Custom font with backup */
   }

/* Table styles */
table {
    border-collapse: collapse; /* Collapse table borders */
    width: 100%; /* Full width table */
    border: 1px solid #ffffff; /* White border for the table */
}

table th, table td {
    border: 1px solid #ffffff; /* White border for table cells */
    padding: 8px; /* Padding for table cells */
}

/* Responsive styles */
@media screen and (max-width: 600px) {
    /* Adjust styles for smaller screens */
    .main-content {
        margin: 10px auto; /* Adjust margin for smaller screens */
        padding: 10px; /* Adjust padding for smaller screens */
    }
}