body{
    font-family: "Libre Franklin", "Franklin Gothic", sans-serif;
    /*background-color:rgb(44, 31, 126);*/
    /*background-color:darkslateblue;*/
    background-color:black;
}
.outerContent{
    background-color:rgb(65, 63, 63);
    margin: 2em auto;
    width: 80%;
    border-radius: 2rem;
    box-shadow: 0 .5rem 3rem rgba(255,255,255, 0.35)
}
section{
    height:100%;
}
#pageContent section p{
    font-weight:700;
    font-size: x-large;
    text-align: center;
    align-content: center;
    height:100%;
    margin: auto 0;
    padding: 1em 5em;
}
section>p:last-child{
    margin:0;
}
#pageContent{
    border-radius:2rem;
    height:100%;
    margin: auto auto;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*margin-top: 2em;
    margin-bottom: 2em;*/
    /*width:75%;*/
    /*background-color:mediumslateblue;*/
    background-color:rgb(65, 63, 63);
    color: white;
    /*background-color: silver;*/
}
footer{
    /*width:75%;*/
    /*background-color:mediumslateblue;*/
    height:0;
    background-color: rgb(65, 63, 63);;
    color: white;
    /*border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;*/
}
header{
    height:0;
    background-color: rgb(65, 63, 63);;
    color: white;
    /*border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;*/
}
footer address>p:first-child{
    margin-top: 10px;
}
@media (max-width: 992px){
    .outerContent{
        margin: .5rem auto;
        width: 90%;
    }
    #pageContent{
        /*width: 90%;*/
    }
    header{
        /*width: 90%;*/
    }
    footer{
        /*width: 90%;*/
    }
}
@media (max-width: 768px) {
    .outerContent{
        margin: .25em auto;
        width: 95%;
    }
    #pageContent{
        margin-left:auto;
        margin-right:auto;
        /*margin-top:1em;
        margin-bottom: 1em;*/
        width:100%;
        background-color: rgb(65, 63, 63);;
        color: white
    }
    footer{
        margin:auto;
        width:100%;
        background-color:rgb(65, 63, 63);;
        color: white
    }
    header{
        margin:auto;
        width:100%;
        background-color:rgb(65, 63, 63);;
        color: white;
    }    
    .dropdown-menu {
        --bs-dropdown-border-width:0;
    }
}
@media (min-width: 576px){
    #navbar a{
        font-size: small;
    }
    #pageContent p{
        font-size:medium;
    }
}
@media (min-width: 768px){
    #navbar a{font-size:medium;}
    #pageContent p{
        font-size:medium;
    }
}
@media (min-width: 992px){
    #navbar a{
        font-size: large;
    }
    #pageContent p{
        font-size:x-medium;
    }
}
@media (min-width: 1200px){
    #navbar a{
        font-size:medium;
    }
}
@media (max-width: 576px) {
    .dropdown-menu {
        --bs-dropdown-border-width:0;
    }
}