@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);@import url(https://fonts.googleapis.com/css?family=Titillium+Web:300);.fa-2x{font-size:2em}.fa{color:#fff;position:relative;display:table-cell;width:60px;height:36px;text-align:center;vertical-align:middle;padding-top:10px;font-size:20px}.main-menu:hover,nav.main-menu.expanded{width:240px;overflow:hidden}.main-menu{background:#3d5a80;border-right:5px solid #e0fbfc;position:fixed;top:0;bottom:0;height:100%;left:0;width:60px;overflow:hidden;-webkit-transition:width 50ms linear;transition:width .1s linear;-webkit-transform:translateZ(0) scale(1,1);z-index:1000}.main-menu>ul{margin:7px 0}.main-menu li{position:relative;display:block;width:250px;height:160px}.main-menu li>a{position:relative;display:table;border-collapse:collapse;border-spacing:0;font-family:arial;font-size:20px;text-decoration:none;-webkit-transform:translateZ(0) scale(1,1);-webkit-transition:all .1s linear;transition:all .1s linear;height:106px}#current>.fa{padding-top:30px}#current{background-color:#ee6c4d;border-color:#000}.main-menu .nav-text{position:relative;display:table-cell;vertical-align:middle;width:200px;font-family:Montserrat,sans-serif;font-size:32px;color:#fff}.no-touch .scrollable.hover{overflow-y:hidden}.no-touch .scrollable.hover:hover{overflow-y:auto;overflow:visible}a:focus,a:hover{text-decoration:none}nav{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}nav li,nav ul{outline:0;margin:0;padding:0}.dashboard-page nav.dashboard-menu ul li.active a,.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.main-menu li:hover>a,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,nav.main-menu li.active>a{height:140px;vertical-align:center}@font-face{font-family:"Titillium Web";font-style:normal;font-weight:300;src:local("Titillium WebLight"),local("TitilliumWeb-Light"),url(http://themes.googleusercontent.com/static/fonts/titilliumweb/v2/anMUvcNT0H1YN4FII8wpr24bNCNEoFTpS2BTjF6FB5E.woff) format("woff")}#bujo-header{text-align:center;vertical-align:center;font-family:Montserrat,sans-serif;font-size:3.5vw;line-height:4vw;border-style:solid;border-color:#98c1d9;border-width:5px;width:35vw;box-shadow:20px 20px 20px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);border-radius:20px;color:#fff;margin:auto;margin-top:3vh;margin-bottom:10vh}book-shelf{width:45vw;margin:auto}body{background:#159ff7;background:linear-gradient(90deg,#159ff7 0,#3d5a80 0,#293241 90%)}#nav-menu{list-style-type:none;margin:10px;padding:10px;width:130px}#collection{position:absolute;top:90%;left:5%}#jump-to{position:absolute;top:90%;left:75%}#rapid-log{position:absolute;top:90%;left:85%;border-radius:100%}button{width:120px;height:50px}li>button{border:none;height:90px;border-radius:40%;padding:12px 16px;font-size:16px;cursor:pointer;margin-top:10%}.navbar{display:flex;flex-direction:column}footer>button:hover{cursor:pointer;transform:rotate(-10deg) skew(10deg) translate(20px,-15px);box-shadow:-50px 50px 50px rgba(0,0,0,.5)}footer>button{border-width:3px;transition:.5s;box-shadow:-20px 20px 10px rgba(0,0,0,.5);transform:translate(0,0)}.shelf-item>button{font-family:Pattaya,sans-serif;background-size:57px 68px;width:55px;height:65px;background:#f5f5f5;margin:auto;border-radius:20px;border-style:solid;border-color:#293241;border-width:2px;text-align:center;padding:0;box-shadow:7px 3px 5px rgba(0,0,0,.5);margin-top:20px;margin-right:20px}.shelf-item>button:hover{box-shadow:30px 15px 5px rgba(0,0,0,.5);transform:scale(1.1) translateY(-10px);transition:.5s}.shelf-item{display:flex;flex-wrap:wrap;flex-direction:row;margin-left:20px;margin-right:25px;opacity:1}h1{line-height:60px}.shelf{box-shadow:20px 20px 20px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);border-style:solid;border-width:4px;border-color:#98c1d9;border-radius:20px;height:125px;margin-top:5vh;display:flex;justify-content:center;padding-bottom:10px;padding-right:10px}#first-shelf{border-style:solid;border-width:2px;border-color:#98c1d9;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);background:#e0fbfc;background:radial-gradient(circle,#e0fbfc 0,#98c1d9 100%);border-radius:25px;height:13vh;margin-top:7vh;display:flex;flex-direction:column}#content{box-shadow:#293241;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto}.shelf-tag{font-family:Pattaya,sans-serif;border-color:#e0fbfc;border-width:3px;border-style:solid;border-top:#fff;background-color:#ee6c4d;font-size:3vw;width:7vw;height:4vw;text-align:center;vertical-align:center;margin-right:20px;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.underline{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:visible;backface-visibility:visible;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}.underline:before{content:"";position:fixed;z-index:-1;left:0;right:0;bottom:0;background:#000;height:4px;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.underline:active:before,.underline:focus:before,.underline:hover:before{-webkit-transform:translateY(0);transform:translateY(0)}#cb{font-family:Pattaya,sans-serif;position:fixed;display:inline-block;text-align:center;padding-left:20px;padding-right:20px;padding-top:5px;padding-bottom:20px;color:#293241;text-transform:uppercase;letter-spacing:4px;text-decoration:none;font-size:40px;overflow:hidden;transition:.2s;border-style:solid;border-color:#ee6c4d;border-radius:100px;bottom:50px;right:50px}#cb:hover{color:#293241;background-color:#ee6c4d;box-shadow:0 0 10px #ee6c4d,0 0 40px #ee6c4d,0 0 80px #ee6c4d;transition:1s;transition-delay:.4s}#cb span{position:absolute;display:block}#cb span:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#ee6c4d)}#cb:hover span:nth-child(1){top:0;left:100%;width:100%;height:2px;transition:1s;transition-delay:.25s}#cb span:nth-child(2){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#ee6c4d)}#cb:hover span:nth-child(2){right:100%;transition:1s;transition-delay:.25s}#cb span:nth-child(3){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#ee6c4d)}#cb:hover span:nth-child(3){top:100%;transition:1s;transition-delay:.25s}#cb span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,#ee6c4d)}#cb:hover span:nth-child(4){bottom:100%;transition:1s;transition-delay:.25s}#cb>i{color:#e0fbfc}