html { scrollbar-width:none; 
margin: 0 auto; text-align:center;
max-width:1000px
    }

body{margin:0 0;width:100%;
    background-image: url(/media/bg-smal.png); background-repeat: no-repeat; 
    background-size:100%;
    background-color:rgb(4, 4, 4);
    font-family:"comic sans";
    color:rgb(86, 165, 13);
    text-shadow: 0px 0px 4px black, 1px 1px 0px black;
    display:inline-block;
    text-align:left;
}
main {margin: 0 0 0 25%;max-width:50%;display:inline-block;}
aside{float:right;width:25%;
  border: 1px solid white;
  div{padding:0.5em}
}
summary{&:hover{cursor:pointer}}

.bienvenue{display:block;margin:0 auto; image-rendering:pixelated;}
.nav{border:none;margin:0 auto;display:block}
footer{padding:1em}
blockquote{margin:0}


@font-face {font-family: "comic sans" ; src: url("/fonts/comicsans-ms.ttf"); }

@media screen and (width <=1440px) {
    .bienvenue{width:80%} }
@media screen and (width <=600px) {
    .bienvenue{width:100%}
    main{margin: 0px 25%; }
    body{background-image: url(/media/bg-insmal-mobile.png); font-size: small;} }