* { background-color:#C0DEED;}

h1{
    position: relative;
    z-index: 1;
    text-align: center;
    background: none;
}

@keyframes cloudMove{
    from{background-position: 100vw 0;}
	to{background-position: 0 0;}
}

@keyframes banner {
    0% {left:-400px;}
    80% {left: calc(100% - 330px);transform:rotate(45deg);}
    100% {left: calc(50% - 165px);}
}

#sky {
    position:fixed;
    top:0px;left:0px;
    width:100%;
    height:100%;
    text-align:center;
    margin:0px;
    padding:0px;
    background-color:#C0DEED;
    background: url(./img/clouds.png) center top repeat-x;
    padding-top:300px;
    padding-bottom:10px;
    animation: cloudMove 15s linear infinite ;
}

h2{
    position: fixed;
    left: calc(50% - 165px);
    top: 200px;
    width: 330px;
    animation: banner 15s linear;
    background: none;
}