@import url("https://use.typekit.net/szn3xvc.css");
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');

h1 {
    font-family: "kuhlman-vf", sans-serif;
    font-size: 55pt;
}

p {
    font-family: 'Lexend', sans-serif;
    font-style: italic;
    font-weight: 150;
    font-size: 20pt;
}

body {

    background-image: url('./Pictures/background\ image5.png');
    background-size: contain;

}

.q1 {

    width: 45em;
    background-color:#ff7bac;
    padding: 2em 1em 2em 1em;
    margin: 350px 65em 20px 65em;
    text-align: center;
    color: white;
    letter-spacing: 0.5em;
    border-radius: 10%;
}


.q2 {

    width: 55em;
    background-color: #ff931e;
    padding: 5pt;
    margin: 2em 65em 20px 6em;
    text-align: center;
    color: white;
    letter-spacing: 0.5em;
    border-radius: 10%;
}

.q3 {

    width: 35em;
    background-color: #7ac943;
    padding: 2em 20px;
    margin: 2em 2em 20px 6em;
    text-align: center;
    color: white;
    letter-spacing: 0.5em;
    border-radius: 10%;
}

.q4 {

    width: 45em;
    background-color: #3fa9f5;
    padding: 2em 20px;
    margin: 2em 2em 20px 6em;
    text-align: center;
    color: white;
    letter-spacing: 0.5em;
    border-radius: 10%;
}

.q5 {

    width: 60em;
    background-color: #ff7bac;
    padding: 5pt;
    margin: 2em 60em 20px 30em;
    text-align: center;
    color: white;
    letter-spacing: 0.5em;
    border-radius: 10%;
}

.q6 {

    width: 45em;
    background-color:#ff931e;
    padding: 2em 1em 2em 1em;
    margin: 2em 5em 20px 65em;
    text-align: center;
    color: white;
    letter-spacing: 0.5em;
    border-radius: 10%;
}

.q7 {

    width: 45em;
    background-color: #7ac943;
    padding: 5pt;
    margin: 2em 60em 20px 40em;
    text-align: center;
    color: white;
    letter-spacing: 0.5em;
    border-radius: 10%;
}

.q8 {

    width: 35em;
    background-color: #3fa9f5;
    padding: 2em 20px;
    margin: 2em 2em 20px 6em;
    text-align: center;
    color: white;
    letter-spacing: 0.5em;
    border-radius: 10%;
}

.q9 {

    width: 45em;
    background-color: #ff7bac;
    padding: 5pt;
    margin: 2em 60em 20px 40em;
    text-align: center;
    color: white;
    letter-spacing: 0.5em;
    border-radius: 10%;
}

.q10 {

    width: 35em;
    background-color: #7ac943;
    padding: 2em 20px;
    margin: 20px 2em 350px 75em;
    text-align: center;
    color: white;
    letter-spacing: 0.5em;
    border-radius: 10%;
}