#divScreenTitle {font-size:24px;color: #000;text-align: center;margin-top:15%; margin-bottom:15%; font-weight:bold;}
#divScreenTitle p{margin:0;}
#divScreenContent {text-align:center;}
#divScreenContent img{max-width:90%;}
#divScreenFooter {font-size:12px;color: #666;text-align: center;width:100%; position:fixed; bottom: 5px;}
#divScreenFooter p{margin:0;}

#divTitle {font-size:24px;color: #000;text-align: center;margin-top:20%;}
#divTitle p{margin:0;}
#divContent{padding: 0 15px;position:absolute; font-size:18px;margin:auto; top: 30%;left: 0;right: 0;bottom: 0;}
#divFooter {font-size:12px;color: #666;text-align: center;width:100%; position:fixed; bottom: 5px;}
#divFooter p{margin:0;}


* {box-sizing: border-box;margin: 0;padding: 0;}
.wrapper {background: darkgray;background: -webkit-linear-gradient(top left, darkgray 0%, #53e3a6 100%);background: linear-gradient(to bottom right, darkgray 0%, #586c94 100%);opacity: 0.8;position: absolute;left: 0;width: 100%;height: 100%;overflow: hidden;}
.bg-bubbles {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.bg-bubbles li {position: absolute;list-style: none;display: block;width: 40px;height: 40px;background-color: rgba(255, 255, 255, 0.15);bottom: -160px;-webkit-animation: square 25s infinite;animation: square 25s infinite;-webkit-transition-timing-function: linear;transition-timing-function: linear;}
.bg-bubbles li:nth-child(1) {left: 10%;}
.bg-bubbles li:nth-child(2) {left: 20%;width: 80px;height: 80px;-webkit-animation-delay: 2s;animation-delay: 2s;-webkit-animation-duration: 17s;animation-duration: 17s;}
.bg-bubbles li:nth-child(3) {left: 25%;-webkit-animation-delay: 4s;animation-delay: 4s;}
.bg-bubbles li:nth-child(4) {left: 40%;width: 60px;height: 60px;-webkit-animation-duration: 22s;animation-duration: 22s;background-color: rgba(255, 255, 255, 0.25);}
.bg-bubbles li:nth-child(5) {left: 70%;}
.bg-bubbles li:nth-child(6) {left: 80%;width: 120px;height: 120px;-webkit-animation-delay: 3s;animation-delay: 3s;background-color: rgba(255, 255, 255, 0.2);}
.bg-bubbles li:nth-child(7) {left: 32%;width: 160px;height: 160px;-webkit-animation-delay: 7s;animation-delay: 7s;}
.bg-bubbles li:nth-child(8) {left: 55%;width: 20px;height: 20px;-webkit-animation-delay: 15s;animation-delay: 15s;-webkit-animation-duration: 40s;animation-duration: 40s;}
.bg-bubbles li:nth-child(9) {left: 25%;width: 10px;height: 10px;-webkit-animation-delay: 2s;animation-delay: 2s;-webkit-animation-duration: 40s;animation-duration: 40s;background-color: rgba(255, 255, 255, 0.3);}
.bg-bubbles li:nth-child(10) {left: 90%;width: 160px;height: 160px;-webkit-animation-delay: 11s;animation-delay: 11s;}
@-webkit-keyframes square 
{
    0% {-webkit-transform: translateY(0);transform: translateY(0);}
    100% {-webkit-transform: translateY(-700px) rotate(600deg);transform: translateY(-700px) rotate(600deg);}
}
@keyframes square 
{
    0% {-webkit-transform: translateY(0);transform: translateY(0);}
    100% {-webkit-transform: translateY(-700px) rotate(600deg);transform: translateY(-700px) rotate(600deg);}
}