@import url(https://fonts.googleapis.com/css?family=Cabin);.hooper-slide{flex-shrink:0;height:100%;margin:0;padding:0;list-style:none}.hooper-progress{position:absolute;top:0;right:0;left:0;height:4px;background-color:#efefef}.hooper-progress-inner{height:100%;background-color:#4285f4;transition:.3s}.hooper-pagination{position:absolute;bottom:0;right:50%;transform:translateX(50%);display:flex;padding:5px 10px}.hooper-indicators{display:flex;list-style:none;margin:0;padding:0}.hooper-indicator.is-active,.hooper-indicator:hover{background-color:#4285f4}.hooper-indicator{margin:0 2px;width:12px;height:4px;border-radius:4px;border:none;padding:0;background-color:#fff;cursor:pointer}.hooper-pagination.is-vertical{bottom:auto;right:0;top:50%;transform:translateY(-50%)}.hooper-pagination.is-vertical .hooper-indicators{flex-direction:column}.hooper-pagination.is-vertical .hooper-indicator{width:6px}.hooper-next,.hooper-prev{background-color:transparent;border:none;padding:1em;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer}.hooper-next.is-disabled,.hooper-prev.is-disabled{opacity:.3;cursor:not-allowed}.hooper-next{right:0}.hooper-prev{left:0}.hooper-navigation.is-vertical .hooper-next{top:auto;bottom:0;transform:none}.hooper-navigation.is-vertical .hooper-prev{top:0;bottom:auto;right:0;left:auto;transform:none}.hooper-navigation.is-rtl .hooper-prev{left:auto;right:0}.hooper-navigation.is-rtl .hooper-next{right:auto;left:0}.hooper{position:relative;width:100%;height:200px}.hooper,.hooper *{box-sizing:border-box}.hooper-list{overflow:hidden;width:100%;height:100%}.hooper-track{display:flex;box-sizing:border-box;width:100%;height:100%;padding:0;margin:0}.hooper.is-vertical .hooper-track{flex-direction:column;height:200px}.hooper.is-rtl{direction:rtl}.hooper-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}body{margin:0!important}.wrap-container{background:#eee}.flipbook{width:100vw}.flipbook,.fullHeight{height:100vh}.logo-container{position:fixed;background:#e91e63;padding-top:10px;z-index:1000;padding-bottom:10px;background:transparent;bottom:0;padding-right:10px;padding-left:10px;right:0}.logo-container img{max-width:60px}.title a{display:inline-block;background:#fff;color:#e91e63;outline:none;text-decoration:none;padding:10px 60px;border-radius:70px;margin-top:20px;font-size:30px;box-shadow:10px 10px 10px 3px rgba(0,0,0,.1)}.title.first-slide-title{padding-top:100px}@media (min-width:768px){div.card{width:100%;height:100vh;font-size:20px;display:block;margin:0 0;background:#e91e63;color:#fff;padding:100px;display:flex;flex:1;justify-content:center;flex-direction:column}div.card .title{font-size:50px;font-family:Sacramento,cursive}div.card .notes-count{font-family:cursive;font-size:50px;display:inline-block}div.card .notes-count span.count-span{padding:0;border-radius:100%;border:5px dashed #000;width:200px;height:200px;display:inline-block;line-height:200px;margin:50px}div.card .writer-name,div.card .writer-note-count{font-size:32px;line-height:50px;font-family:Sacramento,cursive}}@media only screen and (max-width:600px){div.card{width:100%;height:100vh;font-size:20px;display:block;margin:0 0;background:#e91e63;color:#fff;padding:10px;display:flex;flex:1;justify-content:center;flex-direction:column}div.card .title{font-size:50px;font-family:Sacramento,cursive}div.card .notes-count{font-family:cursive;font-size:50px;display:inline-block}div.card .notes-count span.count-span{padding:0;border-radius:100%;border:5px dashed #000;width:200px;height:200px;display:inline-block;line-height:200px;margin:50px}div.card .writer-name{font-size:30px;line-height:40px;font-family:Sacramento,cursive}div.card .writer-note-count{font-family:cursive;font-size:16px}div.card .writer-name-wrap{margin-bottom:20px}}body{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#d6d6d6}p{margin-top:50px;font-family:Cabin,sans-serif;letter-spacing:12px;text-indent:12px;color:#fff;-webkit-animation:colorText 5s ease-out infinite,nudgeText 5s ease-out infinite;animation:colorText 5s ease-out infinite,nudgeText 5s ease-out infinite}.mouse{background:#4e5559 linear-gradient(transparent,transparent 50%,#fff 0,#fff);position:relative;width:52px;height:88px;border-radius:100px;background-size:100% 200%;margin-left:auto;margin-right:auto;margin-top:auto;-webkit-animation:colorSlide 5s linear infinite,nudgeMouse 5s ease-out infinite;animation:colorSlide 5s linear infinite,nudgeMouse 5s ease-out infinite}.mouse:after,.mouse:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.mouse:before{width:46px;height:82px;background-color:#d6d6d6;border-radius:100px}.mouse:after{background-color:#fff;width:10px;height:10px;border-radius:100%;-webkit-animation:trackBallSlide 5s linear infinite;animation:trackBallSlide 5s linear infinite}@-webkit-keyframes colorSlide{0%{background-position:0 100%}20%{background-position:0 0}21%{background-color:#4e5559}29.99%{background-color:#fff;background-position:0 0}30%{background-color:#4e5559;background-position:0 100%}50%{background-position:0 0}51%{background-color:#4e5559}59%{background-color:#fff;background-position:0 0}60%{background-color:#4e5559;background-position:0 100%}80%{background-position:0 0}81%{background-color:#4e5559}90%,to{background-color:#fff}}@keyframes colorSlide{0%{background-position:0 100%}20%{background-position:0 0}21%{background-color:#4e5559}29.99%{background-color:#fff;background-position:0 0}30%{background-color:#4e5559;background-position:0 100%}50%{background-position:0 0}51%{background-color:#4e5559}59%{background-color:#fff;background-position:0 0}60%{background-color:#4e5559;background-position:0 100%}80%{background-position:0 0}81%{background-color:#4e5559}90%,to{background-color:#fff}}@-webkit-keyframes trackBallSlide{0%{opacity:1;transform:scale(1) translateY(-20px)}6%{opacity:1;transform:scale(.9) translateY(5px)}14%{opacity:0;transform:scale(.4) translateY(40px)}15%,19%{opacity:0;transform:scale(.4) translateY(-20px)}28%,29.99%{opacity:1;transform:scale(1) translateY(-20px)}30%{opacity:1;transform:scale(1) translateY(-20px)}36%{opacity:1;transform:scale(.9) translateY(5px)}44%{opacity:0;transform:scale(.4) translateY(40px)}45%,49%{opacity:0;transform:scale(.4) translateY(-20px)}58%,59.99%{opacity:1;transform:scale(1) translateY(-20px)}60%{opacity:1;transform:scale(1) translateY(-20px)}66%{opacity:1;transform:scale(.9) translateY(5px)}74%{opacity:0;transform:scale(.4) translateY(40px)}75%,79%{opacity:0;transform:scale(.4) translateY(-20px)}88%,to{opacity:1;transform:scale(1) translateY(-20px)}}@keyframes trackBallSlide{0%{opacity:1;transform:scale(1) translateY(-20px)}6%{opacity:1;transform:scale(.9) translateY(5px)}14%{opacity:0;transform:scale(.4) translateY(40px)}15%,19%{opacity:0;transform:scale(.4) translateY(-20px)}28%,29.99%{opacity:1;transform:scale(1) translateY(-20px)}30%{opacity:1;transform:scale(1) translateY(-20px)}36%{opacity:1;transform:scale(.9) translateY(5px)}44%{opacity:0;transform:scale(.4) translateY(40px)}45%,49%{opacity:0;transform:scale(.4) translateY(-20px)}58%,59.99%{opacity:1;transform:scale(1) translateY(-20px)}60%{opacity:1;transform:scale(1) translateY(-20px)}66%{opacity:1;transform:scale(.9) translateY(5px)}74%{opacity:0;transform:scale(.4) translateY(40px)}75%,79%{opacity:0;transform:scale(.4) translateY(-20px)}88%,to{opacity:1;transform:scale(1) translateY(-20px)}}@-webkit-keyframes nudgeMouse{0%{transform:translateY(0)}20%{transform:translateY(8px)}30%{transform:translateY(0)}50%{transform:translateY(8px)}60%{transform:translateY(0)}80%{transform:translateY(8px)}90%{transform:translateY(0)}}@keyframes nudgeMouse{0%{transform:translateY(0)}20%{transform:translateY(8px)}30%{transform:translateY(0)}50%{transform:translateY(8px)}60%{transform:translateY(0)}80%{transform:translateY(8px)}90%{transform:translateY(0)}}@-webkit-keyframes nudgeText{0%{transform:translateY(0)}20%{transform:translateY(2px)}30%{transform:translateY(0)}50%{transform:translateY(2px)}60%{transform:translateY(0)}80%{transform:translateY(2px)}90%{transform:translateY(0)}}@keyframes nudgeText{0%{transform:translateY(0)}20%{transform:translateY(2px)}30%{transform:translateY(0)}50%{transform:translateY(2px)}60%{transform:translateY(0)}80%{transform:translateY(2px)}90%{transform:translateY(0)}}@-webkit-keyframes colorText{21%{color:#4e5559}30%{color:#fff}51%{color:#4e5559}60%{color:#fff}81%{color:#4e5559}90%{color:#fff}}@keyframes colorText{21%{color:#4e5559}30%{color:#fff}51%{color:#4e5559}60%{color:#fff}81%{color:#4e5559}90%{color:#fff}}