.container {
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    max-width: 600px;
    justify-content: center;
    word-wrap: break-word;
}

body {
    background-color: white;
}

.indent {
    text-indent: 30px; /* Indents the entire block by 20px */
}

/*
    Sets the font family of the webpage
*/
.content {
    font-family: 'Cabin'; 
}

.title {
    font-size: 24px;
}

.paragraph {
    font-size: 18px;
    flex-grow:1; 
    word-wrap: break-word;
    
}

/*
    Applies the flex prooperty to all child tags of the container
*/
.flex-container {
    display: grid;
    grid-template-columns: 80px 1fr; 
    column-gap: 10px; /*space between date and description*/
    padding-bottom: 30px;
}

/*
    Changes the flex layour for when the screen size is small enough
*/
@media (max-width: 600px) {
    .flex-container {
        grid-template-columns: 1fr;
    }
}

/*
    Adds padding to the dates
*/
.date {
    white-space: nowrap; 
    padding-right: 5px;
    text-align: left;
}

.underline {
    text-decoration: underline;
}