body{
    font-family: 'Barlow', sans-serif;
}

header{
    height:50px;
}

header h2{
    font-size: 1em;
}

@media (min-width: 440px) {
    header h1,
    header h2{
        display:inline
    }

    header h2::before{
        content: ", ";
    }
}

main{
    margin-top:40px;
}

a, a:active, a:visited, a:hover{
    color: #000;
    border-bottom:1px dotted #555;
    text-decoration: none;
}

a:hover{
    border-color:#000;
}

@media (min-height: 828px) {
    main{
        height: calc(100vh - 115px);
    }
}

article{
    padding-top:20px;
}