:root{
    --hf-padding: 1%;
    --header-height: 10%;
    --footer-height: 10%;
    --main-height: 78%;
}

html {
   height: 100%;
   width: 100%;
}

body {
   height: 100%;
   width: 100%;
   overflow-y:auto;
}

header{
    height: var(--header-height);
    font-size: 250%;
    font-family: Beleren;
    text-align:center;
    padding: var(--hf-padding);
}

main{
    font-family: fira;
    width: 90%;
    /*height: */
    min-height: var(--main-height);
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    text-justify: inter-word;
}

footer{
    text-align:center;
    padding: var(--hf-padding);
    color: black;
}

a{
    color:inherit;
}

#socials{
}

#content{
    width: 100%;
    height: 100%;
    overflow-x:hidden;
    overflow-y:auto;

}