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:#494847;font-size:18px;margin:0;padding:0}body{background-color:#c2c2c2;background-size:cover;overflow-x:hidden}.App{align-items:center;display:flex;flex-direction:column}header{background-color:#eee;border:0;border-radius:15px;box-shadow:6px 10px 30px #494847;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:#494847;display:flex}.add-note button{background-color:#8d8a88;border:0;border-radius:10px;height:50px;justify-content:center;padding-bottom:12px;width:100px}.plus-icon{border-right:2px dashed #494847;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:#494847;color:#eee;min-width:120px;width:80%;&::placeholder{color:#eee}}.header{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 #494847;flex-direction:column;margin-top:20px;padding-top:15px;position:relative;top:25px;width:80vw}.mynotes{border-bottom:3px solid #494847;padding-bottom:15px;text-align:center;width:100%}.note-list{column-gap:15px;flex-direction:row;flex-wrap:wrap;justify-content:space-around;left:-28px;padding-bottom:100px;padding-top:25px;position:relative;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%}}.note-list{left:-15px;position:relative}}.back{bottom:30px;left:15px;position:fixed}ul{list-style:none}.navbar{background-color:#8d8a88;color:#494847;height:65px;margin:0;width:80vw}.nodeco{text-decoration:none}@media (max-width:600px){.nav-items{align-items:center;justify-content:center;margin:0;padding:0}.navbar{height:auto;margin:0;padding:0}.auth{flex-direction:column}}.nav-items{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:18px 40px 0}.searchbar{min-width:80px;top:-15px;width:30vw}input,textarea{background-color:#eee;border:0;border-radius:7px;color:#494847;height:45px;margin:5px;outline:none;position:relative;text-align:center;top:2px;width:400px;&::placeholder{color:#494847}}.auth{justify-content:space-between;width:200px}.auth,.auth li button{align-items:center;display:flex}.auth li button{background-color:#eee;border:0;border-radius:5px;color:#494847;height:30px;justify-content:center;width:80px}a.key:after,button.key:after{border-color:#bb927c #777676 #bb927c #bb927c;border-color:#494847;border-radius:.5rem;border-width:.125rem;bottom:-10px;left:-.3125rem;right:-.3125rem;top:0;transform:translateZ(-5px)}.key:after{border-color:#777676;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:#c4c1c1;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:#eee;box-shadow:0 0 #494847,0 0 #494847,0 1px #494847,0 2px #494847,0 3px #494847,0 4px #494847,0 5px #494847,2px 2.5px 4px #777676,0 -1px 2.5px #777676;color:#494847}.key{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #c4c1c1;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;text-decoration:none;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:#c4c1c1;box-shadow:0 0 #494847,0 0 #494847,0 1px #494847,0 2px #494847,0 3px #494847,0 4px #494847,2px 2px 4px #777676,0 -1px 2px #777676;color:#494847;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:#c4c1c1;border-color:#0000;box-shadow:none;box-shadow:0 0 1px 1px #c4c1c1;color:#494847;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}.navbar{border-radius:10px;box-shadow:6px 10px 20px #494847;margin-top:15px;max-width:90vw}.note{align-items:center;background-color:#8d8a88;border:2px dashed #494847;border-radius:7px;box-shadow:0 5px 15px #00000026;display:flex;flex-direction:column;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:#eee;display:block;margin-right:5px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000003;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:100}.modal-overlay.fade-in{opacity:1}.modal-overlay.fade-out{opacity:0}.modal-content{align-items:center;background-color:#8d8a88;border:2px dashed #494847;border-radius:7px;color:#eee;display:flex;flex-direction:column;opacity:0;padding:20px;position:relative;transform:scale(.9);transition:all .3s ease;width:60vw;z-index:101}.modal-content.slide-in{opacity:1;transform:scale(1)}.modal-content.slide-out{opacity:0;transform:scale(.9)}.modal-content span{color:#eee;max-height:60vh}.echap,.suppr{text-align:center;width:100px}.modal-title{display:block;font-size:50px;max-width:80%;overflow-wrap:break-word;white-space:normal}.modal-text,.modal-title{word-wrap:break-word;position:relative;text-align:center;top:-70px}.modal-text{-webkit-line-clamp:15;-webkit-box-orient:vertical;cursor:pointer;display:-webkit-box;margin-top:35px;max-width:75%;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;word-break:break-all}.keys{display:flex;justify-content:space-between;width:100%}.footer{position:relative;z-index:50000}.updateDate{color:#eee;font-size:14px}.smallTitle{bottom:5px;color:#000;font-size:15px;padding-top:15px}@media (max-width:1450px){.echap{left:0}.echap,.suppr{position:fixed;top:-100px}.suppr{right:0}.modal-title{font-size:30px;padding-bottom:25px;padding-top:20px;top:-30px}}@media (max-width:900px){.modal-text{-webkit-line-clamp:8}.echap{left:0}.echap,.suppr{position:fixed;top:-65px}.suppr{right:0}}.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:#c2c2c2;color:#494847;justify-content:start;min-height:100vh}.profile-card,.profile-container{align-items:center;display:flex;flex-direction:column;padding:20px}.profile-card{background-color:#eee;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:#8d8a88}.error{color:red}.error,.loading{font-size:18px;text-align:center}.loading{color:#494847}.homeButton{bottom:30px;left:45px;position:fixed}.deleteButton{max-width:300px}.profile-info{display:flex;flex-direction:column;justify-content:center}.funnel-dispaly{font-family:Funnel Display,sans-serif}#title{margin-top:75px;white-space:nowrap}#title,.letter-wrapper{display:inline-block;transform-origin:center}.letter-wrapper{animation:stretch 5s ease-in-out infinite;cursor:pointer;transition:font-weight 3s ease-in-out}.letter{display:inline-block;font-size:3em;font-weight:300;line-height:1;transition:font-weight .1s ease-in-out}.letter-wrapper:hover .letter{font-weight:800}.letter-wrapper:hover+.letter-wrapper .letter{font-weight:500}#title:has(.letter-wrapper:hover) .letter-wrapper:has(+.letter-wrapper:hover) .letter{font-weight:500}@keyframes stretch{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.first-part .letter{color:#eee}.second-part .letter{color:#494847}#by{font-size:15px;text-decoration:none}.text{color:#333;font-size:1.1rem;line-height:1.5;margin:0 auto;max-width:80vw;padding:0 10px;text-align:justify;width:600px}li{left:30px;position:relative;top:-15px}.start{text-align:center;text-decoration:none;width:100vw}
/*# sourceMappingURL=main.b065a724.css.map*/