@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{background:#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}#home>.fa{padding-top:30px}body{display:flex;flex-direction:row;background:#159ff7;background:linear-gradient(90deg,#159ff7 0,#3d5a80 0,#293241 90%)}#nav-menu{list-style-type:none;margin:10px;padding:10px;width:130px;background-color:#ddaf94;border-style:solid;border-top-color:#e8cebf;border-left-color:#e8cebf;border-bottom-color:#e8cebf}button{width:120px;height:50px}li>button{border:none;background-color:#fdf8f5;height:90px;border-radius:20px;padding:12px 16px;font-size:16px;cursor:pointer;margin-top:10%}li>button:hover{background-color:#266150;color:#fff}a:link,li>a{color:#4f4846}.navbar{display:flex;flex-direction:column}.content{width:90vw;overflow:auto;margin-left:12vw;margin-right:12vw}#add{position:fixed;bottom:40px;right:40px}#custom-add{position:fixed;bottom:40px;right:40px;width:40px;font-size:50px}#custom-collection{color:#e9a2a2}#custom-collection:hover{color:#f08080}#add:hover{cursor:pointer}.folder{margin-right:1vw;border-bottom-style:solid;border-width:7px;border-radius:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:400px;margin:10px}.folder>a{width:200px;margin:auto}.folder>h1{margin:auto}.folder>button{width:60px}.collection-area{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;border-style:solid;border-color:#98c1d9;box-shadow:20px 20px 20px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);margin-top:5vh;border-radius:20px;border-width:5px;padding-bottom:30px}.folder>a:hover{transform:scale(1.1);transition:.5s}#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}.custAdd{display:inline-block;padding:.3em 1.2em;border-radius:2em;box-sizing:border-box;text-decoration:none;color:#000;background-color:#98c1d9;text-align:center;transition:all .2s;position:fixed;bottom:40px;right:40px;width:100px;height:50px;font-size:24px;padding-top:10px}a.custAdd:hover{background-color:#4095c6;color:#fff}@media all and (max-width:30em){a.custAdd{display:block}}#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}