* {
    margin: 0;
    padding: 0;
    font-family: "Lilex", monospace;
    color: #FCF579;
    width: 100%;
    box-sizing: border-box;

    /* DEBUGGING PURPOSES
    
    outline: 1px solid red; 

    */
}

body {
    background-color: #010057;
}

/* First set of styling will set the home page tiles side by side for larger screen and then adjust for mobile */
.home-tiles-container {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 4rem;
    padding: 2rem 2rem;
    min-width: 0;
}

/* Mobile styling for home tiles */
@media (max-width: 768px) {
    .home-tiles-container {
        grid-template-columns: 1fr;
    }
}

.section-title {
    font-size: 1.8rem;
}

.tile {
    background-color: #010048;
    padding: 1.3rem;
    margin-top: 1rem;
}

.tile-title {
    font-size: 1.4rem;
}

.date {
    font-size: .6rem;
}

.description {
    margin-top: 1rem;
}

button {
    width: 6.5rem;
    height: 3rem;
}