body{
    font-family: 'Poppins', sans-serif;
    font-size: 1.4rem;
    line-height: 1.6em;
}

h1,h2,h3{
    font-family: 'Open Sans', sans-serif;
    line-height: 1.2em;
}

h2{text-align:center;}

h1{font-size: clamp(2rem, 4vw, 3.5rem);}
h2{font-size: clamp(1.2rem, 3.5vw, 2rem); color: #423c3c4f;}
h3{font-size: clamp(1rem, 3vw, 1.6rem);}

.headerimg{
    width:5vw;
    display:inline;
    margin-right: 2vw;
    border-radius: 20%;
    padding:0;
    margin-top:3.5vw;
}

.headertitle{
   margin-top:3.5vw;
}

img{
    display:block;
    max-width: 500px;
    padding-top:12px;
    margin:auto;
    width: 25vw;
}


.fa-instagram{
    font-size: clamp(1.7rem, 3vw, 3rem);
}

.btn{
    color: #fff;
    background-color: #f1a944;
    border-color: #f1a944;
    border-radius: 300px;
    padding: 1.3rem 2.171rem;
    font-size: 1.6rem;
    width: 20vw;
    text-decoration:none;
    display: inline-block;
    text-align: center;
}

.patreon{
    background-color: #4b959c;
    border-color: #4b959c;
}

a{
    color:#f1a944;
}

.headerflex a{
    color:#000;
    text-decoration:none;

}

ul.downloads{
    
    list-style:none;
    margin-top: 40px;
    margin-bottom:  40px;
}

.imgblock{
    background-image:url("../images/purple.jpeg");
    width: 100%;
    background-repeat:no-repeat;
    background-size: cover;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:
    space-around;
}

@media only screen and (max-width: 600px) {
    
    h1{
        text-align:center;
    }

    .btn {
        width: 75%;
        
        padding: 0.8rem 1.8rem;
        margin-bottom: 0.4rem;
        
    }

    .headerimg{
        margin: 5px;
        width: 20vw;
    }

    ul.downloads{
        margin-top: 10px;
        margin-bottom:  10px;
    }
}