/*
SpaceHey External-Embeds Opt-In Page Stylesheet
(c) 2020-2023 SpaceHey.com - tibush GmbH
*/
html{
  height: 100%;
}
html, body{
  margin: 0;
  padding: 0;
}
body{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;

  background: #282828;
  background-image: linear-gradient(to right bottom, #282828, #212121, #1b1b1b, #141414, #0b0b0b);
  color: #eeeeee;
  min-height: 100%;
  font-family: verdana, arial, sans-serif, helvetica;

  border: 10px white;
  box-sizing: border-box;

  user-select: none;
}
h3, p, button{
  font-size: 95%;
  text-align: center;
  margin: 10px;
}
h3{
  font-size: 110%;
}
a{
  color: #ffffff;
  text-decoration: underline;
}
button{
  margin: 20px 10px;
  cursor: pointer;
}
p svg{
  height: 0.85em;
  width: 0.85em;
}
p svg path{
  fill: #ffffff;
}
img.logo{
  height: 42px;
  max-width: 100%;
  margin: 10px 0;
}

@media(max-width: 30em){ /* MOBILE */
  h3, p, button{
    font-size: 70%;
    margin: 5px;
  }
  h3{
    font-size: 85%;
  }
  button{
    margin: 10px 10px;
  }
  img.logo{
    height: 28px;
  }
}
@media(max-height: 14em){ /* SMALL HEIGHT */
  img.logo{
    display: none;
  }
  h3, p, button{
    margin: 3px;
  }
  h3{
    font-size: 80%;
  }
  p{
    font-size: 65%;
  }
}