#presentation{width:480px;height:120px;padding:20px;background:#FFF;margin:10px auto auto;box-shadow:0 3px 15px -5px rgba(0,0,0,.1);transition:all .3s;border-radius:10px;h1,h3{font-weight:400}h3{color:#666}}#presentation:hover{box-shadow:0 12px 28px -5px rgba(0,0,0,.13);transition:all .3s;transform:translateZ(10px)}#floating-button{width:55px;height:55px;border-radius:50%;background:#0d54ae;position:fixed;bottom:30px;right:30px;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2);z-index:1000}.plus{color:white;position:absolute;top:0;display:block;bottom:0;left:0;right:0;text-align:center;padding:0;margin:0;line-height:55px;font-size:38px;font-family:Roboto;font-weight:300;animation:plus-out .3s;transition:all .3s}#container-floating{position:fixed;width:70px;height:70px;bottom:30px;right:30px;z-index:1000px!important}#container-floating:hover{height:400px;width:90px;padding:30px}#container-floating:hover .plus{animation:plus-in .15s linear;animation-fill-mode:forwards}.edit{position:absolute;top:0;bottom:0;left:0;display:block;right:0;padding:0;opacity:0;margin:auto;line-height:65px;transform:rotate(-70deg);transition:all .3s;animation:edit-out .3s}#container-floating:hover .edit{animation:edit-in .2s;animation-delay:.1s;animation-fill-mode:forwards}@keyframes edit-in{0%{opacity:0;transform:rotate(-70deg)}to{opacity:1;transform:rotate(0deg)}}@keyframes edit-out{0%{opacity:1;transform:rotate(0deg)}to{opacity:0;transform:rotate(-70deg)}}@keyframes plus-in{0%{opacity:1;transform:rotate(0deg)}to{opacity:0;transform:rotate(180deg)}}@keyframes plus-out{0%{opacity:0;transform:rotate(180deg)}to{opacity:1;transform:rotate(0deg)}}.nds{width:40px;height:40px;border-radius:50%;position:fixed;z-index:300;transform:scale(0);cursor:pointer}.nd1{right:33px;bottom:120px;animation-delay:.2s;animation:bounce-out-nds .3s linear;animation-fill-mode:forwards;width:50px}.nd3{background:#3c80f6;right:37px;bottom:180px;animation-delay:.15s;animation:bounce-out-nds .15s linear;animation-fill-mode:forwards}.nd4{background:#ba68c8;right:40px;bottom:240px;animation-delay:.1s;animation:bounce-out-nds .1s linear;animation-fill-mode:forwards}@keyframes bounce-nds{0%{opacity:0}to{opacity:1;transform:scale(1)}}@keyframes bounce-out-nds{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}#container-floating:hover .nds{animation:bounce-nds .1s linear;animation-fill-mode:forwards}#container-floating:hover .nd3{animation-delay:.08s}#container-floating:hover .nd4{animation-delay:.15s}#container-floating:hover .nd5{animation-delay:.2s}.letter{font-size:23px;font-family:Roboto;color:white;margin:0;text-align:center}.letter,.reminder{position:absolute;left:0;right:0;top:0;bottom:0;line-height:40px}.profile,.reminder{margin:auto}.profile{border-radius:50%;width:40px;position:absolute;top:0;bottom:0;right:20px}