html {scrollbar-width:none;}
body{margin:0 0;
    background-color:#000;
    font-family:"comic sans";
    color:rgb(86, 165, 13);
    text-shadow: 0px 0px 4px black, 1px 1px 0px black;}
summary{
  span{color:#0060df;}
  &:hover{cursor:pointer}}
.bienvenue{display:block;margin:0 auto; image-rendering:pixelated;}
.nav{border:none;margin:0 auto;display:block}
.grid-big{
  display:grid;
  min-height: 100vh;
  grid-template-columns: auto 1000px auto;
  }
.boss{background-image: url(/media/bg-smal.png);background-repeat: no-repeat;background-size:100%;background-color: #040404;}

main{display:grid; grid-template-columns:1fr 55% 1fr;margin: 0 auto;}
main-droite{padding:1em;
  iframe{height:200px; width:100%;border:none;}}

footer{margin: 2em 2em;
  .secret{color:rgb(0, 188, 0, 0.1);text-shadow:none;}
}
@font-face {font-family: "comic sans" ; src: url("/fonts/comicsans-ms.ttf"); }
@media screen and (width <=1000px) {
    .grid-big{grid-template-columns: 0 100% 0;}
    aside{display:none}
}
@media screen and (width <=600px) {
    .bienvenue{width:100%} 
    body{font-size: small;} 
    .boss{background-image: url(/media/bg-smal-mobile.png);} 
}