html,body {
}

.roading {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  background: #000;
  height: 100%;
}

.roading div {
  top: 50%;
  left: 50%;  
  transform: translate(-50%, -50%);
  position: absolute;
}
.roading p {
  color: #fff;
  font-size: 18px;
  font-family: 'Concert One', cursive;
  animation: open .7s linear;
}
@media(min-width:767px){
.roading p {
  color: #fff;
  font-size: 50px;
  font-family: 'Concert One', cursive;
  animation: open .7s linear;
}}

main div {
  color: #000;
  font-size: 40px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
}

@keyframes open{
	0% {
		opacity: 0;
		transform: scaleY(8) scaleX(8);
	}
	70% {
		opacity: 1;
		transform: scaleY(1) scaleX(1);
	}
}