body {
    font-family: 'Arial', 'sans-serif';
}
h1,h2,h3,h4,h5,h6 {
    font-family: cursive;
}
h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.7rem;
}

h3 {
    font-size: 1.5rem;
}

p {
    font-size: 1.1rem;
}

input {
    width: 25%;
}

.logo {
    border-radius: 55%;
    float: left;
    width: 15vw;
    min-width: 80px;
    max-width:200px;
}

@media screen and (min-width: 500px) {
    h1 { font-size: 5rem; }
    h2 { font-size: 4rem; }
    h3 { font-size: 3rem; }
    p { font-size: 3rem !important; }
    input,button {
        font-size: 2rem;
        width: 25%;
    }
}