#fog{width:100%;overflow:hidden;height:auto;margin-left:auto;margin-right:auto;position:relative;background:linear-gradient(silver,#c1dcea)}.fog{position:absolute;-webkit-animation:fog_effect calc(3s * var(--i)) linear infinite,fog_move calc(3s * var(--i)) linear infinite;-moz-animation:fog_effect calc(3s * var(--i)) linear infinite,fog_move calc(3s * var(--i)) linear infinite;-o-animation:fog_effect calc(3s * var(--i)) linear infinite,fog_move calc(3s * var(--i)) linear infinite;-ms-animation:fog_effect calc(3s * var(--i)) linear infinite,fog_move calc(3s * var(--i)) linear infinite;animation:fog_effect calc(3s * var(--i)) linear infinite,fog_move calc(3s * var(--i)) linear infinite}@-webkit-keyframes fog_effect{0%{opacity:.01}22%{opacity:.1}40%{opacity:.05}58%{opacity:.05}80%{opacity:0}100%{opacity:0}}@-moz-keyframes fog_effect{0%{opacity:.01}22%{opacity:.1}40%{opacity:.05}58%{opacity:.05}80%{opacity:0}100%{opacity:0}}@-o-keyframes fog_effect{0%{opacity:.01}22%{opacity:.1}40%{opacity:.05}58%{opacity:.05}80%{opacity:0}100%{opacity:0}}@-ms-keyframes fog_effect{0%{opacity:.01}22%{opacity:.1}40%{opacity:.05}58%{opacity:.05}80%{opacity:0}100%{opacity:0}}@keyframes fog_effect{0%{opacity:.01}22%{opacity:.1}40%{opacity:.05}58%{opacity:.05}80%{opacity:0}100%{opacity:0}}@-webkit-keyframes fog_move{0%{bottom:10%;scale:1.5}50%{bottom:11%;scale:2}100%{bottom:10%;scale:2.5}}@-moz-keyframes fog_move{0%{bottom:10%;scale:1.5}50%{bottom:11%;scale:2}100%{bottom:10%;scale:2.5}}@-o-keyframes fog_move{0%{bottom:10%;scale:1.5}50%{bottom:11%;scale:2}100%{bottom:10%;scale:2.5}}@-ms-keyframes fog_move{0%{bottom:10%;scale:1.5}50%{bottom:11%;scale:2}100%{bottom:10%;scale:2.5}}@keyframes fog_move{0%{bottom:10%;scale:1.5}50%{bottom:11%;scale:2}100%{bottom:10%;scale:2.5}}