.fade-enter-active,.fade-exit-active{transition:opacity .3s,transform .3s}.fade-enter,.fade-exit-to{opacity:0}html,body,#root{height:100%}.ocean{height:100%;width:100%;position:absolute;bottom:0;background:linear-gradient(#188ccf,#c4e4e8)}.wave{position:absolute;width:6400px;height:200px;mask:url(/wave.svg);-webkit-mask:url(/wave.svg)}.wave:nth-of-type(1){background-color:#fff;animation:wave 7s cubic-bezier(.36,.45,.63,.53) -.125s infinite,swell 7s ease -1.25s infinite;animation-delay:-10s;bottom:160px;z-index:10}.wave:nth-of-type(2){background-color:#d3eded;animation:wave 9s cubic-bezier(.36,.45,.63,.53) -.125s infinite,swell 9s ease -1.25s infinite;animation-delay:-10s;bottom:120px;z-index:20}.wave:nth-of-type(3){background-color:#a5dadb;animation:wave 11s cubic-bezier(.36,.45,.63,.53) -.125s infinite,swell 11s ease -1.25s infinite;animation-delay:-10s;bottom:80px;z-index:30}.wave:nth-of-type(4){background-color:#72c7c9;animation:wave 13s cubic-bezier(.36,.45,.63,.53) -.125s infinite,swell 13s ease -1.25s infinite;animation-delay:-10s;bottom:40px;z-index:40}.wave:nth-of-type(5){background-color:#2ab4b8;animation:wave 15s cubic-bezier(.36,.45,.63,.53) -.125s infinite,swell 15s ease -1.25s infinite;animation-delay:-10s;bottom:0;z-index:50}@keyframes wave{0%{margin-left:0}to{margin-left:-1600px}}@keyframes swell{0%,to{transform:translate(0,-25px,0) scaleY(1.25)}50%{transform:translate(0,0,0) scale(1)}}