form{
					background-image:url('images/red.jfif');
					background-repeat:no-repeat;
					background-size:cover;
					margin:auto;
					width:50%;
					text-align:center;
					border:solid black 3px;
					border-radius:20px;
					color:white;
					
				}
				
				h1{
					font-size:160%;
					background-image:linear-gradient(rgb(255,0,0),rgb(100,0,0),
													 rgb(150,0,0),
													 rgb(80,0,0),
													 rgb(150,0,0),
													 rgb(100,0,0),rgb(255,0,0));
					background-repeat:no-repeat;
					background-size:cover;
					width:100%;
					height:55px;
					line-height:50px;
					text-align:center;
					color:grey;
				}
				body{
					margin:0;
					background-color:gray;
					width:100%;
				}
				ul{
					height:65px;
					width:100%;
					background-color:black;
					padding:0;
					margin:0;
					list-style:none;
				}	
					
				input[type=text], input[type=password]{
						transition: 0.7s;
						background-color:gray;
						color:white;
						border:solid white 3px;
					
				}
				input[type=text]:focus, input[type=password]:focus{
						border:solid gray 3px;
					
				}
				select, input[type=submit] {
					background-color:white;
					color:black;
					border: solid black 3px;
					
				}
				li{
					border-right:solid white 1px;
					float:left;
					display:block;
					text-align:center;
					font-size:125%;
					background-color:black;
					height:65px;
					width:120px;
					box-sizing:border-box;
					
					}
				a{	
					text-decoration:none;
					color:white;
					display:block;
					padding-bottom:22px;
					padding-top:20px;

				}
				a:hover:not(.active){
					background-color:white;
					color:black;
					
				}
				.active{
					
					animation-name: rgb;
					animation-delay:0.2s;
					animation-duration:1s;
					animation-iteration-count:infinite;
				}
				.animation {
					width:60px;
					height:60px;
					background-color:rgb(0,0,255);
					border-radius:333px;
					border-top:solid gray 5px;
					border-bottom:solid gray 5px;
					border-right:solid red 5px;
					border-left:solid red 5px;
					animation:cycle 0.7s infinite;
					animation-delay:0.8s;
					animation-direction:normal;
					float:left;
					position:absolute;
					margin:30px 10px;

					box-sizing:border-box;

				}
				footer {
					position:relative;
					bottom:0px;
					width:100%;
					height:130px;
					background-color:rgb(20,20,20);
					color:white;
					line-height:110px;
					box-sizing:border-box;
					
				}
				@keyframes cycle {
					0%{transform:rotate(0deg) rotateY(180deg);}
					20%{transform:rotate(0deg);}
					40%{transform:rotate(90deg);}
					60%{transform:rotate(180deg);}
					80%{transform:rotate(270deg);}
					100%{transform:rotate(360deg);}
					
				}				
				@keyframes rgb {
					0%{background-color:rgb(255,255,255);color:rgb(0,0,0);}
					10%{background-color:rgb(255,0,0);color:rgb(0,255,0);}
					20%{background-color:rgb(155,0,0);color:rgb(0,255,0);}
					30%{background-color:rgb(88,0,0);color:rgb(0,255,0);}
					40%{background-color:rgb(0,255,0);color:rgb(0,0,255);}
					50%{background-color:rgb(0,155,0);color:rgb(0,0,255);}
					60%{background-color:rgb(0,88,0);color:rgb(0,0,255);}
					70%{background-color:rgb(0,0,255);color:rgb(255,0,0);}
					80%{background-color:rgb(0,0,155);color:rgb(255,0,0);}
					90%{background-color:rgb(0,0,88);color:rgb(255,0,0);}
					100%{background-color:rgb(0,0,0);color:rgb(255,255,255);}
				}
				.dropbar{
					display:none;
					background-color:gray;
					position:absolute;
					width:119px;
					border:solid black 2px;
					
				}
				.dropbarcontainer:hover .dropbar{
					display:block;
					
				}	
				
				::-moz-selection{
							background-color:blue;
							color:red;
						}
				::selection{
							background-color:blue;
							color:red;
						}
				.img1{
							object-fit:cover;
							z-index:-1;
							height:440px;
							position:absolute;
							width:100%;
							opacity:0.6;
							
						}						
				@media all and (max-width:480px){
					li{
						border-bottom:solid white 1px;
						width:50%;
						text-align:left;
					}
					.dropbar{
						width:50%;
					}
					form{
						width:100%;
						
					}


				}
				@media screen and (orientation:portrait){
					
					body{
						background-color:tomato;
						color:yellow;
					}
				}
				@media all and (max-width:240px){
					li{
						width:100%;
					}
					.dropbar{
						width:100%;
					}
									}