html * {box-sizing: border-box;}

body {
    font-family: system-ui, sans-serif;
    font-size: 100%;
    line-height: 100%;
}

h1 {text-align: center;}
h2 {text-align: center;}

@media (min-width:600px) {
    main {
        display: flex;
        flex-direction: row;
        margin: calc(2vw * 1.5);
    }

    main>p {
        margin: 1.35em 1em;
        width: 50%;
        flex: 2 1 50%;
    }
    main>p:first-child {
        flex-basis: 75%;
    }

}