@import url("https://fonts.googleapis.com/css?family=Roboto");@-webkit-keyframes come-in{0%{opacity:0;-webkit-transform:translatey(100px);transform:translatey(100px)}30%{-webkit-transform:translateX(-50px) scale(.4);transform:translateX(-50px) scale(.4)}70%{-webkit-transform:translateX(0) scale(1.2);transform:translateX(0) scale(1.2)}to{opacity:1;-webkit-transform:translatey(0) scale(1);transform:translatey(0) scale(1)}}@keyframes come-in{0%{opacity:0;-webkit-transform:translatey(100px);transform:translatey(100px)}30%{-webkit-transform:translateX(-50px) scale(.4);transform:translateX(-50px) scale(.4)}70%{-webkit-transform:translateX(0) scale(1.2);transform:translateX(0) scale(1.2)}to{opacity:1;-webkit-transform:translatey(0) scale(1);transform:translatey(0) scale(1)}}*{margin:0;padding:0}.floating-container{margin:35px 25px;right:0;position:fixed;height:100px;bottom:0;width:100px}.floating-container:hover{height:300px}.floating-container:hover .floating-button{-webkit-transform:translatey(5px);transform:translatey(5px);box-shadow:0 10px 25px rgba(205,33,34,.6);-webkit-transition:all .3s;transition:all .3s}.floating-container:hover .element-container .float-element:first-child{-webkit-animation:come-in .4s .2s forwards;animation:come-in .4s .2s forwards}.floating-container:hover .element-container .float-element:nth-child(2){-webkit-animation:come-in .4s .4s forwards;animation:come-in .4s .4s forwards}.floating-container:hover .element-container .float-element:nth-child(3){-webkit-animation:come-in .4s .6s forwards;animation:come-in .4s .6s forwards}.floating-container .floating-button{left:0;border-radius:50%;margin:auto;box-shadow:0 10px 25px -5px rgba(44,179,240,.6);right:0;line-height:65px;text-align:center;color:#fff;z-index:100;cursor:pointer;position:absolute;height:65px;bottom:0;font-size:23px;-webkit-transition:all .3s;transition:all .3s;background:#cd2122;width:65px}.floating-container .float-element{opacity:0;font-weight:500;border-radius:50%;-webkit-transform:translateY(100px);transform:translateY(100px);margin:15px auto;line-height:50px;display:block;text-align:center;color:#fff;z-index:0;position:relative;height:50px;width:50px}.floating-container .float-element .material-icons{vertical-align:middle;font-size:16px}.floating-container .float-element:first-child{box-shadow:0 20px 20px -10px rgba(66,165,245,.5);background:#42a5f5}.floating-container .float-element:nth-child(2){box-shadow:0 20px 20px -10px rgba(76,175,80,.5);background:#4caf50}.floating-container .float-element:nth-child(3){box-shadow:0 20px 20px -10px rgba(255,152,0,.5);background:#ff9800}