:root {
    --bg1: #0f85f9;
    --bg2: #0f85f9;
    --accent: #024589;
    --muted: #9aa4b2;
}

* {
    box-sizing: border-box
}

html, body {
    height: 100%
}

body {
    margin: 0;
    font-family: "Avenir Next LT Pro",Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    background: linear-gradient(180deg,var(--bg1),var(--bg2));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.subtitle {
    margin: 0;
    font-size: 2rem;
}

@media (min-width:768px) {
    .logo {
        width: 500px
    }

    .title {
        font-size: 2.75rem
    }
}