@import url(//fonts.googleapis.com/css?family=Lato:300:400);body{margin:0}.header{position:relative;text-align:center;background:linear-gradient(60deg,#543ab7,#00acc1);color:#220bf3}.logo1{width:50px;fill:#fff;padding-right:15px;display:inline-block;vertical-align:middle}.inner-header{height:65vh;width:100%;margin:0;padding:0}.flex{display:flex;justify-content:center;align-items:center;text-align:center}.waves{width:100%;height:15vh;margin-bottom:-7px;min-height:100px;max-height:150px}.content,.waves{position:relative}.content{height:20vh;text-align:center;background-color:#fff}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.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)}to{transform:translate3d(85px,0,0)}}@media (max-width:768px){.waves{height:40px;min-height:40px}.content{height:30vh}h1{font-size:24px}}.context{width:100%;position:absolute;top:50vh}.context h1{text-align:center;color:#d63535;font-size:50px}.area{padding:0;margin:0;background:#fff;background:-webkit-linear-gradient(270deg,#8f94fb,#4e54c8);width:100%;height:0}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(251,50,5,.821);animation:animate 5s linear infinite;bottom:-150px}.circles li:first-child{left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(2turn);opacity:0;border-radius:50%}}