@font-face {
  font-family: Sprat;
  src: url(Sprat-Regular.otf);
}

@font-face {
  font-family: Sprat2;
  src: url(Sprat-Regularlight.otf);
}

@font-face {
  font-family: Sprat3;
  src: url(Sprat-Extendedregular.otf);
}

@font-face {
	font-family: Sprat4;
	src: url(Sprat-CondensedBlack.otf);
  }

@font-face {
	font-family: Sprat5;
	src: url(Sprat-CondensedBold.otf);
  }

@font-face {
	font-family: Sprat6;
	src: url(Sprat-CondensedLight.otf);
  }
  
@font-face {
	font-family: Sprat7;
	src: url(Sprat-CondensedMedium.otf);
  } 

@font-face {
	font-family: Sprat8;
	src: url(Sprat-CondensedThin.otf);
  }    
  
@font-face {
	font-family: Sprat9;
	src: url(Sprat-CondesedRegular.otf);
  }    
  
@font-face {
	font-family: Sprat00;
	src: url(Sprat-ExtendedBlack.otf);
  }    
  
@font-face {
	font-family: Sprat10;
	src: url(Sprat-ExtendedBold.otf);
  }    
    
@font-face {
	font-family: Sprat11;
	src: url(Sprat-ExtendedLight.otf);
  }      

@font-face {
	font-family: Sprat12;
	src: url(Sprat-ExtendedMedium.otf);
  }    

@font-face {
	font-family: Sprat13;
	src: url(Sprat-ExtendedThin.otf);
  }    

@font-face {
	font-family: Sprat14;
	src: url(Sprat-RegularBlack.otf);
  }    

@font-face {
	font-family: Sprat15;
	src: url(Sprat-RegularBold.otf);
  }    

@font-face {
	font-family: Sprat16;
	src: url(Sprat-RegularMedium.otf);
  }    

@font-face {
	font-family: Sprat111;
	src: url(Sprat-RegularThin.otf);
  }    
  
body{
	margin-left: 0;
	margin-right: 0;
}

h1{
	font-family: Sprat3;
	font-size: 4em;
	margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: rgb(255, 0, 0);

}

p{
	color: rgb(255, 0, 0);
	font-size: 15%;
}

div img{
	max-width: 100%;
	height: auto;

}
.cover{
  height: 45em;
  display: flex;
  align-items: center;
  justify-content: center}

nav{
	margin-left: auto;
	margin-right: auto;
	font-family: Sprat;
	color: rgb(255, 0, 0);
}

a:visited {
	color: rgb(255, 0, 0);
	text-decoration: none;
  }
  
a:link {
	color: rgb(255, 0, 0);
	text-decoration: none;
  }

.pages li{
	display: inline;
	margin-bottom: 30em;

}

.topleft{
	float:left ;
	padding-left: 1em;
		text-decoration: none;
}

.topright{
	float: right;
	padding-right: 1em;
		text-decoration: none;
}

section{
	max-width: 60%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

ul{
	list-style-type: none;
	padding: 0;
}

ul img{
	max-width: 20em;
	height: auto;
	display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5em;
    padding-bottom: 5em;
}

img{
	max-width: 20em;
	height: auto;
	display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5em;
    padding-bottom: 5em;
}


.text{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 80%;
	position: static;
	font-size: 2em ;
	font-family: Sprat16;
	color: rgb(255, 0, 0);
}

.text1{
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	position: static;
	font-size: 1.5em ;
	font-family: Sprat16;
	color: rgb(255, 0, 0);
}

.input{
    display: flex;
    flex-direction: column;
    gap: 1em;
    background-color: rgb(255, 0, 0);
}

.Cont{
	font-family: 'Sprat8';
    font-style: normal;
	font-size: 1.2em;
	color: rgb(255, 0, 0);
	height: 7em;
	margin: 4em;
	text-align: center;
}

.Conl{
	font-family: 'Sprat2';
    font-style: normal;
	font-size: 1.2em;
	color: rgb(255, 0, 0);
	height: 7em;
	margin: 4em;
	text-align: center;
}

.Conr{
	font-family: 'Sprat9';
    font-style: normal;
	font-size: 1.2em;
	color: rgb(255, 0, 0);
	height: 7em;
	margin: 4em;
	text-align: center;
}

.Conm{
	font-family: 'Sprat7';
    font-style: normal;
	font-size: 1.2em;
	color: rgb(255, 0, 0);
	height: 7em;
	margin: 4em;
	text-align: center;
}

.Conb{
	font-family: 'Sprat5';
    font-style: normal;
	font-size: 1.2em;
	color: rgb(255, 0, 0);
	height: 7em;
	margin: 4em;
	text-align: center;
}

.Conbl{
	font-family: 'Sprat4';
    font-style: normal;
	font-size: 1.2em;
	color: rgb(255, 0, 0);
	height: 7em;
	margin: 4em;
	text-align: center;
}

.Th{
	font-family: 'Sprat111';
    font-style: normal;
	font-size: 1.2em;
	color: rgb(255, 0, 0);
	height: 7em;
	margin: 4em;
	text-align: center;
}

.Li{
	font-family: 'Sprat2';
    font-style: normal;
	font-size: 1.2em;
	color: rgb(255, 0, 0);
	height: 7em;
	margin: 4em;
	text-align: center;
}

.Re{
	font-family: 'Sprat';
    font-style: normal;
	font-size: 1.2em;
	color: rgb(255, 0, 0);
	height: 7em;
	margin: 4em;
	text-align: center;
}

.Me{
	font-family: 'Sprat16';
    font-style: normal;
	font-size: 1.2em;
	color: rgb(255, 0, 0);
	height: 7em;
	margin: 4em;
	text-align: center;
}

.Bo{
	font-family: 'Sprat15';
    font-style: normal;
	font-size: 1.2em;
	color: rgb(255, 0, 0);
	height: 7em;
	margin: 4em;
	text-align: center;
}

.Bl{
	font-family: 'Sprat14';
    font-style: normal;
	font-size: 1.2em;
	color: rgb(255, 0, 0);
	height: 7em;
	margin: 4em;
	text-align: center;
}

.Ext{
	font-family: 'Sprat13';
    font-style: normal;
	font-size: 1.2em;
	color: rgb(255, 0, 0);
	height: 7em;
	margin: 4em;
	text-align: center;
}

.Exl{
	font-family: 'Sprat11';
    font-style: normal;
	font-size: 1.2em;
	color: rgb(255, 0, 0);
	height: 7em;
	margin: 4em;
	text-align: center;
}

.Exr{
	font-family: 'Sprat3';
    font-style: normal;
	font-size: 1.2em;
	color: rgb(255, 0, 0);
	height: 7em;
	margin: 4em;
	text-align: center;
}

.Exm{
	font-family: 'Sprat12';
    font-style: normal;
	font-size: 1.2em;
	color: rgb(255, 0, 0);
	height: 7em;
	margin: 4em;
	text-align: center;
}

.Exb{
	font-family: 'Sprat10';
    font-style: normal;
	font-size: 1.2em;
	color: rgb(255, 0, 0);
	height: 7em;
	margin: 4em;
	text-align: center;
}

.Exbl{
	font-family: 'Sprat00';
    font-style: normal;
	font-size: 1.2em;
	color: rgb(255, 0, 0);
	height: 7em;
	margin: 4em;
	text-align: center;
}

.topbutton{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: Sprat;
	color: rgb(255, 0, 0);
	margin: 3em;
	font-size: 2em;
}












@media all and (min-width: 550px){
 
 .global{
 
 max-width : 550px;
 margin: 0 auto;

}
    }