:root{font-family:Helvetica,system-ui,Avenir,inter,Arial,sans-serif;line-height:1.5;font-weight:400;--primary-bg: #1a1a1a;--secondary-bg: #242424;--text-color: rgba(255, 255, 255, .87);--link-color: #646cff;--link-hover: #a253f2;--button-bg: #5C469C;--button-border-hover: #646cff;--border-radius: 8px;--focus-outline: -webkit-focus-ring-color;color:var(--text-color);background-color:var(--primary-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-1: rgb(116, 126, 137);--color-2: #114B5F;--color-3: #180161;--color-4: #2E236C;--color-5: #4C86A8;--color-6: #545775;--color-7: #028090;--color-8: #86DEB7;--color-9: #A0B9BF;--color-10: #333435;--color-11: #4c86a862;--gcolor-5: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--gcolor-6: linear-gradient(to top, #30cfd0 0%, #330867 100%)}a{font-weight:500;color:snow;text-decoration:none}a:hover{color:var(--link-hover)}a:focus{outline:4px auto var(--focus-outline)}body{margin:0;padding:0!important;max-width:100%;min-width:320px;background-color:transparent}td{max-width:150px;scrollbar-width:thin;overflow-y:hidden;overflow-x:visible;text-overflow:ellipsis;white-space:nowrap}h1{font-size:3.2em;line-height:1.1}button{border-radius:var(--border-radius);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--button-border-hover)}button:focus,button:focus-visible{outline:4px auto var(--focus-outline)}button[type=submit]{grid-column:span 2;background:#007bff;color:#fff;padding:10px;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background .3s}button[type=submit]:hover{background:#0056b3}button[type=submit]:disabled{background:#ccc;cursor:not-allowed}.bgImage{position:fixed;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-size:cover;background-position:center center;z-index:-1}@media (min-width: 769px){.bgImage{background-image:url(/bg3.jpg);background-attachment:fixed}}@media (max-width: 768px){.bgImage{background-image:url(/bg3.jpg);background-attachment:scroll;background-position:bottom bottom}}*{margin:0;padding:0;list-style-type:none;scrollbar-width:thin}#root{margin:0;text-align:center}li:hover,h1:hover,h2:hover,h3:hover,h4:hover,h5:hover,p:hover,.business-des:hover{box-shadow:0 0 5px 2px #ffffff20;border-radius:10px}.App{min-width:100%;min-height:100%;max-width:100%;padding-top:.5em;gap:1em}.main-wrapper{display:flex;flex-direction:column;min-width:100%;max-width:100%;align-items:center;gap:.8em}.wrapper{margin-top:75px;margin-bottom:50px;display:flex;flex-direction:column;align-items:center;min-width:97vw;max-width:100%}.toastifier{margin-top:50px}table td,table th{border:1px solid snow;padding:3px 10px;text-align:left;word-wrap:break-word;text-wrap:wrap}h4{grid-column:span 2;text-align:center;text-decoration:underline}label{font-weight:700;margin-bottom:5px;display:block}button{touch-action:manipulation!important}input{width:100%;max-width:200px;padding:8px;border:1px solid #ccc;border-radius:5px;font-size:1rem;outline:none;transition:border .3s}input:focus{border-color:#007bff}.header-container{border:1px solid gold;border-radius:10px;padding:.3em .5em;margin-bottom:1em;min-width:50%}.greeting-btns{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.3em}.table-container{display:flex;flex-direction:column;gap:1em}@media (max-width: 768px){.modal-content{width:90%;padding:1.5em}h1{font-size:1.75rem}h2{font-size:1.25rem}}.navbar{position:fixed;width:100%;height:65px;top:0;left:0;background:#000;display:flex;align-items:center;align-content:center;justify-items:center;justify-content:space-between;padding:0 1em;box-sizing:border-box;z-index:1000}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:999}.logo{display:flex;flex-direction:column;align-items:center}.logo a{font-size:1.2rem;color:#fff;text-decoration:none}.logo select{width:100px;font-size:.65rem;border-radius:10px;background:#20b2aa}.themer{font-size:.7rem}.site-nav{display:flex;gap:1em}.site-nav ul{display:flex;gap:1em;list-style:none;margin:0;padding:0}.site-nav ul li a{color:#fff;text-decoration:none;padding:.1em;transition:color .3s background-color .3s}.site-nav ul li a:hover{color:#00bcd4;background-color:#ffffff1a;border-radius:5px}.search-bar{display:flex;align-items:center}.user-nav{display:flex;padding:.1em .3em;border-radius:10px}.user-nav a{color:#fff;text-decoration:none;margin-right:.5em}.user-nav button{color:#fff;background:#00bcd4;border:none;border-radius:5px;padding:.5em 1em;cursor:pointer;transition:background .3s}.user-nav button:hover{background:#008ba3}.hamburger{display:none;cursor:pointer;color:#fff}.logout-btn{display:flex;font-size:.8rem;padding:5px;gap:2px;background-color:#5c469c;border-radius:10px}.logout-btn button{padding:3px}@media (max-width: 1050px){.navbar{gap:.2em;justify-content:space-around;padding:.2em;z-index:1000;font-size:.7rem}.logo a{font-size:1rem;color:#fff;text-decoration:none}.logo select{width:70px;font-size:.6rem;border-radius:10px;background:#20b2aa}.search-bar{min-width:35px;max-width:40px}.search-bar input{font-size:.8rem}.themer,.themer button{font-size:.1rem}.site-nav{display:none;position:absolute;top:65px;left:0;width:100%;background:#000;flex-direction:column;padding:1em 0}.site-nav.active{display:flex;z-index:1001}.site-nav ul{flex-direction:column}.hamburger{display:block}.search-bar{margin-right:10px;width:100px}.logout-btn{font-size:.8rem;padding:1px}.themer{font-size:.3rem;margin-left:10px}}.biz-page{width:50%}.cards-section{min-width:95vw;max-width:95%;display:flex;flex-direction:column;align-items:center;padding:1.5em;box-shadow:0 1px 15px 2px #fff5;border-radius:10px;gap:1em}.cards-container{width:100%;height:100%;padding:2em 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,350px));gap:1em;row-gap:2em;justify-content:center;align-items:center}.card{box-shadow:inset 0 0 200px 25px var(--color-7);padding-bottom:.15em;border:3px solid var(--color-9);display:flex;flex-direction:column;justify-content:center;height:100%;font-size:.9rem;width:100%;gap:10px;border-radius:10px;overflow:hidden;transition:.3s;font-family:Helvetica,Arial,sans-serif}.card:hover{background-color:var(--color-7)!important;border:2px solid var(--color-8);box-shadow:0 0 5px 2px snow;opacity:.9}.card img{height:225px;overflow:hidden;box-shadow:0 0 10px 2px #fff}.business-info{text-wrap:wrap;text-align:left;padding:.5em}.card-btns{display:flex;justify-content:space-between;padding:3px;margin-top:5px}.card-icons{width:32px;height:32px;fill:#000;color:#fff;stroke-width:1;transition:all .3s ease-in-out}.card-icons.liked,.card-icons.liked:hover{fill:#dc143c}.card-icons:hover{fill:#fff;color:#1c1c1c;stroke-width:2}.business-des{min-height:50px;max-height:50px;overflow-y:scroll;scrollbar-width:none;padding:5px}.card span{font-weight:700}@media (max-width: 600px){.biz-page{width:80vw}.cards-section{max-width:50%;padding:1em 0}.cards-container{grid-template-columns:repeat(auto-fill,minmax(200px,300px))}}.form-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2em}.card-form{width:65%;padding:1.4em;display:grid;gap:.7em;grid-template-columns:1fr 1fr 1fr;justify-content:center;align-items:center;box-shadow:inset 0 0 100px 2px var(--color-1);border-radius:10px}.register-div{width:100%;padding:1em}.login{width:30%}.input-box{box-shadow:inset 0 0 20px 2px var(--color-9);border-radius:5px;padding:8px}.input-box:hover{border:1px solid rgba(172,255,47,.583);box-shadow:inset 0 0 50px 2px var(--color-8)}.input-box:has(input:focus){border:2px solid forestgreen}.card-form input{max-width:unset;width:90%;text-align:center;background:var(--gcolor-5);border:3px solid var(--color-5)}.card-form button{grid-column:2/3}.card-form h4{grid-column:span 3;font-size:1.3rem}.card-form p{color:#dc143c;font-size:.9rem;font-weight:700}.gridT2{grid-template-columns:1fr 1fr!important}.gridT1{grid-template-columns:1fr!important}.spanT1{grid-column:unset!important}.info-box{display:grid;grid-column:span 3;padding:.7em;gap:.5em;grid-template-columns:1fr 1fr 1fr;justify-content:center;align-items:center;text-align:center;box-shadow:inset 0 0 50px 2px var(--color-1);border-radius:15px}@media (max-width: 1000px){.card-form{width:90%}.login{width:45%}}@media (max-width: 600px){.card-form{grid-template-columns:1fr!important;width:85%}.login{width:90%}.info-box{grid-template-columns:1fr!important;grid-column:span 1}.card-form button,.card-form h4{grid-column:span 1}.card-form p{font-size:.75rem}.gridT2{grid-column:1fr}.card-form input{width:80%}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;overflow-y:auto;padding:1em 0}.modal-content{background:#cdcdcd8d;color:#000;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:2em;gap:.5em;border-radius:10px;box-shadow:0 4px 10px #0003;width:50%;max-width:50%;height:50vh;max-height:80vh;overflow-y:auto;position:relative}.user-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:2em .2em;gap:1em}.user-card{width:50%;border-radius:10px;box-shadow:inset 0 0 200px 25px var(--color-7);padding-bottom:.15em;border:3px solid var(--color-9)}.user-card:hover{background-color:var(--color-7)!important;border:2px solid var(--color-8);box-shadow:0 0 5px 2px snow;opacity:.9}@media (max-width: 600px){.user-card{width:80%!important}}