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;height:100vh;margin:0;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hover-hand:hover{cursor:pointer}.app{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin 1.2s linear infinite}.logo{height:35px;margin-left:15px;margin-top:5px;width:auto}.main-logo{font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-size:33px;font-style:normal;font-weight:500;margin-left:15px}.app-grid{display:grid;grid-template-columns:1fr;grid-template-rows:60px 1fr;height:100vh;transition:filter .3s ease}.notes-container{align-items:center;display:flex;justify-content:center;margin:0 10px 10px}.notes-container.dim{opacity:.4;pointer-events:none;transition:opacity .3s ease}.blur-background{filter:blur(2px)}:root{--yellow-2:#ffefb7;--gray-2:#ccc}.navbar{align-items:center;box-sizing:border-box;display:flex;height:60px;padding-right:12px;position:fixed;width:100%}.navbar>div:first-child{flex:1 1;justify-content:left}.navbar>div:first-child,.navbar>div:not(:first-child){align-items:center;box-sizing:border-box;display:flex;font-size:xx-large;height:100%;margin:0;min-height:0;min-width:0;padding:0}.navbar>div:not(:first-child){justify-content:center;width:100%}.navbar-icon{font-size:x-large;padding:6px}.privacy{bottom:0;color:#888;margin-right:10px;position:absolute;right:1;text-decoration:none}.note{background-color:#ffffe0;border:1px solid #000;border-radius:10px;box-shadow:2px 2px #0000004d;display:grid;grid-template-areas:"i header-left-1 header-left-2 header-center header-right j" ". note-textarea note-textarea note-textarea note-textarea .";grid-template-columns:10px 20px 20px 1fr 50px 10px;grid-template-rows:20px 1fr}.note,.note>div{height:100%;margin:0;padding:0;width:100%}.note>div{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:0;min-width:0}.header-color{background-color:var(--yellow-2)}.note-textarea{background:none;border:none;font-family:monospace;grid-area:note-textarea;height:calc(100% - 15px);line-height:1;margin:0;outline:none;padding:0;resize:none;white-space:pre-wrap;width:calc(100% - 10px)}.left-align{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.note-textarea-wrapper{display:flex;grid-area:note-textarea;height:100%;width:100%}.i{border-top-left-radius:10px;grid-area:i}.i,.j{background-color:var(--yellow-2)}.j{border-top-right-radius:10px;grid-area:j}.header-left-1{grid-area:header-left-1}.header-left-1,.header-left-2{background-color:var(--yellow-2)}.header-left-2{grid-area:header-left-2}.header-center{grid-area:header-center}.header-center,.header-right{background-color:var(--yellow-2)}.header-right{grid-area:header-right}.timer{color:#000}button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;margin:0;padding:0}button:active{color:#666}::-webkit-scrollbar{height:5px;width:6px}::-webkit-scrollbar-thumb{background-color:#a9a9a9;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:grey}.settings-container{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:5000}.settings-menu{background-color:#fff;border:1px solid #000;box-shadow:2px 2px #0000004d;display:grid;grid-template-areas:"close header" "body body";grid-template-columns:20px 1fr;grid-template-rows:20px 1fr;height:400px;margin:0;padding:0;width:300px}.settings-menu>div{align-items:center;display:flex;justify-content:center;margin:0;padding:0}.settings-body{grid-area:body}.settings-content{flex-direction:column;margin:10px!important;padding:10px!important}.settings-content,.trash-container{align-items:center;display:flex;justify-content:center}.trash-container{height:100%;left:0;position:fixed;top:0;width:100%;z-index:5000}.trash-menu{background-color:#fff;border:1px solid #000;box-shadow:2px 2px #0000004d;display:grid;grid-template-areas:"close header" "body body";grid-template-columns:20px 1fr;grid-template-rows:20px 1fr;height:400px;margin:0;padding:0;width:300px}.trash-menu>div{align-items:center;display:flex;justify-content:center;margin:0;padding:0}.close{grid-area:close}.close,.header{background-color:var(--gray-2)}.header{grid-area:header}.trash-body{grid-area:body}.trash-content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:10px!important;padding:10px!important}li{font-size:.85em}.login{align-items:center;display:flex;height:100vh;justify-content:center}.login-container{display:grid;grid-template-areas:"login-header" "username" "password" "remember-me" "login-button" "create-account" "forgot-password"}.login-header{grid-area:login-header}.username{grid-area:username;margin:5px 0}.password{grid-area:password}.remember-me{grid-area:remember-me}.login-button{grid-area:login-button}.login-button>*>button{border:1px solid #000;border-radius:2px;margin:5px 0;padding:5px}.signup-button{font-weight:700;text-decoration:underline}.create-account{grid-area:create-account}.forgot-password{grid-area:forgot-password}p{font-size:small}.auth{align-items:center;display:flex;height:90vh;justify-content:center}.auth-container{border:2px solid #000;display:grid;grid-template-columns:350px;grid-template-rows:100px auto}.auth-container>div{align-items:center;display:flex;justify-content:center}.auth-logo{height:100px;width:auto}.inner-auth{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.inner-auth-container{display:grid;grid-template-columns:1fr;grid-template-rows:2fr 1fr auto 2fr;height:100%;width:100%}.inner-auth-container>*{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.inner-auth-header{font-size:1.5em;font-style:italic;font-weight:bolder;margin:0}.inner-auth-error{color:red;font-size:.9em;height:30px;width:100%}.main-button{background-color:#000;border:1px solid #000;border-radius:0;color:#fff;margin-top:20px;padding:5px;width:100%}.main-button-inverse,.main-button:active{background-color:#fff;color:#000}.main-button-inverse{border:1px solid #000;border-radius:0;margin-top:20px;padding:5px;width:100%}.inner-auth label{font-size:.8em;font-weight:700}.link-button{font-size:.8em;text-decoration:none}input{background-color:initial;border:none;border-bottom:1px solid #000;margin:5px 0 0;outline:none;width:100%}form{width:70%}.form-error{color:red;font-size:12px;height:auto;width:100%}.forgot{align-items:center;display:flex;height:100vh;justify-content:center}.forgot-container{display:grid;grid-template-areas:"forgot-header" "forgot-subheader" "forgot-email" "forgot-button"}.forgot-container>div{margin:2px 0}.forgot-header{grid-area:forgot-header}.forgot-subheader{grid-area:forgot-subheader;margin:5px 0}.forgot-email{grid-area:forgot-email}.forgot-button{grid-area:forgot-button}.forgot-button>button{border:1px solid #000;border-radius:2px;margin:5px 0;padding:5px}.welcome{align-items:center;display:flex;height:100vh;justify-content:center}.welcome-container{display:grid;grid-template-areas:"a" "b" "c" "d" "e" "f"}.welcome-a{grid-area:a}.welcome-b{grid-area:b}.welcome-c{grid-area:c}.welcome-d{grid-area:d}.welcome-e{grid-area:e}.welcome-f{grid-area:f}.welcome-g{grid-area:g}.thanks{background-color:#000;display:flex;height:100vh;width:100%}.thanks,.thanks-container{align-items:center;justify-content:center}.thanks-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto auto 1fr;height:100%}.thanks-button,.thanks-text{color:#fff;font-size:100%;text-shadow:2px 2px 4px #000c}.thanks-button{border:1px solid #fff;padding:5px}.container{align-items:center;background-color:#000;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0 2rem}.grid{display:grid;grid-template-columns:1fr;grid-template-rows:75px 75px 75px 75px 75px}.text{font-size:1.5rem}.footer,.text{align-items:center;color:#fff;display:flex;font-family:Quicksand,sans-serif;justify-content:center}.footer{bottom:0;font-size:3.5vw;margin-bottom:.5rem;padding:0 2rem;position:absolute}.mobile-link{color:#fff}
/*# sourceMappingURL=main.752399b8.css.map*/