text {
color: #fb8686;
}



body {
    padding: 0;
    margin: 0;
}



.header-div {
    width: 100%;
    background-color: #7d2b87;
    color: #fb8686;
    margin: 0;
    padding: 0;
    height: 5vh;
    text-align: center;
    align-content: center;
    font-size: 4vh;
    }


    
.mycontent {
    font-size: 3vh;
    color: #7d2b87;
    border-radius: 5px;
    text-align: left;
}

.body-div {
display: flex;
background-color: #ffe3cc;
margin: 0;
padding: 0;
height: 90vh;
min-height: 90vh;
}

.nav-wrappper {
    width: 20%;
    background-color: 	#fb8686;
    min-height: 100%;
}


.content-wrappper {
    width: 80%;
    background-color: 	#b04f93;
    min-height: 100%;
}



.footer-div {
    width: 100%;
    background-color: 	#380949; 
    color: #b04f93;
    margin: 0;
    padding: 0;
    height: 5vh;
    text-align: center;
    align-content: center;
    }

.mynavlist {
    list-style-type: none;
    padding: 0;
margin: 0;
}

.mynavlist li {
    margin: 10px 0;
}


.mynavlist li a {
  display: block;
  padding: 25px;
  background-color: #7d2b87;
  color: #fb8686;
  text-align: center;
  text-decoration:none;
  border-radius: 5px;
}

.mynavlist li a:hover {
    background-color: #b04f93;
}