body { 
  margin:0; 
  padding:0; 
  width: 100vw;
  height: 100vh;
}

.unsupportedRoot {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding-top: 32px;

  color: #000000;
  background: #ffffff;
  text-align: center;
}
  
.unsupportedText {
  max-width: 600px;
  max-height: 38px;
  margin: 0 auto;
  margin-top: 32px;
  padding-left: 20px;
  padding-right: 20px;

  font-size: 22px;
}
  
.unsupportedText span {
  display: block;

  margin-top: 16px;

  font-size: 18px;
  font-weight: normal;
}	

.unsupportedImage {
  width: 100vw;
  height: 150px;

  object-fit: contain;
  content: url("/images/logo192Light.png");
}

@media (prefers-color-scheme: dark) {
  .unsupportedRoot {
    color: #ffffff;
    background: #000000;
  }

  .unsupportedImage {
    content: url("/images/logo192Dark.png");
  }
}  

@media (max-width: 559px) {
  .unsupportedImage {
    height: 70px;
  }
}

@media (max-height: 419px) {
  .unsupportedImage {
    height: 70px;
  }
}