html {
  height: 100%;
  width: 100%;
}
@font-face{
  font-family: sans;
  src: url('https://cdn.freefontsvault.com/2023/02/comic-regular.ttf');
}
body {
  background-color: black;
  color: white;
  text-align: center;
  font-family: sans, cursive;
}

button {
  width: 200px;
  color-scheme: dark;
  border: solid gray 5px;      
  border-radius: 10px;
  color: white;
  font-family: sans;
}

.up {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.up > button{
  width: 80%;
  font-size: 2vh;
  object-fit: cover;
}

.click {
  width: 80%;
  /* height: 6vh; */
  font-size: 5vh;
  object-fit: cover;
}

.hide {
  display: flex;
  color: black;
  background-color: black;
  border: none;
  position: fixed;
  bottom:0;
  left:0;
  font-size: 1.5vh;
}
.hide>button{
  color: black;
  background-color: black;
  border: 1px solid black;
  width: fit-content;
}
.hide:hover {
  color: white;
}
.hide>button:hover{
  color: white;
  background-color: gray;
  text-align: start !important;
}
dialog{
  background-color: black;
  color: white;
}
.button-row{
  display: flex;
  flex-direction: column;
}