@charset "utf-8";

html,body{padding:0px;margin:0px;}
.rnOuter {
  background:#000;
  overflow: hidden;
  position: relative;
  height: 100vh;
}
.rnInner {
  width: 105%;
  position: absolute;
  top: -10%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transform-style: preserve-3d;
  transition: transform 6s ease;
  transform-origin: -120% top;
}
.rnUnit {
  width: 10vw;
  height: 120vh;
  background: repeating-linear-gradient(
    to left,
    #111 4vw,
    #000 8vw,
    #222 10vw
  );
  display: inline-block;
  transform-origin: 0 0%;
  transform: rotate(1deg);
  animation: rnUnit 2s ease infinite;
  margin-left:-1vw;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
}

@-webkit-keyframes rnUnit {
  50% {
    transform: rotate(-1deg);
  }
}
@keyframes rnUnit {
  50% {
    transform: rotate(-1deg);
  }
}
.rnUnit:nth-child(1) {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}
.rnUnit:nth-child(2) {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.rnUnit:nth-child(3) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.rnUnit:nth-child(4) {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.rnUnit:nth-child(5) {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.rnUnit:nth-child(6) {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.rnUnit:nth-child(7) {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}
.rnUnit:nth-child(8) {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.rnUnit:nth-child(9) {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.rnUnit:nth-child(10) {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.rnUnit:nth-child(11) {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}
.rnUnit:nth-child(12) {
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
}
.rnUnit:nth-child(13) {
  -webkit-animation-delay: -1.3s;
          animation-delay: -1.3s;
}
.aoTable {
  display: table;
  width: 100%;
  height: 100vh;
  text-align: center;
}
.aoTableCell {
  color:#ffffff;
  display: table-cell;
  vertical-align: middle;
  transition: color 3s ease;
}
.overlay{
  position:fixed;
  width:100%;
  display:flex;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  flex-direction: column;
  color:#ffffff;
}

.overlay .top,
.overlay .middle,
.overlay .bottom{
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
}

.overlay .top{
	flex:3;
}

.overlay .top img{
	height:11vh;
}

.overlay .middle{
	flex:4;
}

.overlay .bottom{
	flex:3;
}

.overlay .middle h3{
	font-size:3.3vh;
	letter-spacing:15%;
	font-weight:200;
	margin:0px;
}

.overlay .middle h1{
	font-size:11vh;
	letter-spacing:15%;
	margin:0px;
	font-weight:700;
	
	background: radial-gradient(
		circle at var(--x) var(--y),
		#ffffff 0%,
		#e5d8c9 35%,
		#ebcb84 70%
	);

	background-clip: text;
	-webkit-background-clip: text;

	color: #ffffff;
	-webkit-text-fill-color: transparent;
}

.overlay .middle h2{
	font-size:5vh;
	letter-spacing:15%;
	margin:0px;
	font-weight:200;
}

.overlay .bottom h4{
	color:#EBCB84;
	font-size:2.5vh;
	margin:0px;
	font-weight:400;
	margin-bottom:4vh;
}

.languages{
	color:#ffffff;
	margin-top:35px;
}

.languages a{
	color:#ffffff;
	font-size:20px;
	font-weight:400;
	transition: all 0.3s;
}

.languages a:hover{
	color:#EBCB84;
}

.languages a.sel{
	color:#EBCB84;
	font-weight:700;
}

.languages span{
	display:inline-block;
	font-size:20px;
	padding:0px 25px;
}