body{
    background-color: rgb(153, 168, 161);
}
#body-content{
    display: flex;
    flex-direction: column;
    align-content: center;
    padding-left: 5%;
    padding-right: 5%;
}
a{
    text-decoration: none;
}

h1{
    font-size: 250%;
    font-family:Verdana, Geneva, Tahoma, sans-serif;

}

.heading{
    display: flex;
    color: white;
    background-color: rgb(27, 8, 27);
    padding: 3%;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.heading-section{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-basis: 75%;
}

.heading-section:last-child{
    align-self:flex-end;
    align-items:baseline;
    flex-shrink: 4;
    margin: 3%;
}

.heading a{
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    color: thistle;
    margin:1%;
    padding:1%;
    background-color: rgba(60, 118, 143, 0.2);
}

.heading h2{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.heading h3{
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}


.subheading{
    margin: 2%;
    padding: 2% 2%;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:rgb(27, 8, 27);
}

.links{
    background-color: rgb(224, 217, 222);

}

.links-programming{

}

.links ul{
    margin: 2%;
    display:flex;
    flex-wrap:wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items:flex-start;
    align-content:space-between;
}

.links ul a{
    min-height:100px;
    width: 45%;
    margin: 2%;
    color: rgb(32, 11, 82);
}

.links ul img{
    height:100px;
}

.links ul a h3{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    padding: 2%;
    background-color: rgba(231, 238, 241, 0.5);
}

.links-external{
    background-color: rgb(177, 219, 216);
}

.links-external a h3{
    color: rgb(141, 63, 49);
}

a h3 {

}

a h3 img{
    margin: 1%;
}