@font-face {
  font-family: ninofont;
  src: url(fonts/SportingGrotesque-Regular.otf);

}

@font-face {
  font-family: ninobfont;
  src: url(fonts/SportingGrotesque-Bold.otf);

}


body{background-color: #1d1d1b;}

.global{
margin-left: auto;
margin-right: auto;

}


h1{font-family: ninofont; ;font-size:8em; padding-top: 3em;color: #9aff0b;}

h3{font-size: 12px ;color: white;font-family: ninobfont;}


header { text-align: center; padding-bottom: 20em}

nav{margin-left: auto;margin-right: auto}

nav a{font-size: 2em;
      
   font-family: ninofont;
   text-decoration: none;
   color: white}






.left{
  float: left;
padding-left: 1em;
 }

.right{
  float: right;
 padding-right: 1em

}

.left2{
  float: left;
padding-left: 1em;
 }

.right2{
  float: right;
 padding-right: 1em

}



li{list-style-type: none; }



p{padding-bottom: 3em;padding-top: 1em;font-family: 'Jost', sans-serif;color:#9aff0b; font-size: 2em ;margin-left: 1em; line-height: 3em}


h2{font-size: 3em;font-family: ninobfont;text-align: center;color: white;margin-top: 3em;margin-bottom: 2em}

img {width: 100%;padding-left: 5px}

section ul{ width: 100%;border-bottom:solid #1d1d1b 40em;padding-left: 1,5em}




blockquote{font-size:6em;color:white;font-family: ninobfont;text-align: center;}

footer p {font-family: 'Jost', sans-serif;color:#9aff0b; font-size: 2em}

 a:hover{
    background-color: #9aff0b;
    color:  black;
   
}
#top{font-size: 50px}
footer{text-align: center }

footer ul{font-size: 2em;padding-top: 10em}

footer a {
    font-size: 1em;
   font-family: ninofont;
   text-decoration: none;
   color: white
}

input{
   font-family: ninofont;
   color: black;
   font-size: 10em;
   color: white;
   width: 100%;
   box-sizing: border-box;
   border: 1px solid #9aff0b ;
   background-color: #1d1d1b ;
   text-align: center;
   margin-bottom: 2em;
}





@media all and (min-width: 550px){
 
    /* Vos règles CSS pour les écrans plus grand que 550px ici */

.global{
 
 max-width : 550px;

}
    }