@font-face{font-family:Frenchpress;src:url(/Cosmic-Connections-WepApp-Project-Fall-2023/assets/frenchpress-heading-f0237792.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:QuickSand;src:url(/Cosmic-Connections-WepApp-Project-Fall-2023/assets/quicksand-regular-bodytext-1eca93a8.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:QuickSand Light;src:url(/Cosmic-Connections-WepApp-Project-Fall-2023/assets/quicksand-light-bodytext-4d325cb7.ttf) format("truetype");font-weight:lighter;font-style:normal}@font-face{font-family:QuickSand Bold;src:url(/Cosmic-Connections-WepApp-Project-Fall-2023/assets/quicksand-bold-subheading-68d51c32.ttf) format("truetype");font-weight:700;font-style:normal}:root{--off-black: #2d033b;--off-white: #f5edf7;--light-blue: #6dc2ff;--strong-blue: #544cd0;--darker-blue: #400b96;--galactic-purple: #5a0aaa;--night-indigo: #381b67;--page-beige: #f9e9e0;--page-shadow: #ae9dad;--journal-cover-sides: #3a1f5c;--journal-cover-middle: #1e1e1e;--journal-core: #15061a;--translucent-white: #def1ffcb;--translucent-dark: #2d033b96;--transparent: rgba(0, 0, 0, 0);font-family:QuickSand,Roboto,sans-serif;color:var(--off-black);font-size:.8rem}::selection{color:var(--off-white);background:var(--galactic-purple)}body{width:100%;height:100%;margin:0;padding:0;background-image:url(/Cosmic-Connections-WepApp-Project-Fall-2023/assets/cosmic_connections_background-aa9149ce.png);background-size:cover;background-repeat:initial;background-position:center;overflow-x:hidden;overflow-y:hidden}h4{font-family:QuickSand Bold;font-size:1.25rem;font-style:normal;font-weight:600;line-height:normal}p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Quicksand;font-size:1rem;font-style:normal;font-weight:400;line-height:1.875rem}.top-header{display:flex;position:absolute;top:0;left:0;height:70px;width:100%;max-width:100vw;padding:5px 15px;margin:0}.journal-cover{display:block;position:absolute;bottom:7%;right:12.7%;z-index:2;height:60%;width:44%;padding:5% 10%;margin:0;background:linear-gradient(90deg,var(--journal-cover-sides) 0%,var(--journal-cover-middle) 50%,var(--journal-cover-sides) 100%)}.journal-core{display:block;position:absolute;top:0;left:47.5%;z-index:3;height:100%;width:5%;margin:0 auto;background-color:var(--journal-core)}.page-left{display:inline-block;position:absolute;bottom:9%;left:25%;z-index:5;height:69%;width:26%;padding:2%;margin:0;background:var(--page-beige)}.page-right{display:inline-block;position:absolute;bottom:9%;right:14.5%;z-index:4;height:69%;width:26%;padding:2%;margin:0;background:var(--page-beige);border-left:10px solid var(--page-shadow)}.entry-preview{height:10%;margin:2% 0;cursor:pointer}.entry-preview-info{display:block;margin:auto}.entry-preview-icon{display:inline-block;height:10px;width:auto;margin-bottom:-.5%;margin-right:5%;fill:var(--transparent);stroke:var(--translucent-dark);stroke-width:.07rem}.entry-preview hr{margin-top:3%;width:100%;border-top:1px solid var(--translucent-dark)}.entry-preview h4{display:inline-block;text-overflow:ellipsis;white-space:nowrap;height:auto;width:70%;margin:auto;color:var(--off-black);font-family:QuickSand Bold;font-size:1rem;font-style:normal;font-weight:600;line-height:normal}.entry-preview p{display:block;float:right;align-content:center;height:auto;width:30%;font-family:Quicksand;font-size:.8rem;font-style:normal;font-weight:400;line-height:normal;color:var(--translucent-dark)}.header-logo-section{position:relative;display:block;float:left;height:auto;width:90vw}.header-logo{display:inline-block;height:40px;width:auto;margin-right:10px}.header-app-name{display:inline-block;color:var(--off-white);font-family:QuickSand Bold;font-size:1rem;font-style:normal;font-weight:800;line-height:normal;text-transform:uppercase;margin:15px auto;text-align:left}.header-log-section{position:relative;display:block;float:left;height:auto;width:20%}.header-log-out{height:auto;width:80%;color:var(--off-white);font-family:QuickSand Bold;font-size:1rem;font-weight:800;text-decoration:underline;text-align:right}.heading-one{color:var(--off-black);font-family:Frenchpress;font-size:1.5em;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.12rem;text-align:left;margin:auto}.heading-one-icon{display:inline-block;height:20px;width:auto;fill:var(--transparent);stroke:var(--off-black);stroke-width:.05rem;margin-bottom:-.5%;margin-right:1%}.divider{fill:var(--off-black);height:10px;width:70%}.heading-one-container{height:10%;width:150%;margin-bottom:5%}.btn{display:inline-block;font-family:Quicksand;font-size:.75rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.0875rem;text-transform:uppercase;text-align:center;height:10%;width:30%;padding:3% 0;margin:5% 2%;border:0;border-radius:5px}.btn-icon{display:inline-block;width:15%;fill:var(--transparent);stroke-width:1.5;padding-right:10%}.button-primary{border:0;color:var(--off-white);background:linear-gradient(.25turn,var(--strong-blue),var(--galactic-purple))}.button-primary:hover{border:0;color:var(--translucent-white);background:linear-gradient(.25turn,var(--light-blue),var(--darker-blue))}.button-primary .btn-icon{stroke:var(--off-white);transition:stroke .5s}.button-primary:hover .btn-icon{stroke:var(--translucent-white);transition:stroke .5s}.button-secondary{border:1.5px solid var(--off-black);color:var(--off-black);background-color:var(--transparent)}.button-secondary:hover{border:1.5px solid var(--galactic-purple);color:var(--galactic-purple)}.button-secondary .btn-icon{stroke:var(--off-black)}.button-secondary:hover .btn-icon{stroke:var(--galactic-purple)}.btn .button-inactive{border:1.5px solid var(--page-shadow);color:var(--page-shadow);background-color:var(--transparent);pointer-events:none}.button-inactive .btn-icon{stroke:var(--page-shadow)}*,*:focus,*:hover{outline:none}.submit-entry-container{position:absolute;top:30%}.text-error{font-family:Quicksand Bold;color:var(--strong-blue);margin:2% auto}input::placeholder{font-family:Quicksand Light;color:var(--translucent-dark)}input:focus{color:var(--off-black);border-bottom:1px solid var(--off-black)}.container-entry-info{margin:2% auto}.entry-input-label{font-family:Quicksand Bold;color:var(--off-black);padding-right:2%}input{width:80%;color:var(--translucent-dark);border:0;background-color:var(--transparent)}.entry-date{width:50%;color:var(--off-black);font-family:Quicksand}.entry-date::placeholder{font-family:Quicksand Light;color:var(--translucent-dark)}.entry-note-input{display:block;height:30%;width:100%;padding-right:2%;resize:none;overflow:hidden;color:var(--off-black);font-family:Quicksand;font-size:1rem;border:0;background-color:var(--transparent)}.entry-entry-text{position:absolute;top:-50%;right:-155%;display:block;height:260%;width:120%;resize:none;overflow:hidden;white-space:pre-wrap;word-wrap:break-word;color:var(--off-black);font-family:Quicksand;font-size:1rem;line-height:1;text-align:left;border:0;background-color:var(--transparent)}.entry-entry-text::placeholder{font-family:Quicksand Bold}.update-form{position:absolute;right:-107%;height:195%;width:100%}.navigation{position:absolute;top:23%;left:7%;height:50%;width:10%;z-index:1}.nav-label{position:relative;display:block;height:auto;width:120%;padding:15% 50% 15% 15%;margin:15% auto;border-radius:10px 0 0 10px;background-color:var(--galactic-purple);color:var(--off-white);font-family:QuickSand;font-size:1rem;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize;text-align:left;cursor:pointer}.nav-icon{display:inline-block;stroke:var(--off-white);fill:var(--transparent);stroke-width:1.5;height:15px;width:20px;margin-right:5px;margin-bottom:-2px}.nav-label:hover{color:var(--translucent-white);background:linear-gradient(.25turn,var(--strong-blue),var(--galactic-purple))}.nav-label:hover .nav-icon{stroke:var(--translucent-white)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}