body, h1, div {margin: 0; padding:0;}

body {
  font-family: 'Fivo Sans Modern', 'IBM Plex Sans';
  font-weight: 900; color:#fff;
}

body {
  width: 100%;
  height: 100vh;
  position: relative;
  background: #34393a;
}
.logo{position:absolute; top:20px; left:50%; font-size:100px; margin-left:-150px; max-width:300px;}
.logo img{max-width:100%;}
.first{
  height: 50%;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid rgba(215,181,109,0.1);
}

.second{
  top: 50%;
  height: 50%;
  width: 100%;
  overflow: hidden;

}

div h1.text {
  color:rgba(215,181,109,0.8);
  font-size: 120px;
  text-align: center;
  position: relative;
  top: 100%;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  height: 120px;
  margin-top: -55px;
}
div h1.soon
{
    top: 0;
}

div.ani h1.text {
  animation: myAni 2s  cubic-bezier(1,0,.71,1) infinite;
}


@keyframes myAni {
  0%    { transform: skewY(0deg)   translateY(-120px);}
  25%   { transform: skewY(8deg)  translateY(0px); }
  50%   { transform: skewY(0deg)  translateY(120px);}
  75%   { transform: skewY(-8deg)  translateY(0px);}
  100%  { transform: skewY(0deg)  translateY(-120px);}
}

div.myName {
  margin: 0;
  font-family: 'IBM Plex Sans';
  font-size: 1.2em;
  position: fixed;
  bottom: 5%;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  text-align: center;
  letter-spacing: 4px;
  }
div.myName a{color:#fff; padding-top:10px; display:inline-block; text-decoration:none;}
div.myName a:hover{color:#d7b56d;}
@media only screen and (max-width: 1000px){

  div h1.text {
    font-size: 50px;
    text-align: center;
    position: relative;
    top: 100%;
    left: 50%;
    width: 500px;
    margin-left: -250px;
    margin-top: -35px;
  }
    div h1.soon
  {
      top: 0;
  }

@keyframes myAni {
  0%    { transform: skewY(0deg)   translateY(-50px);}
  25%   { transform: skewY(8deg)  translateY(0px); }
  50%   { transform: skewY(0deg)  translateY(80px);}
  75%   { transform: skewY(-8deg)  translateY(0px);}
  100%  { transform: skewY(0deg)  translateY(-50px);}
}

div.myName {
  font-size: 1.2em;
  opacity: .5;
  position: fixed;
  bottom: 5%;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  text-align: center;
  letter-spacing: 4px;
  }
}