body {
  margin:0;
  overflow: hidden;
}
.wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(255,179,46);
    background: radial-gradient(circle, rgba(255,179,46,1) 0%, rgba(250,168,26,1) 100%);
    overflow: hidden;
}
.logo{
  width: 500px;
  margin: 25% 0;
  padding: auto 0;
}

@media screen and (max-width: 600px){
  .logo{
    width: 300px;
    margin: 60% 0;
  }
}

h1{
  font-weight: 600;
  font-size: 30px;
  color: #fff;
}


@supports(padding:max(0px)) {
    body, header, footer {
        padding-left: min(0vmin, env(safe-area-inset-left));
        padding-right: min(0vmin, env(safe-area-inset-right));
    }
  }