* {
    margin: 0;
}

nav {
    display: grid;
    grid-template-columns: 1fr 0.5fr 0.5fr;
    justify-items: end;
    /* top  right bottom left*/
    padding: 1rem;
}

nav > h2 {
    justify-self: start;
}

#main_content {
    text-align: center;
    border: 0.105rem dashed grey;
    margin: 0.5rem;
    border-radius: 1%;
    padding: 0.75rem;
}

#main_content > img {
    border-radius: 50%;
    /* outline: 0.25rem solid black; */
    outline-offset: 0.2rem;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.9),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transition: 0.3s;
}

#main_content > img:hover {
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.9),
        0 12px 30px 0 rgb(0, 0, 0, 0.19);
}

#headline {
    padding: 1rem 0 0 0;
}

.three-col-flex {
    display: flex;
    flex-wrap: wrap;
}

.three-col-flex > h2,
p {
    flex: 1 1 33%;
    box-sizing: border-box;
    /* border: 1px solid #ddd; */
    display: flex;
    justify-content: center;
    align-items: center;
}

#typed_descriptor {
    font-style: italic;
}