h1{
	text-shadow: 2px 2px 3px black;
	font-size: 50px;
	color:red;
}
header {
	display: flex; 
	flex-direction: column;
	
}

.b{
	background: #910000;
	background: linear-gradient(to left, #910000 0%, #000000 70%);
}
.l{
	background: #910000;
	background: linear-gradient(to left, #910000 0%, #000000 70%);
}
.h2{
	text-shadow: 2px 2px 3px black;
	font-size: 50px;
	color:white;
	text-align: center;
	padding-top: 150px;
}
.vi{
	display:flex;
	justify-content: space-around;
}
.logos{
	display: flex;
	justify-content:space-around;
}

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  max-width: 100%;
}

.main{
	background: #910000;
	background: linear-gradient(to left, #910000 0%, #000000 70%);
	font-size: 20px;
    color: white;
}
table{
    color:black
}
h1{
	text-shadow: 2px 2px 3px black;
	font-size: 50px;
	color:red;
}
header {
	display: flex;
	flex-direction: column;
	text-align: center;

}
.l{
    font-size: 15px;
    color: white;
	background: #910000;
	background: linear-gradient(to left, #910000 0%, #000000 70%);
}
}
td{
	padding: 10px;
}
th{
	padding: 10px;
}
.logos{
	display: flex;
	justify-content:space-around;
}
.f a{
	margin: 4px 6px;
	padding: 4px 6px;
	border-radius: 5px;
	color: red;
	border: 3px solid red;
}
.f a {text-decoration: none;}
.f a:hover {
	border: 5px solid red;
	color: white;
	background-color:red;
}
.a{
	position: fixed;
	width: 100%;
	display: flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	border-bottom: 1px solid white;
	background: #910000;
	background: linear-gradient(to left, #910000 0%, #000000 70%);
	margin:0px;
}

@media (max-width: 800px){
    iframe{
        width: 300px;
        height: 200px;
    }
    .h2{
        font-size:40px;
    }
    .vi{
	    display:block;
    }
}