.waves,body{position:relative}*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,sans-serif}body{height:100vh;width:100vw;background:linear-gradient(60deg,#fff 0,#e9edf2 100%)}header{text-align:center;padding:.2rem 1.4rem;background-color:#23272f}header img.header-logo{height:1.8rem;transition:.4s linear}header img.header-logo:hover{scale:1.2}main img.main-logo{position:absolute;z-index:0;top:40%;left:50%;transform:translate(-50%,-50%);width:20rem}footer{position:absolute;z-index:1;bottom:0;left:0;right:0}footer .powered-by-container{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#23272f;padding:4rem 0 1rem}footer .powered-by-container p{color:#fff}footer .powered-by-container p a{position:relative;font-weight:700;text-decoration:none;color:inherit;padding-bottom:.2rem;transition:.3s linear}footer .powered-by-container p a::before{content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;transform-origin:right;transform:scaleX(0);background-color:#fff;transition:transform .3s ease-in-out}footer .powered-by-container p a:hover::before{transform-origin:left;transform:scaleX(1)}.waves{width:100%;height:15vh;margin-bottom:-7px;min-height:100px;max-height:150px}.parallax>use{animation:25s cubic-bezier(.55,.5,.45,.5) infinite move-forever}.parallax>use:first-child{animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}100%{transform:translate3d(85px,0,0)}}@media (min-width:43rem){main img.main-logo{width:34rem}footer .powered-by-container{padding-top:6rem}}