/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* Countdown Clock */

/* general styling */

.CDCcontainer {
margin: 0 auto;
padding: 0.5rem;
align-content: center;
}

div#CDCcontainer li {
	display: inline-block;
	font-size: 1.25em;
	color: #ffffff;
	list-style-type: none;
	padding: .25em;
	text-transform: uppercase;
	border-radius: 5px;

}

div#CDCcontainer li span {
	display: block;
	padding: .25em;
	font-size: 4.5rem;
}

/* resets and general styles */

::-moz-selection{
	color: #FFFFFF;
	background: #572c4f;
}

::selection{
	color: #FFFFFF;
	background: #572c4f;
}


/* Annual Meeting Curtains */

.rxWorld {
	height: 800px; 
	background-attachment: fixed;
}

.rnOuter {  
	height: 800px;	
	background-attachment: fixed;
	background-image: url("https://www.handhousing.org/wp-content/uploads/annualmeeting-curtainbg-01-01.jpg");
  overflow: hidden;
  position: relative;

}
.rnInnerleft {
	width: 100%;
  position: absolute;
	top: -20%;
  right: 0;
 bottom: 0;
 left: -40%;
  margin: auto;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 7s ease;
  transition: -webkit-transform 7s ease;
  transition: transform 7s ease;
  transition: transform 7s ease, -webkit-transform 7s ease;
  -webkit-transform-origin: -120% top;
          transform-origin: -120% top;
}
.rnInnerright {
	width: 100%;
	position: absolute;
	top: -20%;
	right: -30%;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 7s ease;
  transition: -webkit-transform 7s ease;
  transition: transform 7s ease;
  transition: transform 7s ease, -webkit-transform 7s ease;
  -webkit-transform-origin: -120% top;
          transform-origin: -120% top;
}
.rnUnit {
  width: 16vw;
  height: 130vh;
  background: repeating-linear-gradient(to left, hsl(0, 39%, 30%) 4vw, hsl(0, 39%, 10%) 8vw, hsl(0, 39%, 50%) 10vw);
  background-size: 100% 100%;
  display: inline-block;
  -webkit-transform-origin: 0 0%;
          transform-origin: 0 0%;
  -webkit-transform: rotate(-1.5deg);
          transform: rotate(-1.5deg);
  -webkit-animation: rnUnit 4s ease infinite;
          animation: rnUnit 4s ease infinite;
}
@-webkit-keyframes rnUnit {
  50% {
    -webkit-transform: rotate(-1.5deg);
            transform: rotate(-1.5deg);
  }
}
@keyframes rnUnit {
  50% {
    -webkit-transform: rotate(1.5deg);
            transform: rotate(1.5deg);
  }
}
.rnUnit:nth-child(1) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.rnUnit:nth-child(2) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.rnUnit:nth-child(3) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.rnUnit:nth-child(4) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.rnUnit:nth-child(5) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.rnUnit:nth-child(6) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.rnUnit:nth-child(7) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.rnUnit:nth-child(8) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.rnUnit:nth-child(9) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.rnUnit:nth-child(10) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.aoTable {
	display: table;  
	height: 800px;
  width: 100%;
  text-align: center;
}
.aoTableCell {
	height: 800px;  
	color: hsl(0, 80%, 38%);
  display: table-cell;
  vertical-align: middle;
  -webkit-transition: color 3s ease;
  transition: color 3s ease;
}
.rnOuter:hover .rnInnerleft {
  -webkit-transform-origin: -120% top;
          transform-origin: -120% top;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

.rnOuter:hover .rnInnerright {
  -webkit-transform-origin: -120% top;
          transform-origin: -120% top;
  -webkit-transform: scaleX(0);
transform: scaleX(3);
}

.rnOuter:hover .aoTableCell {
  color: black;
}