@import url(https://fonts.googleapis.com/css?family=Fauna+One|Oxygen:400,300,700);@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);*{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:10px}body{font-size:14px;line-height:1.42857143;margin:0}img{vertical-align:middle}h1,h2,h3,h4,h5{font-family:Fauna One;font-weight:400;color:#008bf8}.App{font-family:Oxygen,Helvetica,Arial,sans-serif}.Main{display:-ms-flexbox;display:flex;height:100vh;-ms-flex-align:stretch;align-items:stretch}.SignOut{position:absolute;bottom:10px}.SignOut button{outline:none}.SignOut button i.fa{font-size:3rem;line-height:36px}.Sidebar{width:60px;background-color:#f3f3f3;padding:.5rem 0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.Sidebar .logo{font-family:Fauna One;color:#666;font-size:3rem}.Sidebar .logo img{width:30px;padding-left:4px}.Sidebar a.new-note{width:100%;position:relative}.Sidebar button{background-color:transparent;border:0;color:#008bf8;cursor:pointer;margin-top:2rem;position:relative;width:60%}.Sidebar button img{position:absolute;left:0;width:100%;-webkit-transition:opacity .25s ease-in-out;-o-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out}.Sidebar button:hover img.outline{opacity:0}.NoteList{border-left:1px solid #eee;border-right:1px solid #eee;width:30rem}@media (max-width:800px){.NoteList{width:20rem}}.NoteList h3{color:#999;text-transform:uppercase;font-size:2rem;font-family:Oxygen;font-weight:300;letter-spacing:3px;margin:20px 2rem}ul#notes{border-top:1px solid #eee;overflow-y:scroll;height:calc(100vh - 72px);list-style:none;margin-top:1em;padding:0;width:100%;color:#999}ul#notes a,ul#notes a:active,ul#notes a:hover,ul#notes a:link,ul#notes a:visited{color:inherit;text-decoration:none}li{background:-webkit-radial-gradient(center,#fff,#eff9ff);background:-o-radial-gradient(center,#fff,#eff9ff);background:radial-gradient(to center,#fff,#eff9ff)}ul#notes>li{height:100px;font-size:90%;cursor:pointer;overflow:hidden}ul#notes>li,ul#notes>li *{-webkit-transition:background-color .1s ease-in-out,color .1s ease-in-out;-o-transition:background-color .1s ease-in-out,color .1s ease-in-out;transition:background-color .1s ease-in-out,color .1s ease-in-out}ul#notes li .note{border-top:1px solid #eee;margin:0 2rem;padding:1rem 4px}ul#notes a:first-of-type li .note{border-top:none}ul#notes li:hover{background-color:#008bf8}ul#notes li:hover,ul#notes li:hover .note *{color:#a7dffe!important;text-decoration:none!important}ul#notes li:hover .note{border-color:transparent}ul#notes li .note-title{color:#4a4a4a;font-family:Fauna One;font-size:120%;font-weight:400;white-space:nowrap;overflow-x:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}ul#notes li .note-body{height:54px;overflow:hidden;margin-top:.5rem}ul#notes li .note-body *{font-size:1em!important;margin:0!important;padding:0!important;color:#999!important;background:none;border:none}ul#notes li .note{display:block;height:100px;padding:1em;text-decoration:none}.NoteForm{background-color:#bde7ff;-ms-flex-positive:1;flex-grow:1;padding:0 3rem}.NoteForm .form-actions{padding-top:1rem;margin-left:-2rem;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center}.NoteForm button{border:none;border-radius:4px;background:none;color:#fff;cursor:pointer;font-size:1.4rem;padding:1rem}.NoteForm button.rich{background-color:#f5f5f5;border:1px solid gray;color:gray;padding:5px;width:30px}button.rich+button.rich{margin-left:10px}.NoteForm button#delete-button{background-color:#ee4d43;color:#fff;font-size:2rem;margin:0}.NoteForm form{margin:0 auto;max-width:80rem}input[name=title]{border:none;background-color:transparent;font-size:200%;font-family:Fauna One;color:#008bf8;font-weight:400;width:100%;outline:none}textarea{border-color:#eee;width:100%;height:calc(100vh - 200px);font-size:1.3em;padding:8px}.SignIn{-ms-flex-align:center;align-items:center;background-color:#008bf8;border:0;border-radius:5px;color:#fff;cursor:pointer;display:-ms-flexbox;display:flex;margin:10px auto;padding:20px;-webkit-transition:background .2s;-o-transition:background .2s;transition:background .2s;font-family:helvetica neue,sans-serif;font-size:20px;font-weight:200}.Github{background-color:#000}.Google{background-color:#f5f5f5;border:2px solid #d3d3d3;color:#00008b}.logo{max-height:40px;padding:0;margin:0;margin-right:10px}body{margin:0;padding:0;font-family:sans-serif}
/*# sourceMappingURL=main.16284dcd.css.map*/