@import url('https://fonts.cdnfonts.com/css/vcr-eas');
body{
    background-color: white;
    font-family: 'VCR EAS', sans-serif;
}
@media screen and (max-width: 700px){
    h1{
        color: black;
        text-align: center;
        font-size: 1.5em;
    }
    .section-1{
        display: block;
        font-size: 0.9em;
        text-align: center;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        color: black;
        margin-left: 0%;
    }
    .section-2{
        display: block;
        font-size: 0.9em;
        text-align: center;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        color: black;
        margin-left: 0%;
        margin-top: 2%;
    }
    .section-3{
        display: block;
        font-size: 0.9em;
        text-align: center;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        color: black;
        margin-left: 0%;
        margin-top: 2%;
    }
    .section-4{
        display: block;
        font-size: 0.9em;
        text-align: center;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        color: black;
        margin-left: 0%;
        margin-top: 2%;
    }
    .section-5{
        display: block;
        font-size: 0.9em;
        text-align: center;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        color: black;
        margin-left: 0%;
        margin-top: 2%;
    }
    .section-6{
        display: block;
        font-size: 0.9em;
        text-align: center;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        color: black;
        margin-left: 0%;
        margin-top: 2%;
    }
    .section-7{
        display: block;
        font-size: 0.9em;
        text-align: center;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        color: black;
        margin-left: 0%;
        margin-top: 2%;
    }
    .section-8{
        display: block;
        font-size: 0.9em;
        text-align: center;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        color: black;
        margin-left: 0%;
        margin-top: 2%;
    }
    .section-9{
        display: block;
        font-size: 0.9em;
        text-align: center;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        color: black;
        margin-left: 0%;
        margin-top: 2%;
    }
    .section-10{
        display: block;
        font-size: 0.9em;
        text-align: center;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        color: black;
        margin-left: 0%;
        margin-top: 2%;
    }
    .section-11{
        display: block;
        font-size: 0.9em;
        text-align: center;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        color: black;
        margin-left: 0%;
        margin-top: 2%;
    }
}
@media screen and (min-width: 700px){
    h1{
        color: black;
        text-align: center;
        font-size: 1.5em;
    }
    .main{
        display: block;
        color: black;
        margin-left: 24%;
        text-align: center;
        font-size: 0.9em;
    }
    .section-1{
        width: 70%;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
    }
    .section-2{
        width: 70%;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        margin-top: 2%;
    }
    .section-3{
        width: 70%;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        margin-top: 2%;
    }
    .section-4{
        width: 70%;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        margin-top: 2%;
    }
    .section-5{
        width: 70%;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        margin-top: 2%;
    }
    .section-6{
        width: 70%;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        margin-top: 2%;
    }
    .section-7{
        width: 70%;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        margin-top: 2%;
    }
    .section-8{
        width: 70%;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        margin-top: 2%;
    }
    .section-9{
        width: 70%;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        margin-top: 2%;
    }
    .section-10{
        width: 70%;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        margin-top: 2%;
    }
    .section-11{
        width: 70%;
        background-color: transparent;
        border-radius: 20px;
        border-color: blueviolet;
        border-style: inset;
        margin-top: 2%;
    }
}