header{
			font-family: 'Share Tech Mono', monospace;
			width: 100%;
			position: fixed;
			top: 0;
			height: 70px;
			background-color: white;
			color: black;
			margin: 0;
		}
		body{
			background-color: #f0f0f0;
			width: 100%;
			margin: 0;
		}
		footer{
			font-family: 'Share Tech Mono', monospace;
			width: 100%;
			height: 260px;
			color: black;
			background-color: white;
			float: left;
		}
		.footer1{
			font-family: 'Share Tech Mono', monospace;
			width: 100%;
			height: 30px;
			color: white;
			background-color: black;
			float: left;
			text-align: center;
			font-size: 18px;
		}
		.main{
			margin-top: 0;
			margin-left: 10%;
			height: 1740px;
			width: 80%;
			background-color: white;
			float: left;	
		}
		.leftbar{
			float: left;
			height: 770px;
			width: 25%;
			font-family: 'Source Code Pro', monospace;
		}
		.rightbar{
			float: left;
			height: 770px;
			width: 73%;
			padding-top: 10px;
			margin-right: 2%;
			font-family: 'Poppins', sans-serif;

		}
		.leftbar2{
			float: left;
			height: 400px;
			width: 20%;
			padding-left: 2%;
			padding-right: 3%;
			font-family: 'Poppins', sans-serif;
		}
		.rightbar2{
			float: left;
			height: 400px;
			width: 75%;
			font-family: 'Source Code Pro', monospace;
		}
		.header{
			width: 100%;
			height: 70px;
			margin-top: 0;
		}
		.left1{
			float: left;
			padding-top: 5px;
			padding-left: 10%;
		}

		.right1
		{
			float: right;
			padding-right: 13%;
		}
		.ul1 li{
			float: left;
			list-style-type: none;
			margin: 10px;
			padding-top: 0px;
			color: white;
			font-size: 22px;
			font-weight: 400;
		}
		a{
			text-decoration: none;
			color: white;
		}
		.f1{
			float: left;
			width: 25%;
			height: 170px;
			color: black;
			margin-left: 10%;
		}
		.f2{
			float: left;
			width: 25%;
			height: 170px;
			color: black;
			margin-left: 2.5%;
		}
		.f3{
			float: left;
			width: 25%;
			height: 170px;
			color: black;
			margin-left: 2.5%;
			margin-right: 10%;
		}
		nav{
			font-family: 'Share Tech Mono', monospace;
			background-color: black;
			height: 70px;
			width: 100%;
			float: left;
		}
		.nav1
		{
			float: right;
			padding-right: 5%;
			color: white;
		}
		.nav2{
			font-family: 'Share Tech Mono', monospace;
			background-color: #c91818fd;
			color: white;
			width: 99%;
			height: 30px;
			float: left;
			padding-left: 1%;
			padding-top: 5px;
		}
		.carus{
			background-image: url(../image/tesla.jpg);
			height: 520px;
			color: white;
			width: 100%;
			background-size: cover;
			background-repeat: no-repeat;
		}
		.button1{
			background-image: url(../image/search.jpg);
			height: 30px;
			width: 30px;
			background-repeat: no-repeat;
			background-size: cover;
			border: white;
			border-radius: 10px;
			position: absolute; 
			cursor: pointer;
			right: 10%;
		}
		.yellowbut
		{
			height: 30px;
			width: 120px;
			background-color: yellow;
			border: yellow solid 2px;
			border-radius: 5px;
			color: black;
			cursor: pointer;
			font-family: 'Source Code Pro', monospace;
			font-size: 16px;
			transition: all 0.5s;
		}
		.yellowbut span
		 {
  		cursor: pointer;
 		display: inline-block;
  		position: relative;
  		transition: 0.5s;
		}

		.yellowbut span:after {
  		content: '\00bb';
  		position: absolute;
  		opacity: 0;
  		top: 0;
  		right: -10px;
  		transition: 0.5s;
		}

		.yellowbut:hover span {
  		padding-right: 15px;
		}

		.yellowbut:hover span:after {
  		opacity: 1;
  		right: 0;
		}


		.redbut
		{
			height: 30px;
			width: 60px;
			background-color: #c91818fd;
			border: #c91818fd solid 2px;
			border-radius: 5px;
			color: white;
			cursor: pointer;
			font-family: 'Source Code Pro', monospace;
			font-size: 16px;
		}
		.form1 
		{
  		width: 150px;
 		margin: 0 auto;
		}
		.input1 {
  		width: 100%;
  		height: 30px;
  		padding-left: 10px;
  		border: 3px solid black;
  		border-radius: 5px;
  		outline: none;
  		background: white;
  		color: black;
		}
		hr{
			width: 100%;
			margin-left: 0;
		}
		.spaceform{
			background-color: white;
			width: 85%;
			height: 760px;
			color: black;
			border: solid 10px #c91818fd;
			padding-left: 10px;
		}
		.mag{
		padding-top: 5px;
		height: 30px;
  		padding-left: 10px;
  		border: 3px solid black;
  		border-radius: 5px;
  		outline: none;
  		margin-left: 5px;
  		margin-top: 2px;
		}
		.scr1{
			float: left;
			height: 200px;
			width: 32%;
			background-image: url(../image/tesla.jpg);
			background-size: cover;
			background-repeat: no-repeat;
			margin-bottom: 20px;
			
		}
		.scr2{
			float: left;
			height: 200px;
			width: 32%;
			background-image: url(../image/dragon.jpg);
			margin-left: 2%;
			background-size: cover;
			background-repeat: no-repeat;
			margin-bottom: 20px;
			
		}
		.scr3{
			float: left;
			height: 200px;
			width: 32%;
			background-image: url(../image/mavic3.jpg);
			margin-left: 2%;
			background-size: cover;
			background-repeat: no-repeat;
			margin-bottom: 20px;
			
		}

		.list1{
			width: 33%;
			float: left;
		}
		.list2{
			width: 34%;
			float: left;
		}
		.list3{
			width: 33%;
			float: left;
		}
		table{
			border: 10px solid #c91818fd;
			border-collapse: collapse;
			margin-left: 0;
		}
		td{
			border: black solid 2px;

		}
		.tr1{
			background-color: black;
			color: white;
		}
		h1{
			background-color: yellow;
			width: 210px;
			text-align: center;
			font-family: 'Source Code Pro', monospace;
		}
		.h11{
			background-color: yellow;
			width: 210px;
			text-align: center;
			font-family: 'Source Code Pro', monospace;
			margin-left: 2%;
		}
		.h22{
			background-color: black;
			color: yellow;
			width: 150px;
			height: 30px;
			text-align: center;
			font-family: 'Source Code Pro', monospace;
			font-weight: 200;
		}
		.h23{
			background-color: black;
			color: yellow;
			width: 150px;
			height: 30px;
			text-align: center;
			font-family: 'Source Code Pro', monospace;
			font-weight: 200;
			margin-top: 245px;
		}
		
		.imgtext{
			color: white;
			font-weight: 500;
			padding-left: 10px;
			padding-top: 30px;
			font-size: 18px;
			cursor: pointer;
		}
		.sp{
			color: #c91818fd;
			font-weight: 700;
		}

		.container {
  position: relative;
  width: 100%;
}

.image {
  display: block;
  width: 100%;
  height: 520px;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 520px;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-image: url(../image/tesla5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.container:hover .overlay {
  opacity: 1;
}

.text {
  color: black;
  font-weight: 700;
  font-family: 'Source Code Pro', monospace;
  font-size: 40px;
  position: absolute;
  top: 15%;
  right: -10%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}