html{-webkit-transition:all 2s;transition:all 2s}body{font:16px Arial;line-height:1.1em;font-weight:400;padding:0}body,body *{margin:0;letter-spacing:.4px}body *{box-sizing:border-box}a:focus,button:focus,input:focus,textarea:focus{outline:none}.App{min-height:110vh;position:relative}.header{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:space-between;position:-webkit-sticky;position:sticky;width:100%;top:0;z-index:999;background:#fff;padding:.25em .1em}.add-shadow{box-shadow:0 1px 2px 0 rgba(60,64,67,.3)}.logo{padding:4px 16px;font-size:1.3em;color:grey;display:flex;cursor:pointer}.logo h1{font-size:1.45em;color:grey;display:inline;padding:0 8px;font-weight:700;font-family:Yeon Sung,cursive}.logo-img{width:36px}.custom-row-3{-webkit-column-count:3;-moz-column-count:3;column-count:3}.custom-row-2{-webkit-column-count:2;-moz-column-count:2;column-count:2}.custom-row-1{-webkit-column-count:1;-moz-column-count:1;column-count:1}.row-item{-webkit-column-break-inside:avoid;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;will-change:transform}.row-item:first-child{-webkit-transform:translateY(-.5em);transform:translateY(-.5em)}.logo-author{font-size:11px;white-space:nowrap;font-family:Yeon Sung,cursive;display:flex;align-items:flex-end}.logo-author a{color:#d3d3d3;cursor:pointer}.logo-author a:hover{color:grey;text-decoration:none}.logo-author:hover+.social{opacity:1}@media (max-width:415px){.logo-author{display:none}}.social{align-self:center;height:100%;font-size:1em;padding:.2em;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.social a{margin:0 6px;opacity:.65;-webkit-transition:all .4s;transition:all .4s}.social:hover,.social a:hover{opacity:1}@media (max-width:415px){.social{font-size:.5em}}.github{color:#2e3c49}.linkedin{color:#0077b5}.twitter{color:#1da1f3}.globe{color:#dc4538}.stretch{flex-grow:2;text-align:center}.view-btn button{background:transparent;border:none;color:#d3d3d3;position:relative;top:3.5px;left:-6px}.view-btn button:hover{color:#ffe98f}.view-btn button:active{color:#ffda44}.credit{opacity:.4;font-size:9px;position:absolute;bottom:0}.btn-custom{font-size:12px;border-radius:25px;padding:.25em 1em}.notes-component-container{max-width:1150px;height:100%;padding:13px 1em 1em}.notes-component-container,.search-container{width:100%;margin-left:auto;margin-right:auto;position:relative}.search-container{background:#f9f9f9;padding:4px;max-width:600px;display:flex;align-items:center;border-radius:8px;z-index:99}.search-container .notes-search-clear-icon,.search-container .notes-search-icon{width:30px;height:30px;font-size:1.1em;display:flex;align-items:center;justify-content:center;border-radius:100%!important;color:#d3d3d3}.search-container .notes-search-clear-icon:hover,.search-container .notes-search-icon:hover{color:grey;background:#e2e5e6;cursor:pointer}.search-container .notes-search-clear-icon:active,.search-container .notes-search-icon:active{background:#d3d3d3}.search-container .notes-search{height:32px;border:none;padding:8px;flex-grow:1;background:#f9f9f9}.search-reasult-header{color:grey;margin-bottom:1em}.tool-container{display:flex;justify-content:space-evenly;padding:8px 4px;width:90%;margin-left:auto;margin-right:auto}.tool-container .tool{color:grey;font-size:12px;border-radius:25px;padding:.2em 1em;font-weight:400;border-color:transparent;background:transparent}.tool-container .tool:hover{color:#3d3d3d}.tool-container .tool:active{font-weight:700}.note{margin:8px 0;border-radius:8px;border:.8px solid #d3d3d3;-webkit-transition:all .2s;transition:all .2s;padding:1vw 1vw 0}.active-note-container,.note:hover{box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}.active-note-container{border-radius:8px!important;max-width:600px;margin:3.5em auto .6em}.note-title{width:100%;padding:10px 16px 0;font-size:18px;border:none;border-radius:8px}.note-tool-container{display:flex;justify-content:space-evenly;width:90%;margin-left:auto;margin-right:auto;-webkit-transition:all .5s;transition:all .5s;opacity:0}.note-tool-container:hover{opacity:1}.note-tool-container .note-tool{color:#d3d3d3;font-size:1em;font-weight:400;padding:.25em .5em}.note-tool-container .note-tool:hover{color:grey}.note-text-bottom:hover+.note-tool-container{opacity:1}.saved-note-header{width:100%;margin-top:3em;display:flex}.saved-note-header small{color:grey;padding:.5em 1em;border-radius:25px;font-size:13px}.searched-note-header{width:100%;margin-top:3em;display:flex}.searched-note-header .view{padding:.5em;border-radius:25px}.searched-note-header .item{color:grey}.searched-note-header .item button{position:relative;top:0}.searched-note-header .go-back{cursor:pointer}.searched-note-header .go-back:active{color:#424242}.Auth-btn{padding-right:.8em}.Auth-btn button{color:grey;outline:none;padding:.15em .5em;border-radius:25px;font-size:13px;background:transparent}
/*# sourceMappingURL=main.c5e4405a.chunk.css.map */