body {
    background-color: #ff00ff;
    color: white;
    font-family: 'Roboto Mono', monospace;

}

header {
    height: 12em;
    background-color: #ff00ff;
}

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

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

.dscrptn {
        color: white;
        font-size: 2em;
        font-family: 'Roboto Mono', monospace;
}

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

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

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

.liens {
font-size: 2em;
color: white
}


.liens:active {
    color: black;
    background-color: white;
}

.drpmnu {
    background-color: #ff00ff;
    color: white;
    border: solid white 0.11em;
}

.drpmnulinks:active {
   background-color:white ;
   color: black;
}



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

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

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

    .liens:hover {
        font-size: 1.7em;
        border: dashed 0.2em black;
        padding: 0.25em;
    }

    .burger {
        display: none;
       }
}