body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{color:#fff;background:#032146;font-family:"Roboto"}.App{display:flex;flex-direction:column}.top-header{background-color:#172331;padding:10px;color:#fff}.top-header .logo{font-size:25px}.top-header .logo img{margin-left:25px}.container{display:flex}.editor-container{flex:1 1}.editor-container .language-selector{background-color:#f8f8f2;padding:5px;font-size:16px;border:none;border-radius:3px;position:fixed;top:10px;right:10px}.left-aside{padding:10px;background-color:#172331;width:300px}.left-aside.fixed{position:fixed;bottom:0;top:95px}.left-aside button.create-new-btn{cursor:pointer;width:100%;background:#0073ff;border-radius:3px;color:#fff;border:none;padding:15px;font-weight:700;font-size:16px}.left-aside button.create-new-btn:active,.left-aside button.create-new-btn:focus{background:#0063ff;border:none;outline:none}.left-aside .notes-container{margin-top:10px}.left-aside .note{border-radius:2px;padding:7px 15px;color:#41a1f8;margin-bottom:10px;display:flex;justify-content:space-between;font-size:18px;cursor:pointer;border:63ff solid;background-color:#272823}.left-aside .note .noteSubject{flex:1 1}.left-aside .note.selected,.left-aside .note:hover{opacity:.9}.left-aside .note .delete-icon{top:3px;position:relative}.left-aside .note .edit-icon{display:inline;display:initial;margin-right:14px;top:3px;position:relative}.left-aside .note .delete-icon,.left-aside .note .edit-icon{display:none;font-size:medium}.left-aside .note:hover .delete-icon,.left-aside .note:hover .edit-icon{display:inline;display:initial}.dialog-container{position:absolute;display:flex;align-items:center;justify-content:center;left:0;right:0;top:0;bottom:0;z-index:10;background:hsla(0,0%,100%,.18)}.dialog-container .dialog{padding:20px;background:#272823;position:relative;border-radius:4px}.dialog-container .icon{position:absolute;right:-17px;cursor:pointer;top:-16px;font-size:30px}.create-new-note-dialog input{padding:6px;border-radius:2px;margin-right:10px;border:none;width:295px;font-size:20px;position:relative;top:2px}.create-new-note-dialog input:focus{outline:none}.create-new-note-dialog button{border-radius:3px;padding:10px;background-color:#0072ff;color:#fff;outline:none;border:none;font-weight:700}
/*# sourceMappingURL=main.59bec841.chunk.css.map */