body {
    font-family: helvetica sans-serif;
}

.content-page-container {
    margin:0;
    min-height: 100vh;
    display:flex;
    align-items:center;
    flex-flow: column;
}

.index-page-container {
    margin:0;
    min-height: 100vh;
    display:flex;
    align-items:center;
    flex-flow: column;
    justify-content: center;
}

.index-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap;
}
.index-container-item {
    padding: 10px;
    width: 25vh;
    height: 25vh;
    min-height: 200px;
    min-width: 220px;

} 

.index-container-item:a {
    height: 100%;
    width: 100%;

} 
img {
    max-width:100%;
    max-height:100%;
}

.content-container {
    display:flex;
    flex-direction: column;
    max-width: 900px;
    width: 100%;
}

.content-item {
    padding: 10px;
}

.divider {
    border-bottom: black 1px solid;
    margin: 20px 0px 20px 0px;
}

/** typeography **/

.title-text {
    font-size: 4rem;
}

.content-title-text {
    font-size: 2rem;
    margin: 10px 0px 20px 0px;
}
.content-text {
    font-size: 1.5rem;
}

.content-img {
    max-width: 480px;
}