@import"https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap";*{margin:0;padding:0}body{font-family:Playfair Display,serif;background-color:#121212;min-height:100vh;color:#fff}header{height:80px;align-content:center;background-color:#1d1d1d;padding:0 15vw;border-bottom:#ef7f0040 solid 2px;border-bottom:rgb(0,140,255,.75) solid 2px;position:sticky;top:0;left:0;width:100vw;padding:0;z-index:1000;text-align:center}header>h1{text-transform:uppercase;font-size:2.5em;cursor:default;color:#008cffbf}h2{color:#fff;margin:25px;text-transform:uppercase;font-size:1.75em;text-align:center;justify-self:center;align-self:center}.loading{justify-self:center;text-align:center;margin-top:20vh}.loading>span{margin:25px 0}.loading>p{opacity:.75}.home{color:#fff;width:90vw;max-width:1000px;justify-self:center;justify-content:center;text-align:center;margin:auto;margin-top:15vh}.home>p{margin:25px;opacity:.75}.home>div{display:flex;flex-wrap:wrap;justify-self:center;justify-content:center;margin-top:5vh}.home div>a{display:block;font-family:Playfair Display;font-size:1.25em;width:25vw;min-width:200px;max-width:400px;height:40px;margin:10px 25px;background:#ef7f000d;background:#008cff0d;border:1px solid #EF7F00;border:1px solid rgb(0,140,255,.75);border-radius:10px;text-align:center;align-content:center;color:#ffffffbf;transition:.2s;cursor:pointer;text-decoration:none}.home div>a:hover{background:#ef7f001a;background:#008cff1a;color:#fff}.sign-in{margin:auto;margin-top:15vh;width:90vw;justify-self:center}.sign-in>.form-header{margin:auto;display:flex;justify-content:space-between;width:80vw;max-width:500px;height:75px;justify-self:center}.sign-in .form-header>a{align-self:center;width:50px}.sign-in .form-header>div{width:50px}.sign-in>form{display:block;justify-self:center;justify-content:center;width:90vw;max-width:600px}.sign-in form>input{font-family:Playfair Display;display:block;width:100%;margin-bottom:5px;margin-top:15px;height:40px;text-align:start;text-indent:25px;align-items:center;border:#FFFFFF solid 1px;border-radius:10px;background-color:#ffffff01;color:#ffffffbf;font-size:1em;transition:.2s}.sign-in form>input:hover{background-color:#ffffff0d}.sign-in form>input:focus{background-color:#ffffff0d;border:#FFFFFF solid 1px}.sign-in form>input::placeholder{color:#ffffff80}.sign-in form>.toggle-password{font-family:Playfair Display;font-size:.9em;border:none;background:none;color:#ef7f00bf;color:#008cffbf;cursor:pointer;margin-left:25px;transition:.2s}.sign-in form>.toggle-password:hover{color:#fff;text-decoration:underline}.sign-in form>.submit{display:block;justify-self:center;width:50%;margin:50px auto 25px;height:40px;text-align:center;align-items:center;border:#EF7F00 solid 1px;border:rgb(0,140,255,.75) solid 1px;border-radius:10px;background:#ef7f000d;background:#008cff0d;color:#ffffffbf;cursor:pointer;font-family:Playfair Display;font-size:1.25em;transition:.2s}.sign-in form>.submit:hover{background:#ef7f001a;background:#008cff1a;color:#fff}.sign-in>p{text-align:center;justify-self:center;color:#fff}.sign-in p>a{color:#008cffbf;text-decoration:none;transition:.2s}.sign-in p>a:hover{color:#fff;text-decoration:underline}.sign-in .error-message{color:#c20000;text-align:center;padding-top:15px}.sign-in .forgot-password-link{text-align:center;padding-top:100px;color:#fff}.dashboard{margin:50px auto auto;justify-self:center;justify-content:center;width:90vw;max-width:800px}.dashboard-note{color:#fff;text-decoration:none;border:#FFFFFF solid 1px;border-radius:10px;background:#ffffff0d;background:#008cff0d;margin:25px 0}.dashboard-note>.note-header{display:flex;justify-content:space-between;align-items:center;min-height:50px}.dashboard-note .note-header>h3{font-size:2em;color:#fff;padding-left:25px;cursor:default}.dashboard-note>.note-header>button{font-family:Playfair Display;border:none;background:none;color:#fff;cursor:pointer}.dashboard-note>.break{width:100%;height:1px;background:#fff}.dashboard-note>p{padding:0 25px;margin-top:10px;min-height:50px}.sign-out-button{display:block;position:fixed;bottom:50px;justify-self:start;width:20%;min-width:100px;max-width:200px;margin-top:50px;margin-bottom:25px;height:40px;text-align:center;align-items:center;border:#FFFFFFBF solid 1px;border-radius:10px;background:none;color:#ffffffbf;cursor:pointer;font-family:Playfair Display;font-size:1.25em;transition:.2s}.sign-out-button:hover{background:#ffffff1a;color:#fff}.create-note{display:block;position:fixed;bottom:50px;justify-self:end;width:20%;min-width:100px;max-width:200px;margin:50px auto 25px;height:40px;text-align:center;align-items:center;border:rgb(0,140,255,.75) solid 1px;border-radius:10px;background:none;color:#ffffffbf;cursor:pointer;font-family:Playfair Display;font-size:1.25em;transition:.2s}.create-note:hover{background:#008cff1a;color:#fff}.edit-icon{display:block;align-self:center;justify-self:center;height:45px;aspect-ratio:1;transition:.2s;margin-right:10px}.edit-icon:hover{height:50px}.error-dashboard{text-align:center;margin-top:20vh;color:#ffffffbf}.error-dashboard p>a{text-decoration:none;color:#008cffbf;transition:.2s}.error-dashboard p>a:hover{color:#fff;text-decoration:underline}@media (max-width: 700px){.create-note{right:5vw}.sign-out-button{left:5vw}}.note-form{margin-top:15vh;justify-content:center;justify-self:center}.note-form>.note-form-header{display:flex;justify-content:space-between;align-items:center;height:50px;width:90vw;max-width:800px;margin:auto}.note-form .note-form-header>h2{margin:0}.note-form form>input,.note-form form>textarea{font-family:Playfair Display;justify-self:center;display:block;width:90vw;max-width:1000px;margin:15px auto 5px;height:40px;text-align:start;text-indent:25px;align-items:center;border:#FFFFFF solid 1px;border-radius:10px;background-color:#ffffff01;color:#ffffffbf;font-size:1em;transition:background-color .2s;resize:none}.note-form form>textarea{height:35vh;padding-top:5px}.note-form form>input:hover,.note-form form>textarea:hover{background-color:#ffffff0d}.note-form form>input:focus,.note-form form>textarea:focus{background-color:#ffffff0d;border:#FFFFFF solid 1px}.note-form form>input::placeholder,.note-form form>textarea::placeholder{color:#ffffff80}.note-form form>.submit{display:block;justify-self:center;width:50%;margin:50px auto;height:40px;text-align:center;align-items:center;border:rgb(0,140,255,.75) solid 1px;border-radius:10px;background-color:#008cff0d;color:#ffffffbf;cursor:pointer;font-family:Playfair Display;font-size:1.25em;transition:.2s}.note-form form>.submit:hover{background-color:#008cff1a;color:#fff}.trashcan{height:45px;aspect-ratio:1;cursor:pointer;transition:.2s}.placeholder{width:50px}.error-note-form{text-align:center;margin-top:20vh;color:#ffffffbf}.error-note-form p>a{color:#008cffbf;text-decoration:none;transition:.2s}.error-note-form p>a:hover{color:#fff;text-decoration:underline}.forgot-password{text-align:center;width:90vw;max-width:800px;justify-self:center;margin:auto;margin-top:20vh}.password-header{display:flex;justify-content:space-between;align-items:center}.forgot-password form>input{font-family:Playfair Display;justify-self:center;display:block;width:90vw;max-width:800px;margin-bottom:5px;margin-top:15px;height:40px;text-align:start;text-indent:25px;align-items:center;border:#FFFFFF solid 1px;border-radius:10px;background-color:#ffffff01;color:#ffffffbf;font-size:1em;transition:background-color .2s}.forgot-password form>input:hover{background-color:#ffffff0d}.forgot-password form>input:focus{background-color:#ffffff0d;border:#FFFFFF solid 1px}.forgot-password form>input::placeholder{color:#ffffff80}.forgot-password form>.submit{display:block;justify-self:center;width:50%;margin:50px auto;height:40px;text-align:center;align-items:center;border:rgb(0,140,255,.75) solid 1px;border-radius:10px;background-color:#008cff0d;color:#ffffffbf;cursor:pointer;font-family:Playfair Display;font-size:1.25em;transition:.2s}.forgot-password form>.submit:hover{background-color:#008cff1a;color:#fff}.reset-password{margin:auto;margin-top:20vh;justify-self:center;text-align:center;width:90vw;max-width:800px}.reset-password form>input{font-family:Playfair Display;justify-self:center;display:block;width:90vw;max-width:800px;margin-bottom:5px;margin-top:15px;height:40px;text-align:start;text-indent:25px;align-items:center;border:#FFFFFF solid 1px;border-radius:10px;background-color:#ffffff01;color:#ffffffbf;font-size:1em;transition:background-color .2s}.reset-password form>input:hover{background-color:#ffffff0d}.reset-password form>input:focus{background-color:#ffffff0d;border:#FFFFFF solid 1px}.reset-password form>input::placeholder{color:#ffffff80}.reset-password form>.submit{display:block;justify-self:center;width:50%;margin:50px auto;height:40px;text-align:center;align-items:center;border:rgb(0,140,255,.75) solid 1px;border-radius:10px;background-color:#008cff0d;color:#ffffffbf;cursor:pointer;font-family:Playfair Display;font-size:1.25em;transition:.2s}.reset-password form>.submit:hover{background-color:#008cff1a;color:#fff}.toggle-password{display:block;text-align:start;font-family:Playfair Display;font-size:.9em;border:none;background:none;color:#ef7f00bf;color:#008cffbf;cursor:pointer;margin-left:25px;transition:.2s}.toggle-password:hover{color:#fff;text-decoration:underline}