body {
    background-color: #0b0003;
}

H1 {
    font-family: 'Poppins', sans-serif;
        font-size: 48px;
        color: #97509f;
        line-height: 10%;
}

H2 {
    font-family: 'Poppins', sans-serif;
        font-size: 32px;
        color: #7a58a5;
        line-height: 10%;
}

H3 {
    font-family: 'Poppins', sans-serif;
        font-size: 24px;
        color: #5855a4;
        line-height: 10%;
} 

a {   
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    padding-left:20px
}

a:link {color: hotpink;}
a:visited {color: #5055a5;}
a:hover {color: #5055a5;}
a:active {color: #5055a5;}


.bodytext {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    color: #5055a5;
    line-height: 100%;
}
    img.fixed1 {
        max-height: 90%;
        float: right;
        width: 300px;
        margin: 5px;
    }
    
@media only screen and (max-width:1000px){
    H1 {
        font-family: 'Poppins', sans-serif;
        font-size: 48px;
        color: #97509f;
        line-height: 10%;
    }
    
    H2 {
        font-family: 'Poppins', sans-serif;
        font-size: 32px;
        color: #7a58a5;
        line-height: 10%;
    }

    H3 {
        font-family: 'Poppins', sans-serif;
        font-size: 30px;
        color: #5855a4;
        line-height: 10%;
    } 

    a {   
        font-family: 'Poppins', sans-serif;
        font-size: 30px;
        padding-left:20px
    }

    a:link {color: hotpink;}
    a:visited {color: #5055a5;}
    a:hover {color: #5055a5;}
    a:active {color: #5055a5;}

    img.fixed1 {
        float: none;
        align:center; 
        max-width: 30%;
        width: 900px;
        margin: 50px;
    }
}

.infocard {
    max-width: 90%;
    max-height: 90%;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    right: 0;
    top: 0;
    -o-object-fit: contain;
    object-fit: contain;
}