*,*:before,*:after{box-sizing:border-box}body{font-family:'Open Sans',sans-serif;padding:0;margin:0;font-size:16px;background:#e1eef3}a{text-decoration:none;color:#333}.page a{color:#4d34a4;text-decoration:underline}.form input,.form textarea{margin:0 0 5px 0;appearance:none;box-sizing:border-box;width:100%;padding:1em;border:2px solid #eee;font-size:1em}#add textarea{height:100px}.form input:focus,.form textarea:focus{border-color:#1b7b5b;color:#1b7b5b;background:transparent;outline:none}.form button,.button{display:block;vertical-align:top;width:200px;padding:0;margin:10px auto 0;font-size:1em;line-height:3em;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.25);background:#2ecc71;border:0;cursor:pointer}.form button:active{top:1px;outline:none;-webkit-box-shadow:none;box-shadow:none}.form button:hover{background:#2bba77}.button.inactive{background:#95a5a6}.flexbox{display:flex;flex-flow:column;min-height:100vh}#sidebar{background-color:#333}#container{min-height:100vh;display:flex;flex-flow:column}main{width:100%;max-width:960px;margin:auto;padding:5em 1em 1em;flex:1}article{padding:2em}#footer{background-color:#fff}#footer .footer-inner{max-width:960px;padding:2em;margin:auto;text-align:center;font-size:.9em;color:#333}#header{position:fixed;background:#fff;width:100%;top:0;z-index:1}.header-inner{max-width:960px;margin:auto;padding:0;display:flex;justify-content:space-between;align-items:center}#logo{color:#666;font-variant:small-caps;text-decoration:none;font-weight:bold;font-size:2em;line-height:1.5em;padding:0}#search{flex:1;margin:0 1em}#search .inputosaurus-container{border:1px solid #95a5a6;border-radius:10px;padding:.5em}#search .inputosaurus-container li span,#search .inputosaurus-container li a,#search .inputosaurus-container li input{border-radius:4px 0 0 4px;padding:5px 10px}#search .inputosaurus-container li a{border-radius:0 4px 4px 0}.inputosaurus-container{box-sizing:border-box;overflow:hidden;background:#fff;padding:.2em;margin:.5em 0;cursor:text;width:100%}.inputosaurus-container li{float:left;list-style:none;margin-right:5px}.inputosaurus-container li span,.inputosaurus-container li a,.inputosaurus-container li input{float:left;padding:2px 5px;background:#ee7407;color:#fff;font-weight:400;line-height:20px}.inputosaurus-container li.inputosaurus-selected *{outline:none;background:#c60c30}.inputosaurus-container li.inputosaurus-input-hidden{display:none}.inputosaurus-container li a{background:#d66806;font-size:.8em}.inputosaurus-container li input{width:25px;height:auto;background:transparent;border:none;color:#333;font-size:1em}.inputosaurus-container li input:focus{outline:none}.highlite{background-color:#ff0}nav{width:50px;position:relative}nav .hamburger{display:block;position:relative;cursor:pointer;height:20px;width:80%;margin:auto}nav .hamburger span,nav .hamburger span:before,nav .hamburger span:after{content:'';position:absolute;width:100%;height:2px;top:0;background-color:#333}nav .hamburger span:before{position:absolute;top:20px}nav .hamburger span:after{position:absolute;top:10px}nav ul{display:none;position:absolute;top:30px;list-style:none;margin:.3em 0;padding:0;border:1px solid #ddd}nav ul.active{display:block}nav ul li{width:50px}nav ul li a{box-sizing:border-box;width:100%;padding:.7em;border:1px solid transparent;background:#fff;color:#1b7b5b;font-size:1em;line-height:1em;display:inline-block}nav ul li a:hover{border-color:#1b7b5b;transition:all .1s ease}nav ul li img{max-width:50px;height:auto}#list.visible{opacity:1;transition:opacity .3s ease-in}.header{font-weight:700;background-color:#4d34a4;color:#fff;padding:1em;border-radius:4px 4px 0 0}.item,.page{background-color:#fff;margin-bottom:1em;box-shadow:3px 3px 6px rgba(200,200,200,0.2);border-radius:4px}.item a,.page a{text-decoration:none}.item .item-content,.page .item-content{padding:2em}.item .bookmark_image,.page .bookmark_image{max-width:100%;height:auto}.item .url,.page .url{color:#333;font-weight:700}.item .domain,.page .domain,.item .description,.page .description,.item .tags a,.page .tags a{font-size:.9em}.item .domain,.page .domain{color:#999;display:block}.item .domain img,.page .domain img{width:16px;margin-right:5px;vertical-align:bottom}.item .tags a,.page .tags a{color:#999}.item .hide,.page .hide{display:none}.item p,.page p{margin:5px 0}.item footer,.page footer{color:#ddd;margin-top:1em}.item footer a,.page footer a{color:#aaa;font-size:.9em}.item footer a:hover,.page footer a:hover{color:#00f}#page{line-height:1.8em}#tags .item{margin-bottom:0;border-radius:0}#tags .item-tag{width:60%}.tag{display:flex;justify-content:space-between;padding:1em 2em}#add{max-width:350px;margin:.5em auto;padding:1em;background:#aaffe9}#add img{max-width:100%;height:auto}.info{color:#4d34a4;text-align:center;font-weight:bold}.ui-autocomplete{list-style:none;margin:0;padding:0;background:#fff;border:1px solid #eee}.ui-autocomplete li{padding:0 .2em}.ui-autocomplete .ui-state-focus{background:#f1f1f1}.ui-helper-hidden-accessible{display:none}.message{appearance:none;box-sizing:border-box;width:100%;padding:1em;font-size:1em;background:#a3da8e;text-align:center}.error{background:#da695b;color:#fff}.info-box{display:inline-block;font-size:.9em;background:#c4ffc7;padding:.2em .5em;margin:0}#edit-form{background:#fff595;display:none;width:100%;appearance:none;padding:1em 2em;overflow:hidden;box-sizing:border-box}#edit-form input,#edit-form textarea{width:100%;background:#fff;font:inherit;border:none;box-sizing:border-box}#edit-form .tag-block .inputosaurus-container{width:100%}#edit-form .button{display:inline-block;line-height:2.3em}#startpage{width:100%;background:none;float:none}#startpage article{padding:0}#startpage .article-inner{padding:4% 8%;max-width:900px;margin:auto;font-weight:bold}#startpage .intro{background:#fafafa;overflow:hidden}#startpage .intro .article-inner{padding:1em 0 0}#startpage .register{color:#333;background:#bccfd6}#startpage .save{color:#fff;background:#d68277}#startpage .search{background:#d4ccd6}#startpage img{max-width:100%;display:block;margin:0 auto -2px;box-shadow:0 5px 10px rgba(160,160,160,0.2)}#next{display:none;position:relative;width:60px;height:60px;margin:2em auto;border-radius:50%;transition:background-color .2s ease-out;background:#2ecc71 url('/assets/images/arrdown.svg') no-repeat bottom center;background-size:contain;transform:rotate(-90deg)}#next:hover{background-color:#2aaf62;transition:background-color .2s ease-in}#next span{position:absolute;width:0;height:0;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;background-color:#3aeea2}#next.visible{display:block}#next.loading{background-image:none}#next.loading span{animation:pulse .7s ease-in infinite alternate forwards}@keyframes pulse{from{width:40%;height:40%;opacity:0}to{width:100%;height:100%;opacity:1}}.aligncenter{text-align:center}.alignleft{float:left}.alignright{float:right}@media only screen and (max-width:480px){main{margin:0}#header .header-inner{padding:0 .5em}#logo{display:none}}@font-face{font-family:'Open Sans';src:url('../fonts/OpenSans-Regular-webfont.eot');src:url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'Open Sans';src:url('../fonts/OpenSans-Bold-webfont.eot');src:url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');font-weight:bold;font-style:normal}