body {
    background-color: #f4f4f4;
    color: black;
}

header {
    background-color: #f4f4f4;
    height: 12em;
    font-family: 'Roboto Mono', monospace;
    
}

#brgr {
    font-weight: bolder;
    color: black;
    font-size: 3em;
}

h1 {
    font-family: 'Rubik Mono One', sans-serif;
    font-size: 3.7em;
}

a {
      color: black;
      font-size: 1.5em;
      font-family: 'Roboto Mono', monospace;
}

a:hover {
    text-decoration: underline;
    color: black;
    font-size: 3em;
}

  a:active {
      background-color: black;
      color: white ;
      font-family: 'Roboto Mono', monospace;
  }

.titre {
    font-size: 2.5em;
    font-weight: bold;
    font-family: 'Roboto Mono', monospace;
}

.soustitre {
    font-size: 1.8em ;
    font-style: italic;
    font-family: 'Roboto Mono', monospace;
    
}
.billet {
    font-size: 1.2em;
    line-height: 2em;
    font-family: 'Roboto', sans-serif;
}

.barré {
    text-decoration: line-through;
}
.drpmnu {
    background-color: #f4f4f4;
    color: black;
    border: solid black 0.11em;
}
.liste {
    font-size: 1.5em;
    font-family: 'Roboto Mono', monospace;
    color: black;
    

}
.liste:hover {
    font-size: 1.5em;
    text-decoration: underline;


}
.liste:active {
    background-color: black;
    color: #F4F4F4;
    font-size: 1.5em;
}
ul{
    list-style-type: none;
}

#rockab {
    font-size: inherit;
    text-decoration: underline ;
    color: black;
    font-family: 'Roboto', sans-serif;
}
#rockab:active {
font-size: inherit;
font-weight: bold;
color: #f4f4f4;
background-color: black;
font-family: 'Roboto', sans-serif;
}

@media screen and (max-device-width: 1023px) {
    nav{ display: none ;

    }
    h1 {
        font-size: 2.5em ;
        text-align: left;
    }

    img {
        height: 60%;
        width: auto;
    }
    
    .billet {
        font-size:0.8em ;
        line-height:1.3em ;
    }
    .titre {
        font-size:2em ;
    }
    .soustitre {
        font-size: 1.4em;
    }
}   

@media screen and (min-width: 1024px) {
   

    .burger {
        display: none;
       }
}