body{
  padding: 0px;
  margin: 0px;
  background-color: #FF91FB ;
}
header{
  width: 100%; 
  height: 140px;
  box-sizing: border-box;
  background-color: white;
  position: fixed;
  
}

.pro{
  width: 70%;
  height: 73px;
  border-width: 0px 0px 3px 0px;
  border-color: blue;
  border-style: solid;
  box-sizing: border-box;
  
}

button{
  width:47%;
  height: 40px;
  background-color: black;
  margin-top: 10px;
  box-sizing: border-box;
  color: white;
  font-weight: bold;
  font-size: 18px;
  border-radius: 20px;
}

#img{
  background-color: blue;
}

#bx1{
  width: 98%;
  height: 300px;
  background-color: yellow;
  float: left;
  box-sizing: border-box;
  margin-top: 20px;
  border-radius: 5px ;
  border-width: 2px;
  border-color: black;
  border-style: solid;
  margin-left: 1%;
  overflow: scroll;
}

box{
  width: 96%;
  height: 300px;
  background-color: yellow;
  float: left;
  box-sizing: border-box;
  margin-top: 10px; 
  border-radius:20px ;
  border-width: 2px;
  border-color: black;
  border-style: solid;
  margin-left: 2%;
}

#image{
  width: 100%;
  height: 100%;
  border-radius: 20px;
  box-sizing: border-box;
}

#vid:hover{
  background-color: blue;
  transition: 2s;
}

nav{
  width: 100px;
  height: 40px;
  box-sizing: border-box;
  float: left;
  background-color:#8508FF;
  margin-top: 23px;
  margin-bottom:10px ;
  border-radius: 0px 40px 40px 0px ;
  border-width: 3px 3px 3px 0px;
  border-style: solid;
  border-color:yellow;
  color: white;
  font-weight: bold;
  text-align: center;
  padding-top: 8px;
 font-size: 15px;
}



fieldset{
  float: left;
  width: 98%;
  height: 90px;
  margin-top: 150px;
  box-sizing: border-box;
  margin-left: 1%;
  border-radius: 10px;
}

legend{
  color:green;
  font-weight: bold;
}

#app{
  width: 55px;
  height:100% ;
  float: left;
  border-width:1px ;
  border-color: black;
  border-style: solid;
  border-radius: 10px;
  background-color: black;
  margin-left: 10px;
}


#simage{
	width: 350px;
  height: 300px ;
  border-radius: 0px;
  box-sizing: border-box;
  float: left;
  
}

div{
	width: 1400px;
	height: 100% ;
	background-color: blue;
	float: left;
	position: relative;
	box-sizing: border-box;
  animation: animation 5s infinite ;
  
}

@keyframes animation {
	
	0% { top: 0px ; left: 0px ;}
	20% { top: 0px ; left: 0px ;}
	40% { top: 0px ; left: -350px ;} 
	60% { top: 0px ; left: -350px ;} 
	70% { top: 0px ; left: -700px ;} 
	80% { top: 0px ; left: -700px ;} 
	90% { top: 0px ; left: -1050px ; }
	
	100% { top: 0px ; left: -1050px ; }
	
}