@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);.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:60%;position:relative;margin-top:2rem}.Sidebar button{background-color:transparent;border:0;color:#008bf8;width:100%;cursor:pointer;outline:none}.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}.SignOut{position:absolute;bottom:2rem}.SignOut button{outline:none}.SignOut button i.fa{font-size:3rem}.NoteList{border-left:1px solid #eee;border-right:1px solid #eee;width:30rem;text-align:left}@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 a,ul#notes a:active,ul#notes a:hover,ul#notes a:link,ul#notes a:visited{color:inherit;text-decoration:none}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>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:#fff!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{-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;background:none;padding:0}.NoteForm button i.fa{color:#999;font-size:2rem;margin:0}.NoteForm form{margin:0 auto;height:100%;max-width:80rem}i.fa-trash-o{cursor:pointer;color:#ccc;vertical-align:middle;height:50px;width:50px;font-size:36px;margin-top:1rem}i.fa-trash-o:hover{color:#999}input[name=title]{border:none;font-size:200%;font-family:Fauna One;color:#008bf8;font-weight:400;width:100%;outline:none}.NoteForm .body{border-color:#eee;width:100%;height:calc(100vh - 140px);font-size:1.3em}.NoteForm .editor{height:100%}.Main{display:-ms-flexbox;display:flex;height:100vh;-ms-flex-align:stretch;align-items:stretch}.SignIn{height:100vh;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.SignIn .main-content{margin-bottom:20rem}.SignIn button{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:block;width:100%;padding:6px 12px;margin-bottom:0;line-height:1.42857143;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;-webkit-transition:background .2s;-o-transition:background .2s;transition:background .2s;font-family:helvetica neue,sans-serif;font-size:20px;font-weight:200}.SignIn button+button{margin-top:1rem}.SignIn .icon{margin-right:1.5rem;font-size:24px;width:2rem}.SignIn .google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,.2)}.SignIn .google:hover{background-color:#c23321}.SignIn .facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,.2)}.SignIn .facebook:hover{background-color:#2d4373}.SignIn .github{color:#fff;background-color:#444;border-color:rgba(0,0,0,.2)}.SignIn .github:hover{background-color:#2b2b2b}.SignIn .title{color:#008bf8;font-family:Fauna One;font-size:4rem}.SignIn .title img{color:#666;width:4rem;height:4rem;padding-left:4px;padding-right:4px}*{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:10px}body{font-size:14px;line-height:1.42857143;height:100%;margin:0;padding:0;font-family:Oxygen,Helvetica,Arial,sans-serif}img{vertical-align:middle}h1,h2,h3,h4,h5{font-family:Fauna One;font-weight:400;color:#008bf8}
/*# sourceMappingURL=main.b3550ae7.css.map*/