body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#545454;background:#9f8964 url(./paper2_med-PcsDKLy0.jpg);background-position:center;background-repeat:repeat;background-size:100% auto;background-attachment:fixed}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#337ab7}a:hover{color:#265a87}input.login-form-control{margin:10px;padding:10px;border-radius:2px;border:1px solid rgb(221,221,221);color:#000;width:auto}.form-control input:focus{border-bottom-color:#007bff}.form-error{display:none;color:#dc3545}.form-control.error input{border-bottom-color:#dc3545}.form-group .form-error{display:block;margin:10px 5px 0}.form-button.submit-button{background:#555;color:#fff;border:0;border-radius:0;padding:10px;font-size:12px;width:150px;display:block;cursor:pointer}.form-button.submit-button[disabled]{cursor:not-allowed}#login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;max-width:800px;font-size:16px;margin:auto;color:#fff;background:#0003;overflow:hidden;height:200px;opacity:1;-webkit-transition:height 0 linear,opacity .3s linear;-moz-transition:height 0 linear,opacity .3s linear;-ms-transition:height 0 linear,opacity .3s linear;-o-transition:height 0 linear,opacity .3s linear;transition:height 0 linear,opacity .3s linear;transition-delay:0ms,.3s;transition-property:height,opacity}@media (max-width: 500px){form#login-container{margin:10px -15px}}@media (max-width: 378px){#login-container.open{height:190px}}.navigation{height:35px;width:100%;display:flex;align-items:center;position:relative;padding:.5rem 0rem;background-color:#fff;color:#777;box-shadow:0 2px 2px 2px #0909093b}.brand-name{text-decoration:none;color:#777;font-size:1.3rem;margin-left:1rem}.navigation-menu{margin-left:auto}.navigation-menu ul{display:flex;padding:0;text-align:center}.navigation-menu li{list-style-type:none;margin:0;padding:0}.navigation-menu ul li span{text-decoration:none;display:block;box-sizing:border-box;padding:16px 45px;width:100%}.hamburger{padding:9px 10px;border:1px solid transparent;border-color:#ddd;border-radius:4px;background-color:transparent;cursor:pointer;transition:background-color .2s ease-in-out;position:absolute;top:50%;right:25px;transform:translateY(-50%);display:none}.hamburger:hover{background-color:#ddd}@media screen and (max-width: 768px){.hamburger{display:block}}@media screen and (max-width: 768px){.navigation-menu ul{display:none}}@media screen and (max-width: 768px){.navigation-menu ul{position:absolute;top:45px;left:0;flex-direction:column;width:100%;background-color:#fff;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;display:none}.navigation-menu li{text-align:center;margin:0}.navigation-menu li a{position:relative;display:block;padding-top:10px;padding-bottom:10px;color:#777}.navigation-menu li:hover{background-color:#eee}.navigation-menu.expanded ul{display:block}}.icon-bar{background-color:#888;display:block;width:22px;height:2px;border-radius:1px}.hamburger .icon-bar+.icon-bar{margin-top:4px}span{cursor:pointer}nav li span:hover,nav li span:active{background:#9f896433}nav li a:link{text-decoration:none}span.glyphicon{margin-right:5px}svg{width:100px;height:100px;margin:20px;display:inline-block}ul{margin:0;padding:0}li.quote-box{background:#0003;color:#fff;list-style-type:none;font-size:16px;padding:10px 20px;margin:10px auto;box-shadow:1px 2px 3px #0003;text-align:left}span.quote-span{display:inline-block;margin:3px 5px}span.act,span.scene{margin:5px 3px}span.quote{display:block;margin:5px 3px;font-weight:500}span.tags{display:block;margin:5px 3px}span.work{margin:5px 3px}span.tag{background:#0003;border:1.5px solid rgba(0,0,0,.1);border-radius:5px;color:#fff;display:inline-block;padding:3px 10px;margin:3px 5px;cursor:pointer;font-size:.8em}div.controls{height:30px;font-size:.8em;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.delete-tick{cursor:pointer;padding:3px 10px;border:1px solid rgba(0,0,0,.3);background:#0b0c0c4d}.update-tick{cursor:pointer;padding:3px 10px;border:1px solid rgba(11,136,0,.5);background:#14ed004d}.tweet{cursor:pointer;border:1px solid rgba(0,172,237,.7);background:#00acedb3}.tweet .tweet-button{color:#fff;display:flex}@media (max-width: 500px){li.quote-box{padding:10px;margin:10px -15px}}#quote-list{box-sizing:border-box;max-width:800px;width:100%;margin:auto;height:150px;opacity:1;-webkit-transition:height 0 linear,opacity .3s linear;-moz-transition:height 0 linear,opacity .3s linear;-ms-transition:height 0 linear,opacity .3s linear;-o-transition:height 0 linear,opacity .3s linear;transition:height 0 linear,opacity .3s linear;transition-delay:0ms,.3s;transition-property:height,opacity}div.no-results,div.loading{font-size:18px;padding:20px}input.form-control[type=text]{display:block;box-sizing:border-box;width:100%;margin:10px 0;padding:10px;border-radius:2px;border:1px solid rgb(221,221,221);color:#000}label{font-size:1em;font-weight:400;padding-left:10px}.form-inner{padding:20px 20px 0}.form-comment{text-align:left}.form-button{background:#555;color:#fff;border:0;border-radius:0;padding:10px;font-size:12px;width:150px;margin:0 10px;display:block;cursor:pointer}.submit-button,.cancel-button,.reset-button{margin-top:10px;margin-bottom:10px}.form-button:hover,.form-button:focus,.form-button:active{outline-color:#555;outline-width:0px;background:#555;color:#fff}.search-button{margin:auto}#quote-search-container{box-sizing:border-box;max-width:800px;font-size:16px;margin:auto;color:#fff;background:#0003;overflow:hidden;height:150px;opacity:1;-webkit-transition:height 0 linear,opacity .3s linear;-moz-transition:height 0 linear,opacity .3s linear;-ms-transition:height 0 linear,opacity .3s linear;-o-transition:height 0 linear,opacity .3s linear;transition:height 0 linear,opacity .3s linear;transition-delay:0ms,.3s;transition-property:height,opacity}#searchResultMessage{color:#fff;max-width:800px;font-size:1.5em;font-weight:400;text-align:center;margin:10px auto}@media (max-width: 500px){form#quote-search-container{margin:10px -15px}}@media (max-width: 378px){#quote-search-container.open{height:190px}}.App{text-align:center}.App-header{display:flex;flex-direction:column;align-items:stretch;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;margin:10px 30px}.App-link{color:#61dafb}main{margin-top:30px}.title{text-align:center;font-size:2em;font-weight:700;color:#fff}.sub-title{text-align:center;font-size:1.2em;font-weight:700;margin-top:20px;color:#fff}