*{margin:0;padding:0;box-sizing:border-box;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{background:#3f093f}.notes-page{width:100%;min-height:100vh;color:#f5f5f5}.notes-page header{max-width:1920px;min-height:100px;overflow:hidden;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center}a{text-decoration:none;color:#f5f5f5}.notes-page header .logo{text-transform:uppercase;letter-spacing:2px}.notes-page header ul li{list-style:none;display:inline-block;padding:0 15px}.notes-page header ul li a{text-transform:uppercase;opacity:.7}.notes-page header ul li a:hover{opacity:1}.notes-page section{width:100%;box-shadow:0 0 5px #07193f;padding:20px 0}.note-wrapper{max-width:1920px;display:flex;flex-wrap:wrap;justify-content:space-around;margin:auto}.card{width:300px;box-shadow:0 0 5px #07193f;background-color:#07193f;padding:10px;position:relative;color:#ddd;margin:15px;cursor:pointer}.card .close{position:absolute;top:0;right:10px;font-weight:900;cursor:pointer;background:transparent;border:none;outline:none;color:#fff}.card h4{margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .text-wrapper{width:100%;height:150px;overflow:hidden;margin:10px 0;color:hsla(0,0%,100%,.6)}.card .date{text-align:right;color:wheat}.card-footer{display:flex;justify-content:space-between;align-items:center;width:100%;height:50px;text-transform:uppercase;letter-spacing:2px;font-size:12px}.create-note{max-width:500px;width:100%;margin:auto;border:10px solid #ccc;padding:30px}.creaet-note h2{letter-spacing:2px;text-transform:uppercase;margin:10px 0}.create-note .row{width:100%;margin:10px 0}.create-note button,.create-note input{width:100%;height:40px;padding:0 5px}.create-note label{text-transform:uppercase;font-weight:600;letter-spacing:2px}.create-note textarea{width:100%;resize:none;padding:0 5px}.creaet-note button{cursor:pointer;text-transform:uppercase;font-weight:900;letter-spacing:2px;color:#07193f}@media (max-width:500px){.create-note{padding:15px;border:5px solid #ccc}}.login-page{position:relative;width:100%;min-height:100vh}.login input,.register input{margin-bottom:15px}.login,.register{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#3f093f}.login-page h2,.login-page h3{color:hsla(0,0%,100%,.5333333333333333)}.login-page h3{text-align:center;text-transform:uppercase;margin-top:15px}.login-page p{margin:10px 0;color:#fff}.login-page span:hover{color:orange;cursor:pointer}.login-page button{color:#000;font-weight:900;letter-spacing:5px;font-size:large}
/*# sourceMappingURL=main.41932213.chunk.css.map */