body{
	background-color: #808080;
	font-family: Verdana;
}

.car {
  position: relative;
  animation: mymove 8s;
}

#img1 {animation-timing-function: linear;}
#img2 {animation-timing-function: ease;}
#img3 {animation-timing-function: ease-in;}
#img4 {animation-timing-function: ease-out;}
#img5 {animation-timing-function: ease-in-out;}

@keyframes mymove {
  from {left: 0px;}
  to {left: 880px;}
}

@import url('https://fonts.googleapis.com/css?family=Baloo+Paaji+2&display=swap');

nav {
    display: inline-block;
	font-family: 'Baloo Paaji 2', monospace;
}

td, tr {
    text-align:center;
}

.dws-menu{
	background-color: white;
	/*margin-top: 100px;*/
	width: 100%;
	/*position: fixed;*/
	left: 0;
	bottom: 300;
}	
ul.dws-ul{
    display: flex;
	padding: 0;
	justify-content: center;
}	
li.dws-li{
	list-style: none;
	padding: 10px;
}
li.dws-li a{
	text-decoration: none;
	font-size: 18px;
	color: #000;
	position: relative;
}
li.dws-li a i{
	margin-right: 10px;
}
li.dws-li a::before{
	content: '';
	/*width: 20px;*/
	height: 3px;
	background-color: #33bdf1;
	position: absolute;
    top: 100%;
	left: 0;
}
li.dws-li a::after{
	content: '';
	/*width: 20px;*/
	height: 3px;
	background-color: #33bdf1;
	position: absolute;
	top: 100%;
	right: 0;
}
li.dws-li:hover{
	background-color: e5eae8;
}
li.dws-li:hover a::before{
	/*width: 50%;*/
	transform: translateX(100%);
}
li.dws-li:hover a::after{
	/*width: 50%;*/
	transform: tranlateX(-100%);
}	


/*	#content{
	  width:1000px;
	  margin:50px auto 0px;
}

#nav{
	font-family: 'Open Sans', arial;
}

#nav li{
	float: left;
	position: relative;
	list-style: none;
	background: #004080 /*#ff3131;*/
/*	width: 190px;
}

#nav a{
	text-decoration: none;
	display: block;
	padding: 35px 65px;
	color: #fffffa;
}

#active a, #nav li:hover > a{
	background: #b32424;
}

#nav ul{
	visibility: hidden;
	padding: 0;
	position: absolute;
}

#nav li:hover >ul{
	 visibility: visible;
	 position: relative;
	 left:-2px;
}

#nav ul a{
	padding: 18.5px 65px;
}

#nav ul li:hover{
     background: #d92a2a;
}	 

#nav li:first-child:hover > ul{
     left: 0px;
}

#nav >li{
     border-right: 2px solid #d92a2a;
}

#nav > li:last-child{
     border-right:none;
}

#nav > li ul li{
     border-left: 2px solid #d92a2a;
     border-right: 2px solid #d92a2a;
}

#nav li:first-child ul li, #nav li:first-child ul{
     border-left:none;
}	 

#nav li:last-child ul li, #nav li:last-child ul{
     border-right:none;	
}
*/