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.3em}
iframe{border:none}

header{max-width:80%; margin:0 auto}

main{
  width:80%; margin:0 auto; background-color: #111;
  display:grid;
  grid-template-columns: 1fr 1fr;
}
figure{margin:0;padding:3px; border:solid 1px black;
  img{max-height:600px;width:100%; object-fit: scale-down;
  }
}

@media screen and (width <=720px){
  main{width:95%;
  grid-template-columns:1fr ;}
  header{max-width:95%}
}

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