@font-face {
    font-family: 'Baskervville';
    src: url('../fonts/Baskervville-Regular.otf');
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow-Regular.otf');
}

.title, .subtitle {
    text-align: center;
    font-family: serif;
    font-size: 6rem;
    text-transform: none;
}

.subtitle {
    font-size: 2rem;
}

body {
    font-family: Baskervville;
}

.bar {
    font-size: 1.5rem;
    display: block;
    justify-content: space-between;
}

article h1, article h2 {
    font-family: sans-serif;
}

article h1 {
    font-size: 3rem;
    padding: 0 1rem;
}

article h2 {
    font-size: 1.5rem;
}

.columns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 2fr;
}

.columns section {
    padding: 0 1rem;
    border-right: 1px solid gray;
}

.columns section:last-child {
    border: none;
}

section p {
    text-align: justify;
}

section img {
    width: 75%;
    
}

.caption {
    font-size: 0.8rem;
    display: flex;
    justify-content: space-between;
}

section .image {
    padding: 1rem;
}