html{background:#efefef;background:radial-gradient(ellipse at center,#efefef 0,#ddd 100%)}body{margin:0;display:flex;justify-content:center;align-items:center;height:100vh;font-family:Verdana,Geneva,Tahoma,sans-serif}.link-wrapper{margin-top:40px;text-align:center;text-shadow:5px 3px 4px rgba(0,0,0,.2)}.link-wrapper a.docLink{display:inline-block;font-size:1.6rem;padding:.5rem 1rem;background-color:#d64f89;border-radius:7px;color:#fff;text-decoration:none}.link-wrapper .creditLine{display:inline-block;margin-top:15px;font-size:.9rem}.link-wrapper .creditLine .creditLink{display:inline-block;color:'#1865AE';text-decoration:none}.link-wrapper .creditLine .creditLink:active,.link-wrapper .creditLine .creditLink:hover,.link-wrapper .creditLine .creditLink:visited{color:#085298;background-color:transparent}.link-wrapper a:hover{background-color:#d4357a}.link-wrapper h1{text-transform:uppercase;text-align:center}.container{display:flex;position:relative;width:400px;height:400px;overflow:hidden;background:#efefef;border-radius:50% 50%;box-shadow:0 0 50px 0 rgba(0,0,0,.1);margin:0 auto}.container span{position:absolute;background:red;background:linear-gradient(to bottom,#d64f89 0,#fdb054 100%);z-index:10;width:100%;height:100%;opacity:.2}.container svg{position:absolute;left:-180px;top:-70px}#Wave1{transform:translate(0,0)}#Wave2{transform:translate(50px,0)}#Wave3{transform:translate(-50px,0)}#Wave4{transform:translate(50px,0)}#Cloud{transform:translate(700px,300px)}#Cloud2{transform:translate(700px,300px) scale(.5)}#Cloud3{transform:translate(500px,450px) scale(.3)}@media (max-width:767px){main{display:flex;flex-wrap:wrap;justify-content:center}.container{width:300px;height:300px}.link-wrapper h1 .project-name{display:block}}