/* -------------------------------- 
Primary style
-------------------------------- */
*, *::after, *::before {
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
body {
font-size: 1.6rem;
font-family: sans-serif;
color: #ffffff;
}
a {
color: #196a74;
text-decoration: none;
}
/* -------------------------------- 
Main Components 
-------------------------------- */
.cd-background-wrapper {
background-color: #001426;
position: relative;
overflow: hidden;
-webkit-perspective: 4000px;
perspective: 4000px;
}
.cd-floating-background {
position: relative;
top: 0;
left: 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.cd-floating-background.is-absolute {
position: absolute;
}
.cd-floating-background img {
display: block;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(255, 255, 255, 0.01);
}
.cd-floating-background img:not(:first-child) {
position: absolute;
top: 0;
left: 0;
}
.cd-floating-background img:first-child {
-webkit-transform: translateZ(50px);
-ms-transform: translateZ(50px);
transform: translateZ(50px);
}
.cd-floating-background img:nth-child(2) {
-webkit-transform: translateZ(290px);
-ms-transform: translateZ(290px);
transform: translateZ(290px);
}
.cd-floating-background img:nth-child(3) {
-webkit-transform: translateZ(400px);
-ms-transform: translateZ(400px);
transform: translateZ(400px);
}
.no-preserve-3d .cd-floating-background {
position: relative;
}