body {
    background: #d81B60;
    color: #ffffff;
    display: grid;
    place-items: center;
    font-family: 'Asap', sans-serif;
    font-size: 1.125rem;
    height: 100vh;
}

.container {
    max-width: 600px;
}

h1 {
    font-size: 3rem;
    font-weight: 600;
}

@media only screen and (min-width: 768px) {
    h1 {
        font-size: 3.75rem;
    }
}

@font-face {
    font-family: 'Asap';
    src: url('Asap-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Asap';
    src: url('Asap-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 600;
}