@font-face {
    font-display: swap;
    font-family: 'Overpass';
    font-style: normal;
    src: local(''),
        url('overpass-regular.woff2') format('woff2')
}

body {
    font-family: Overpass;
    padding: 1rem;
}

section {
    max-width: 780px;
    margin: auto;
}

.logo { display: block;}
.logo .object { display: block;}
button { border: 2px solid #006650; background: transparent; padding: .5rem 1rem; color: #006650; font-size: 1rem; }
h1 { font-size: 2rem;}
footer {
    padding-top: 3rem;
    width: 90%;
}

footer p {
    font-size: .8em;
    text-align: center;
}

@media screen and (max-width:768px) {

    h1 {
            font-size: 1.5rem;
        }
}