#logo{
    margin-left: auto;
    margin-right: auto;
    display:block;
    width:50%;
}

h1, h2, p{
    text-align: center;
}

p{
    font-family: Space Grotesk;
    font-size : 1.5em;
}

h2{
    font-family: HealTheWebB;
    font-size : 2.5em;
}

#main{
    width:100%;
    height:100%;
    display:flex;
    justify-content : center;
    align-items: center;
}

#text_container{
    width:50%;
    margin-left: auto;
    margin-right: auto;
}

#content_container{
    width:80%;
}

html, body{
    height:100%;
}

body{
    background-color: lightgrey;
    margin:0;
    padding:0;
    background-color: #D6BEFF;
}

a{
    text-decoration: none;
    color : #AA4533;
    font-weight : bold;
}

a:visited{
    text-decoration: none;
    color : #AA4533;
}

@font-face {
    font-family: HealTheWebB;
    src: url('/fonts/HealTheWebB-Regular.woff2') format('woff2'),
        url('/fonts/HealTheWebB-Regular.woff') format('woff');
}

@font-face {
    font-family: Space Grotesk;
    src: url('/fonts/SpaceGrotesk-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: Space Grotesk;
    src: url('/fonts/SpaceGrotesk-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@media screen and (max-width: 600px) {
    #logo{
        width: 100%;
    }

    h2{
        font-size : 1.5em;
    }

    p{
        font-size : 1em;
    }
    
    #text_container{
        width:80%;
    }
}