.app {
    background: #f1f1f1;
    font-family: 'Montserrat', arial, sans-serif;
    display: grid;
    grid-template-areas:
    "header"
    "main"
    "footer";
    grid-template-columns: auto;
    grid-template-rows: 50px auto auto;
    
}

.header {
    align-items: center;
    display: flex;
    grid-area: header;
    padding: 0 2rem;
    background: #f1f1f1;
}

.menu__link {
    color: #333333;
    padding: .5rem 1rem;
}

.menu__link:hover, .menu__link:active {
    border-bottom: 3px solid #0073e6;
}

.main {
    grid-area: main;
    padding: 0 2rem;
}

.footer {
    background: #fdfdfd;
    color: #333333;
    grid-area: footer;
    padding: 1rem;
    text-align: center;
    
}