@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,400&display=swap');

* {
    font-family: Roboto;
}

header {
    text-align: center;
}

.main {
    margin: 0px 40px;
    display: grid;
    grid-column-gap: 10%;
    grid-template-columns: 1fr 1fr;
}

.quote {
    display: flex;
}

blockquote {
    margin: 0 0 0 10px;
}

.quoteDivider {
    height: 19px;
    width: 4px;
    background-color: #4f545c;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #020202;
    }

    * {
        color: #f2edee;
    }

    button {
        color: black;
    }
}