.banner{
	
	position:right;
	right:100px;
	background-color: rgb(149, 179, 197);
	border: 3px solid #814d96;
	outline: 10px 10px #330f24 groove;
	text-transform: capitalize;
	text-shadow: 1px 1px #330f20 ;
	font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
	text-align: right;
	font-style: oblique;
}

.menu{
	list-style-type: none;
  margin: 0;
  padding: 0;
  justify-content: center;
	left: 20px;
	background-color: #bcd6c0;
	border-style: none;
	font-family: "Lato", sans-serif;
	font-weight: 400;
  font-style: normal;
  text-align: center;
  font-style: oblique;
  overflow: hidden;
	}
li{
	float: left;
	margin: 0;
  padding: 0;
  overflow: hidden;
	}
	li a {
	    
  display: block;
  text-align: center;
  padding: 6px 8px;
  text-decoration: none;
}

	a:link {
   color: rgb(23, 145, 139);
	}
	
	a:visited {
	  color: dimgrey;
	}
	
	a:hover {
	 color: rgb(150, 131, 218)
	}
	
	a:active {
	  color: rgb(92, 255, 127);
	}
	

	  
    body{
         padding: 1em;
  margin: 0;
        background: linear-gradient(358deg, #9fd2c2, #a27ce1);
        background-size: 400% 400%;
    
        animation: AnimationName 30s ease infinite;
    }
    
    @keyframes AnimationName {
        0%{background-position:0% 50%}
        50%{background-position:100% 50%}
        100%{background-position:0% 50%}
    }