﻿@import url(https://fonts.googleapis.com/css2?family=Allura&display=swap);#hamburger{position:absolute;top:12px;width:40px;border:1px solid #f5f5f5}#hamburger::after{content:"";width:40px;position:absolute;left:-1px;top:8px;border:inherit}#hamburger::before{content:"";width:40px;position:absolute;left:-1px;bottom:8px;border:inherit}#hamburger-container{width:45px;height:25px;position:relative;cursor:pointer}#banner{height:15vh;max-height:100px;width:100%;margin:0;background-color:#4646b4;padding:10px 40px 10px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 2px 1px rgba(0,0,0,0.368);z-index:10;position:sticky;top:0}#sidebar{display:block;z-index:1;background-color:#4646b4;height:100vh;width:300px;padding-top:10vh;position:fixed;top:0;right:-300px;transition:.2s ease-in;user-select:none;border-left:2px solid #5656c4}#sidebar.show{right:0}.menu-options{width:100%;height:max-content}.menu-options a{text-decoration:none;color:#f5f5f5;width:100%}.menu-options .menu-item{padding:5px 20px;margin:5px 0;font-size:large;font-weight:bolder;cursor:pointer;list-style:none;transition:.2s;min-width:200px}.menu-options .menu-item:hover{background-color:#5656c4}.sidebar-header{font-size:x-large;font-weight:bolder;padding-left:10px;color:#d5d5d5}.text-info{color:#4646b4 !important}.close-button{position:absolute;display:flex;justify-content:center;align-items:center;top:5px;right:5px;color:#000;border:1px solid #000;cursor:pointer;width:15px;height:15px}.close-button::after{font-size:x-small;content:"X";text-align:center;vertical-align:center}#alert-container{z-index:10000;position:fixed;bottom:5%;padding:10px 20px;background-color:#eef;border-radius:10px;max-width:33%;right:10px;animation:.5s linear slidein;box-shadow:0 0 12px 1px #4646b4}#alert-container h3{color:#4646b4}#alert-container:not(:has(span)){display:none}.balloon{position:relative;padding:15px 15px;margin:10px 0}.balloon.error{background-color:pink}.balloon.notice{background-color:#fff}@keyframes slidein{from{opacity:0%}to{opacity:1}}.listings-index-item{background-color:#eef;padding:20px 30px;border-radius:5px;list-style-position:inside;line-height:2.5rem;transition:background-color .2s;cursor:pointer}.listings-index-item:hover{background-color:#ddf}.listings-index-item:hover h6{text-decoration:underline}.listings-index-item h6{display:inline}a:has(.listings-index-item){text-decoration:none;color:#000}.active-container{background-color:#4646b4;border-radius:10px}.active-container-inner{background-color:#5656c4;border-radius:5px;transition:background-color .1s}.active-container-inner:hover{background-color:#6262dc}.active-container-inner:hover h6{text-decoration:underline}a:has(.active-container-inner){text-decoration:none;color:inherit}.tool-tip{position:relative;font-size:11px}.tool-tip .tool-tip-icon{cursor:pointer}.tool-tip .tool-tip-text{position:absolute;left:calc(101% + 5px);display:inline-block;width:max-content;visibility:hidden;opacity:0;transition:opacity .2s;padding:5px;background-color:#b3b3ff;border-radius:8px}.tool-tip:has(.tool-tip-icon:hover) .tool-tip-text{visibility:visible;opacity:1}#main.splash{background-color:#4646b4;padding-bottom:50px}#splash{position:relative}#splash #auth{position:absolute;top:10px;right:12px;color:#fff}.form-section{border-radius:10px;background-color:#ddf;padding:10px}#express-form{padding:20px 20px;border-radius:10px;border:1px solid #ccf;background-color:#fff}#loading-gif{width:15px;height:15px;margin-left:5px}.express-instruction{list-style-position:inside;margin-bottom:3px}.account-instruction{list-style-type:"📎"}#letter-gif{clip-path:view-box}#resume-instruction{list-style-type:"📜"}#listing-instruction{list-style-type:"📰"}#letter-instruction{list-style-type:"🔄"}#edit-instruction{list-style-type:"✍️"}#splash-logo{color:#f5f5f5;font-family:"Allura",cursive;font-size:20vh;text-overflow:ellipsis;user-select:none;display:flex;justify-content:center;align-items:center}#splash-logo span{display:flex}.logo{user-select:none;font-family:"Allura",cursive;font-size:2em;text-decoration:none;color:#fff}.char-counter{top:100%}#logo-img{box-sizing:border-box;height:80%;border-radius:50%;box-shadow:0 0 5px 1px #fff;opacity:.85;margin-right:1vw;transform:rotate(70deg);z-index:2}#logo-text{position:relative;--clip: 110%;height:100%}#logo-text::before{position:absolute;right:-10%;top:0;height:100%;width:var(--clip);background-color:#4646b4;content:" "}#logo-img.splash{box-shadow:none;margin:-1%;height:25vh}.btn{height:min-content}.form-control{background-color:rgba(0,0,255,0.0509804);transition:background-color .3s}.form-control~label::after{background-color:rgba(0,0,0,0) !important}.form-control:focus{background-color:rgba(0,0,0,0)}#fp-hero{display:flex;justify-content:center;gap:10vw}#fp-hero img{border-radius:10px;width:90%;max-height:350px}main{position:relative;width:95%;padding-bottom:100px;margin:0 auto}#bug-report{position:fixed;bottom:0px;right:0px;width:fit-content;background-color:#fff;font-size:smaller;padding:2px}summary h3{cursor:pointer;user-select:none}#user-info-container{position:relative}#generate-listing-form{display:flex;flex-direction:column}#generate-bio-container,#generate-listing-container{border-top:1px solid #c4c4c4}@media screen and (min-width: 992px){#generate-bio-container,#generate-listing-container{position:absolute;right:0;top:0;font-size:small;border-width:0}}.nav{background-color:#fff;padding:5px 10px}#nav-buttons{width:30%;min-width:fit-content;display:flex;justify-content:space-between}#strength-container{font-size:smaller;color:#aaa;margin-top:5px}#user-info-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100%}.hidden{display:none}#pw-info-icon{cursor:help;color:#55f}#pw-info{width:max-content;background-color:#b3b3ff;border:1px solid #000;color:#060607;padding:10px 20px;right:0;font-weight:lighter;font-family:arial,sans-serif;border-radius:10px;line-height:2rem;list-style-position:inside;text-align:flex-start}#pw-info-icon:hover #pw-info{display:block}#change-button{position:relative}#profile-select{display:none;position:absolute;padding:5px 10px;top:150%;left:0%}#profile-select option{padding:5px 10px}#change-button:focus-within #profile-select{display:block}#member-express-form{background-color:#5656c4;padding:10px;border-radius:8px;color:#fff}#member-express-form #listing-input{color:#000}#copy-message{position:absolute;top:101%;left:0;border-radius:0 0 8px 8px;z-index:2;display:none;font-size:75%}
