body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{color:#96705c;font-size:18px;margin:0;padding:0}body{background-color:#ddbea9;background-size:cover;overflow-x:hidden}.App{align-items:center;display:flex;flex-direction:column}header{background-color:#ffe8d6;border:0;border-radius:15px;box-shadow:0 48px 115px 0 #110c2e0d;justify-content:space-around;margin-top:50px;padding-bottom:15px;padding-top:15px;position:relative;width:60vw;& h1{left:57px;position:relative}}.add-note button,header{align-items:center;color:#96705c;display:flex}.add-note button{background-color:#cb997e;border:0;border-radius:10px;height:50px;justify-content:center;padding-bottom:12px;width:100px}.plus-icon{border-right:2px dashed #96705c;height:30px;padding-left:5px;padding-right:5px;position:relative;right:5px;top:1px;transition:border-color .3s ease-in-out;width:30px}.write{background-color:#96705c;color:#ffe8d6;min-width:120px;width:80%;&::placeholder{color:#ffe8d6}}.header{box-shadow:6px 10px 50px #00000026;min-width:250px;padding-left:5px;padding-right:5px}#fixed-buttons{bottom:15px;display:flex;flex-direction:column;margin:0;position:fixed;right:15px}#fixed-buttons .key{height:25px;width:25px}#fixed-buttons .key,.notes{align-items:center;display:flex;justify-content:center}.notes{border-top:3px solid #96705c;flex-direction:column;padding-top:15px;position:relative;top:25px;width:80vw}.mynotes{border-bottom:3px solid #96705c;padding-bottom:15px;text-align:center;width:100%}.note-list{column-gap:15px;flex-direction:row;flex-wrap:wrap;justify-content:space-around;padding-top:25px;width:100%}.note-list,.noteInput{align-items:center;display:flex}.noteInput{flex-direction:column;padding:0;width:75%;& input.write{width:100%}& input.noteTitle{width:55%}}@media (max-width:600px){.header{width:90vw;& .noteInput{max-width:65%}}}ul{list-style:none}.navbar{background-color:#cb997e;box-shadow:6px 10px 50px #0000001a;color:#96705c;height:65px;margin:0;width:100vw}.nav-items{align-items:baseline;display:flex;flex-direction:row;justify-content:space-around}.searchbar{min-width:120px;width:30vw}input,textarea{background-color:#ffe8d6;border:0;border-radius:7px;color:#96705c;height:45px;margin:5px;outline:none;position:relative;text-align:center;top:2px;width:400px;&::placeholder{color:#96705c}}.auth{justify-content:space-between;width:200px}.auth,.auth li button{align-items:center;display:flex}.auth li button{background-color:#ffe8d6;border:0;border-radius:5px;color:#96705c;height:30px;justify-content:center;width:80px}a.key:after,button.key:after{border-color:#bb927c #bb917b #bb927c #bb927c;border-color:#96705c;border-radius:.5rem;border-width:.125rem;bottom:-10px;left:-.3125rem;right:-.3125rem;top:0;transform:translateZ(-5px)}.key:after{border-color:#bb917b;border-radius:.5rem;border-style:solid;border-width:.125rem;bottom:-9px;box-sizing:initial;content:"";display:block;left:-.3125rem;position:absolute;right:-.3125rem;top:-3px;transform:translateZ(-3px);transform-style:preserve-3d;transition:all .25s cubic-bezier(.2,1,.2,1)}a.key,button.key{border-color:#fdcfac;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;line-height:1.5;margin:.375rem .375rem .6875rem;padding:.375rem .75rem}.key,a.key,button.key{background-color:#ffe8d6;box-shadow:0 0 #96705c,0 0 #96705c,0 1px #96705c,0 2px #96705c,0 3px #96705c,0 4px #96705c,0 5px #96705c,2px 2.5px 4px #cf9e84,0 -1px 2.5px #cf9e84;color:#96705c}.key{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #fdcfac;border-radius:.25rem;display:inline-block;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:inherit;font-weight:400;line-height:inherit;margin:.25rem .25rem .4375rem;padding:.1rem .4rem;text-align:left;transform:translateZ(5px);transform-style:preserve-3d;transition:all .25s cubic-bezier(.2,1,.2,1)}.key:hover{transform:translateZ(0)}a.key.focus,a.key.hover,a.key:focus,a.key:hover,button.key.focus,button.key.hover,button.key:focus,button.key:hover{background-color:#fdcfac;box-shadow:0 0 #96705c,0 0 #96705c,0 1px #96705c,0 2px #96705c,0 3px #96705c,0 4px #96705c,2px 2px 4px #cf9e84,0 -1px 2px #cf9e84;color:#96705c;outline:none;transform:translate3d(0,1px,5px)}a.key.focus:after,a.key.hover:after,a.key:focus:after,a.key:hover:after,button.key.focus:after,button.key.hover:after,button.key:focus:after,button.key:hover:after{transform:translate3d(0,-1px,-5px)}a.key.active,a.key:active,button.key.active,button.key:active{background-color:#e6e6e6;background-color:#fdcfac;border-color:#0000;box-shadow:none;box-shadow:0 0 1px 1px #fdcfac;color:#96705c;transform:translate3d(0,5px,0)}button:active{border-style:inset}a.key.active:after,a.key:active:after,button.key.active:after,button.key:active:after{transform:translate3d(0,-5px,0)}.key{max-height:42px;max-width:132px}.note{align-items:center;background-color:#cb997e;border:2px dashed #96705c;border-radius:7px;box-shadow:0 5px 15px #00000026;display:flex;flex-direction:row;height:60px;margin-bottom:25px;max-width:350px;overflow:hidden;padding:10px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.note:hover{box-shadow:0 5px 15px #00000059;cursor:pointer;transform:translateY(-5px)}.note span{color:#ffe8d6;display:block;margin-right:5px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000003;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.modal-content,.modal-overlay{align-items:center;display:flex}.modal-content{background-color:#cb997e;border:2px dashed #96705c;border-radius:7px;color:#ffe8d6;flex-direction:column;padding:20px;position:relative;width:60vw;z-index:101}.modal-content span{color:#ffe8d6;max-height:60vh}.echap,.suppr{text-align:center;width:100px}.modal-title{font-size:50px}.modal-text,.modal-title{position:relative;top:-70px}.modal-text{-webkit-line-clamp:15;-webkit-box-orient:vertical;word-wrap:break-word;cursor:pointer;display:-webkit-box;margin-top:35px;max-width:75%;overflow:hidden;overflow-wrap:break-word;text-align:center;text-overflow:ellipsis;word-break:break-all}.keys{display:flex;justify-content:space-between;width:100%}.footer{position:relative;z-index:50000}.updateDate{color:#ffe8d6;font-size:14px;position:relative}.modal-title{word-wrap:break-word;display:block;max-width:80%;overflow-wrap:break-word;text-align:center;white-space:normal}@media (max-width:1450px){.echap{left:25px}.echap,.suppr{position:fixed;top:25px}.suppr{right:25px}.modal-title{font-size:30px;padding-bottom:25px;padding-top:20px;top:-30px}}@media (max-width:900px){.modal-text{-webkit-line-clamp:8}}.footer{bottom:10px;left:15px;position:fixed}.body{padding-top:75px}.body,.form{align-items:center;display:flex;flex-direction:column}.form{padding-top:35px;row-gap:5px}.message{border-radius:5px;margin:10px 0;max-width:400px;padding:10px;text-align:center}.message.error{color:#c62828}.message.success{color:#2b682e}.message.info{background-color:#e3f2fd;border:1px solid #bbdefb;color:#1565c0}.info-text{margin-bottom:20px;max-width:400px;text-align:center}.resend-section{margin-top:20px;text-align:center}.resend-section p{margin-bottom:10px}.key{margin-top:45px;max-width:200px}.profile-container{background-color:#ddbea9;color:#96705c;justify-content:start;min-height:100vh}.profile-card,.profile-container{align-items:center;display:flex;flex-direction:column;padding:20px}.profile-card{background-color:#ffe8d6;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:400px;text-align:left;width:80%}.profile-card p{font-size:18px;margin:10px 0}.profile-card strong{color:#cb997e}.error{color:red}.error,.loading{font-size:18px;text-align:center}.loading{color:#96705c}.homeButton{bottom:30px;left:45px;position:fixed}.deleteButton{max-width:300px}.profile-info{display:flex;justify-content:center}
/*# sourceMappingURL=main.7c42294c.css.map*/