@font-face {
  font-family: 'California';
  src: url('/css/fonts/california.ttf')  format('truetype');
}

html,body{
  margin:0;
  min-height:100%;
  color: grey;
  background-color: black;
  font-family: system-ui;
}
body { padding: 10px; }

h1 { font-family: Georgia, serif; font-size: 4em; }
h1#antoinette-chavin { font-family: California }

img { image-rendering: crisp-edges; }

table { border-collapse: collapse; width:100%; table-layout: fixed; overflow-wrap: break-word; }
td, th { border: 2px solid grey; padding: 5px; }

a { color:grey; text-decoration:none; }
a:hover { text-decoration:underline; }

.modal {
  display: none; 
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: none;
  background-color: black;
}

.modalContent {
  background-color: black;
  margin: auto;
  text-align: center;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

.responsive {
  max-width: inherit;
  max-height: inherit;
  height: inherit;
  width: inherit;
  object-fit: contain;
}

#imgContainer, #videoContainer {
  display: none;
}

.dos-button {
  display: inline-block;
  outline: 0;
  padding: 1px 10px;
  background-color: #ff0;
  color: #000;
  border: none;
  cursor: pointer;
  text-align: center;
  box-shadow: 10px 10px #000;
  border-radius: 0;
  user-select: none;
  font-weight: bold;
}
.dos-button:active {
  background-color: #00a8a8 !important;
  color: #000 !important;
  box-shadow: none !important;
}