header{
    text-align: center;
    padding: 5px;
    background-color: rgb(117, 105, 172);
    color:  rgb(251, 239, 255);
    
}

body, ul{
   margin: 0;
}


h1{
   color: rgb(251, 239, 255);
   justify-items: center;
}
h2
{
   color:rgb(117, 105, 172);
}

.clearfix {
   overflow: auto;
}



nav ul{
    list-style-type: none;
    text-align:center;
    background-color: rgb(145, 130, 212);
}
nav ul li{
    display:inline-block;
}
nav ul li a{
   display:inline-block;
   text-decoration: none;
   color: rgb(251, 239, 255);
   padding:10px;
}


.float-img {
float: left;
margin: 10 15px 10px 10;
width: 200px;}

.floats-img {
float: right;
margin: 10 15px 15px 10;
width: 200px;}

img{
   overflow-clip-margin: content-box;
   overflow: clip;
}


nav#flexdemo ul li a:hover{
   display:inline-block;
   text-decoration: none;
   padding:10px;
}
nav#flexdemo ul li a:hover:not(.active) {
 background-color: rgb(118, 105, 172);
}

.textcontainer {
    width: 80%;
    margin: auto;
    text-align: left;
    max-width: 1080px;}

.backcolor{
   padding: 5px;
}


footer.backcolor{
   background-color: rgb(145, 130, 212);
   color:rgb(251, 239, 255);
   justify-items: center;
}