@font-face {font-family: "comic sans" ; src: url("/fonts/comicsans-ms.ttf"); }
body{color:white;background-color:black;font-family:"comic sans";}
date-orange{position:fixed;bottom:10px; right:10px;color:orange;text-shadow: -1px -1px 0 black, 1px -1px 0 black,-1px 1px 0 black, 1px 1px 0 black;font-size:1.5em}
.center{position:relative;left:10%}
header{max-width:79%}
table{margin:0;max-width:79%;}
td{width:50%;background-color: black;
  
} /* le width:x% sert a donner une width identique a tous les elements du <tr>, funct aussi avec 3 images si feeling silly ex: le graffiti long metro la */
table img{max-height:800px;width:100%;height:100%;object-fit: scale-down;}

@media only screen and (max-width:768px){
  table{max-width:100%;}
  .center{left:0%}
  header{max-width:100%}
}

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

@media screen and (width <=600px) {
    td{display:block; width:100%}
}