:root{--bg_h:#1d2021;--bg:#060808;--bg_s:#32302f;--bg1:#3c3836;--bg2:#504945;--bg3:#665c54;--bg4:#7c6f64;--fg:#fbf1c7;--fg1:#ebdbb2;--fg2:#d5c4a1;--fg3:#bdae93;--fg4:#a89984;--red:#fb4934;--green:#b8bb26;--yellow:#fabd2f;--blue:#83a598;--purple:#d3869b;--aqua:#8ec07c;--gray:#928374;--orange:#fe8019;--red-dim:#cc2412;--green-dim:#98971a;--yellow-dim:#d79921;--blue-dim:#458588;--purple-dim:#b16286;--aqua-dim:#689d6a;--gray-dim:#a89984;--orange-dim:#d65d0e;--user-border-color:var(--orange);--user-text-color:var(--fg1);--user-bg-color:var(--bg);--user-note-bg-color:var(--bg);--user-tag-selection-bg-color:var(--orange)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--fg);margin-left:1em;margin-right:1em}a{color:inherit;text-decoration:none}.home-divider{background-color:var(--bg2);width:25%;height:1px;margin:2em auto 0}.welcome-title{text-align:center;margin-top:1em}.about-text{max-width:50em;margin:1em auto;font-size:1.2em;line-height:1.25em}.about-text h2{text-align:center;margin-top:1em;margin-bottom:1em}.main{min-height:calc(100vh - 6em)}button{background-color:var(--bg3);color:var(--fg);cursor:pointer;border:none;padding:.5em 1em}button:hover{background-color:var(--orange);color:var(--bg)}h1{text-align:center;margin-top:1em;margin-bottom:1em}form{flex-direction:column;align-items:center;gap:1em;display:flex}label{font-size:1.2em}input{background-color:var(--fg1);border:1px solid;border-radius:.5em;padding:.5em;font-size:1.2em}input:focus{background-color:var(--fg2);border:1px solid var(--orange);outline:none}button{background-color:var(--bg1);color:var(--fg);border:1px solid var(--fg1);border-radius:.5em;padding:.5em;font-size:1.2em}textarea{background-color:var(--bg1);color:var(--fg1);font-size:1.3em}.upload-type-container{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.upload-type-container>*{margin:0 1em}.upload-type-container>input{display:none}.upload-type-container>label{cursor:pointer;background-color:var(--bg2);color:var(--fg1);border-radius:.5em;padding:.5em}.upload-type-container>input:checked+label{background-color:var(--orange);color:var(--fg1)}.text-area{resize:none;width:35%;height:100%}.delete-button{color:var(--red);border:1px solid var(--red);opacity:0;cursor:pointer;background-color:#0000;background-color:var(--bg1);padding:.2em;font-size:1.2em;transition:opacity .2s;position:absolute;bottom:1em;right:1em}.image-container{flex-direction:column;align-items:center;gap:1em;max-width:500px;max-height:500px;display:inline-block;position:relative}.image-container:hover .delete-button,.text-container:hover .delete-button,.link-container:hover .delete-button{opacity:1}.image-container img{border:1px solid var(--user-border-color);cursor:zoom-in;border-radius:5px;max-width:100%;height:auto;max-height:100%;display:block}.item-container img:hover{transform:scale(1.05)}.items-container{flex-flow:wrap;flex-grow:5;flex-basis:25%;gap:1em;display:flex}.link-container{border:1px solid var(--user-border-color);border-radius:5px;flex-direction:column;align-items:center;gap:1em;min-width:100px;max-width:500px;min-height:100px;max-height:500px;display:inline-block;position:relative}.link-container a{cursor:zoom-in;flex-direction:column;align-items:center;max-width:100%;height:auto;max-height:100%;padding:.5em;font-size:1.2em;text-decoration:underline;display:flex}.link-container a:hover{transform:scale(1.05)}.link-container-description{width:75%;padding:.25em;font-size:1.1em}.text-container{border:1px solid var(--user-border-color);background-color:var(--user-note-bg-color);border-radius:5px;flex-direction:column;align-items:center;max-width:500px;max-height:500px;padding:.5em;display:inline-block;position:relative}.text-container p{white-space:pre-wrap}.modal{background:#000000d9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-image-description{width:75%;margin-top:1em;font-size:1.2em}.modal img{max-width:90%;max-height:90%}.tagButton{background-color:var(--bg);color:var(--fg1);border:1px solid var(--user-border-color);cursor:pointer;border-radius:5px;padding:.5em;font-size:1em}.tagButton.selected,.tagButton:hover{background-color:var(--user-tag-selection-bg-color);color:var(--bg)}.tagList{flex-flow:wrap;gap:.5em;max-width:50%;margin:auto auto 1em;display:flex}@media (width<=500px){.tagList{max-width:100%}}.filteredTagText{text-align:center;margin-bottom:1em;font-size:1.2em}.delete-button-confirmation{background-color:var(--bg);color:var(--fg1);border:1px solid var(--user-border-color);cursor:pointer;border-radius:5px;margin:.25em;padding:.5em;font-size:1em}.delete-button-confirmation:hover{background-color:var(--orange);color:var(--bg)}.no-items-text{text-align:center;margin-top:2em}.user-page{color:var(--user-text-color);background-color:var(--user-bg-color);border-color:var(--user-border-color);min-height:100vh}nav{background-color:var(--bg2);border-radius:5px;justify-content:space-between;align-items:center;width:75%;margin:.5em auto 1em;padding:1rem;font-size:1.25em;list-style:none;display:flex}nav ul{gap:1em;list-style:none;display:flex}nav ul li{justify-content:space-between;align-self:center;align-items:center}nav img{cursor:pointer;width:auto;height:1em;margin:0;padding:0}.logo-link{letter-spacing:1px;color:var(--orange);text-transform:lowercase;background:linear-gradient(90deg, var(--red), var(--green), var(--purple), var(--orange), var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;padding:0;font-weight:700;text-decoration:none}.footer{text-align:center;height:2em;margin-top:2em;margin-bottom:1.5em}.footer-divider{width:25%;height:1px;margin:1em auto}.settings{flex-direction:column;align-items:center;gap:1em;display:flex}.settings h1{margin:.5em}.settings-delete-account-container{color:var(--red);border:1px solid var(--bg4);flex-direction:column;align-items:center;gap:.5em;padding:1em;display:flex}.settings-delete-account-container button{background-color:var(--bg);color:var(--red);border:1px solid var(--orange);cursor:pointer;border-radius:5px;margin:.25em;padding:.5em;font-size:1em}.settings-delete-account-container button:hover{background-color:var(--orange);color:var(--bg)}.settings-delete-button-confirmation-yes{background-color:var(--bg);color:var(--red);border:1px solid var(--orange);cursor:pointer;border-radius:5px;margin:.25em;padding:.5em;font-size:1em}.settings-delete-button-confirmation-yes:hover{background-color:var(--orange);color:var(--bg)}.settings-theme-container,.settings-change-username-container{border:1px solid var(--bg4);flex-flow:column wrap;align-items:center;gap:1em;padding:1em;display:flex}.settings-theme-container-color-picker{flex-direction:column;align-items:center;gap:1em;display:flex}.color-picker-container{flex-flow:wrap;flex-grow:1;flex-basis:25%;gap:1em;display:flex}.color-picker-container p{text-align:center}.color-picker-label{margin-bottom:.5em;font-size:1.2em}.color-picker-save-button{background-color:var(--bg);color:var(--fg1);border:1px solid var(--orange);cursor:pointer;border-radius:5px;margin:.25em;padding:.5em;font-size:1em}.color-picker-save-button:hover{background-color:var(--orange);color:var(--bg)}.pick-save-default-colors-button{background-color:var(--bg);color:var(--fg1);border:1px solid var(--orange);cursor:pointer;border-radius:5px;margin:.25em;padding:.5em;font-size:1em}.save-success{text-align:center;color:var(--green);margin-top:1em}.highlight{font-size:1.2em;font-weight:700}button{background-color:var(--bg);color:var(--fg1);border:1px solid var(--orange);cursor:pointer;border-radius:5px;margin:.25em;padding:.5em;font-size:1em}