:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6,small{font-family:Merriweather,serif}body{display:flex;flex-direction:column;justify-content:space-between;height:100vh;margin:0}footer{background-color:var(--side-background);color:var(--text);min-height:fit-content;display:flex;flex-direction:column;justify-content:space-between}.footerInfo{width:100%;box-sizing:border-box;display:flex;flex-direction:column;margin-top:2rem}.footerInfo *{width:fit-content;margin:0 0 .5rem 1rem}.footerInfo section{display:flex}.footerInfo #infoMain{display:flex;flex-direction:column;margin-bottom:1.5rem}.footerInfo #infoMain *{margin:0}.footerInfo a{text-decoration:none;color:var(--info-blue)}.footerInfo a:hover{color:var(--warning-orange)}.footerInfo a:active{color:var(--bluey-gray)}#copyrightMark{text-align:center;font-weight:700;margin-bottom:1rem}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0;background-color:var(--background-color);width:100%}.outletChild{width:100%}.heroSec{overflow:clip;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;width:100%;height:clamp(100px,15vh,25vh);padding:0 3rem;border-radius:0 0 2rem 2rem;background-color:var(--side-background);color:var(--text-on-side)}.heroSec .heroSec_logo{display:flex;align-items:center;gap:.5rem;height:75%;background-color:var(--section-background);border-radius:16px;padding:4px}.heroSec_logo img{height:100%;margin:1rem}.heroSec .heroSec_nav{width:35vw;display:flex;align-items:center}.heroSec .heroSec_nav ul{width:100%;padding:0;display:flex;justify-content:space-evenly;align-items:center}.heroSec .heroSec_nav ul li{list-style:none}.heroSec .heroSec_nav ul li .navLink{text-decoration:none;display:flex;align-items:center;justify-content:center;width:100px;height:40px;border-radius:.5rem;background-color:var(--important-element);color:var(--element-text);font-weight:700;transition-duration:.3s}.heroSec .heroSec_nav ul li .navLink:hover{background-color:var(--hover-element);box-shadow:var(--borderBox-hover-glow);color:var(--hover-text);translate:0 .25rem;transition-duration:.3s}.heroSec .heroSec_nav ul li .active{background-color:var(--pressed-element);animation:pulse-glow 2.5s ease-in-out infinite;color:var(--pressed-text);translate:0 .5rem}@media only screen and (max-width: 600px){.heroSec{height:20vh;flex-direction:column;justify-content:space-evenly;padding:0}.heroSec .heroSec_logo{height:45%;margin:0 auto}.heroSec .heroSec_nav{width:100%}.heroSec .heroSec_nav ul{margin:0 auto}}:root{--dark-purple: hsla(261, 54%, 10%, 1);--honeydew: hsla(141, 30%, 91%, 1);--mid-gray: hsla(153, 6%, 80%, .75);--ash-gray: hsla(153, 6%, 70%, 1);--light-gray: hsla(0, 0%, 65%, 1);--darker-gray: hsla(0, 0%, 50%, 1);--rich-black: hsla(226, 100%, 3%, 1);--grey-black: hsla(224, 17%, 17%, 1);--naples-yellow: hsla(44, 81%, 67%, 1);--brighter-naples-yellow: hsla(44, 81%, 72%, 1);--lighter-naples-yellow: hsla(44, 81%, 73%, 1);--naples-yellow-glow: hsla(44, 100%, 72%, .85);--bluey-gray: hsla(223, 18%, 35%, 1);--cool-slate: hsla(223, 10%, 55%, 1);--surface-shadow: hsla(0, 0%, 0%, .08);--surface-glow: hsla(44, 81%, 67%, .2);--pale-naples-yellow: hsla(44, 100%, 72%, .7);--success-green: hsla(141, 45%, 40%, 1);--success-green-soft: hsla(141, 45%, 85%, 1);--success-green-border: hsla(141, 45%, 50%, 1);--error-red: hsla(0, 65%, 55%, 1);--error-red-soft: hsla(0, 65%, 90%, 1);--error-red-border: hsla(0, 65%, 65%, 1);--warning-orange: hsla(35, 85%, 60%, 1);--warning-orange-soft: hsla(35, 85%, 88%, 1);--warning-orange-border: hsla(35, 85%, 70%, 1);--info-blue: hsla(210, 90%, 60%, 1);--info-blue-soft: hsla(210, 90%, 88%, 1);--info-blue-border: hsla(210, 90%, 70%, 1);--background-color: var(--ash-gray);--section-background: var(--mid-gray);--element-background: var(--honeydew);--side-background: var(--dark-purple);--title: var(--rich-black);--strong-text: var(--darker-gray);--text: var(--light-gray);--text-on-side: var(--naples-yellow);--important-element: var(--naples-yellow);--element-text: var(--rich-black);--element-border: 1px solid var(--bluey-gray);--disabled-element: var(--bluey-gray);--disabled-text: var(--cool-slate);--hover-element: var(--brighter-naples-yellow);--borderBox-hover-glow: 0 0 10px 4px var(--naples-yellow-glow), 0 0 20px 8px var(--naples-yellow-glow);--hover-text: var(--rich-black);--pressed-element: var(--lighter-naples-yellow);--pressed-text: var(--grey-black)}:root[data-theme=dark]{--dark-gray: hsla(223, 10%, 18%, 1);--darker-gray: hsla(223, 10%, 12%, 1);--background-color: var(--dark-gray);--section-background: var(--darker-gray);--element-background: var(--bluey-gray);--side-background: var(--rich-black);--text: var(--light-gray);--strong-text: var(--darker-gray);--title: var(--honeydew);--text-on-side: var(--naples-yellow);--important-element: var(--naples-yellow);--element-text: var(--rich-black);--hover-element: var(--brighter-naples-yellow);--hover-text: var(--rich-black);--pressed-element: var(--lighter-naples-yellow);--pressed-text: var(--grey-black);--disabled-element: var(--bluey-gray);--disabled-text: var(--cool-slate)}.icon{width:4rem}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px 3px var(--pressed-element),0 0 30px 3px var(--pressed-element)}50%{box-shadow:0 0 10px var(--pressed-element),0 0 20px var(--pressed-element)}}.collectionSec{position:relative;display:flex;flex-direction:column;align-items:center;background-color:var(--background-color);width:100%;overflow:hidden}.collectionSec_topbar{background-color:var(--section-background);display:flex;justify-content:space-between;align-items:center;margin:2rem;width:75%;border:var(--element-border);border-radius:1.5rem}.topBar_searchBar{padding:1rem;width:100%;display:flex;justify-content:flex-end}.topBar_searchBar label{text-decoration:none;display:inline-flex;justify-content:center;padding-right:1rem;color:var(--element-text);font-size:1.5rem;font-weight:700}#searchSymbol{display:flex;justify-self:flex-start;font-size:1.2rem;font-weight:700;margin-left:2rem}.inputWrapper{display:flex;border-radius:.5rem;border:var(--element-border);width:75%;height:3rem;overflow:hidden}.topBar_searchBar #searchBar{background-color:var(--element-background);font-family:Inter,sans-serif;font-size:1.2rem;text-align:end;padding-right:1rem;border:none;width:100%}.topBar_searchBar #searchBar:focus{outline:4px solid var(--info-blue-border);outline-offset:-3px}#searchBtn{margin:0;padding:0;width:20%;border:none;background-color:var(--important-element);cursor:pointer;overflow:hidden}#searchBtn label{width:100%;height:100%;padding:0;align-items:center}#searchIcon{width:100%;height:100%;box-sizing:border-box;padding:5px}#searchIcon:hover{-webkit-backdrop-filter:brightness(90%);backdrop-filter:brightness(90%)}.collectionSec_wrapper{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;justify-content:center;gap:6rem;padding:0 20vw;box-sizing:border-box}#searchResult{grid-template-columns:1fr;padding:0 30vw}.section_Wrapper{width:100%;height:fit-content;display:grid;grid-template-areas:"header header" "body body";grid-template-rows:20vh auto;grid-template-columns:auto}.sectionHeader{grid-area:header;align-content:start;text-align:center;height:100%;margin:0}.sectionHeader h2{margin:0}.section_Items{width:100%;grid-area:body;display:grid;height:fit-content;grid-template-columns:50% 50%;grid-auto-rows:35vh;border-radius:1rem}#clearSearch{position:unset;margin-top:8px;width:fit-content;height:fit-content;padding:.5rem;color:#f8f8f8}.itemCard_wrapper{text-decoration:none;width:100%;height:fit-content;box-sizing:border-box;padding:0 .2rem;z-index:0;transition:.3s}.itemCard_wrapper:hover,.itemCard_wrapper:focus{cursor:pointer;z-index:1;box-shadow:0 6px 12px var(--surface-shadow),0 0 10px 4px var(--surface-glow);translate:0 -25%;transition:.4s ease}.itemCard{display:flex;flex-direction:column;justify-content:space-evenly;width:100%;align-items:center;box-sizing:border-box;border:2px solid var(--bluey-gray);border-radius:15px;text-align:center;color:var(--strong-text);background-color:var(--element-background);box-shadow:5px 10px 8px var(--surface-shadow)}.loadingWrapper{display:flex;justify-content:center;flex-direction:column;align-items:center}.cardInfo h1,h2,h3,h4,h5,h6,p{margin:.5rem}.itemCard .cardInfo{text-align:center;color:var(--title)}.itemCard .cardThumbnail{font-size:.8rem;margin:1rem 0;border-radius:15px;width:80%}.outletPopUp{z-index:5;position:fixed;left:50%;transform:translate(-50%,-10%)}@media only screen and (max-width: 650px){.collectionSec_wrapper{grid-template-columns:1fr}.itemCard{height:100%}.collectionSec_topbar{display:flex;flex-direction:column}#searchSymbol{margin:1rem 0}.topBar_searchBar{justify-content:center}.inputWrapper #searchBar{padding:0 1rem 0 0;text-align:center}.section_Wrapper{grid-template-rows:24vh auto}}.popUpCard{width:clamp(50px,60vw,80vw);height:clamp(50px,40vw,60vw);background-color:var(--element-background);border:var(--element-border);border-radius:31px;overflow:hidden;display:flex;justify-content:space-between}.itemCover{margin:1rem;border-radius:25px}.itemInfo{padding-top:2rem;padding-bottom:2rem;overflow:scroll}.clearButton{background-color:var(--error-red);border:2px var(--error-red-border) solid;color:var(--title);border-radius:25px;position:fixed;top:1rem;right:1rem;width:5%;height:5%;font-size:1rem;font-weight:700}.clearButton:hover{background-color:var(--warning-orange);border-color:var(--warning-orange-border)}@media only screen and (max-width: 640px){.popUpCard{width:100vw;height:90vh;display:flex;flex-direction:column;overflow:scroll}.itemCover{margin-top:3rem;align-self:center;width:75%;border-radius:25px}.itemInfo{padding:1rem;margin-bottom:5rem;text-align:center;overflow:unset}.clearButton{width:40px;height:40px}}.heroBody{width:100%;display:flex;flex-direction:column;align-items:center}.heroBody>.title{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:15vh 0;color:var(--title)}.title>.text{z-index:2}.text>h2{font-size:400%}.text>h3{font-size:150%}.title>.backImage{position:absolute;z-index:1;height:25%;opacity:.2}.heroContent{width:100%;box-sizing:border-box;padding:0 10vw 10vw;display:flex;flex-direction:column;align-items:center;justify-items:center}.heroContent>div{display:flex;flex-direction:column;text-align:center;align-items:center;width:100%}.heroContent>div>*{margin:3vh 0}.heroContent h4{font-size:150%;margin:5vh 0 0}.heroContent .navLink{text-decoration:none;display:flex;align-items:center;justify-content:center;width:25%;height:40px;border-radius:.5rem;background-color:var(--important-element);color:var(--element-text);font-weight:700;transition-duration:.3s}.heroContent .navLink:hover{background-color:var(--hover-element);box-shadow:var(--borderBox-hover-glow);color:var(--hover-text);translate:0 .25rem;transition-duration:.3s}.heroContent .active{background-color:var(--pressed-element);animation:pulse-glow 2.5s ease-in-out infinite;color:var(--pressed-text);translate:0 .5rem}.aboutContent{width:100%;box-sizing:border-box;padding:10vh 10vw;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.aboutContent>*:nth-child(odd){margin-top:0}.aboutContent>*:nth-child(2n){margin-top:200px}.backImage{position:absolute;z-index:0;width:50%;opacity:.2;top:40%;left:25%}.aboutContent h4{font-size:2rem}@media only screen and (max-width: 600px){.aboutContent{grid-template-columns:1fr;gap:0}.aboutContent>*:nth-child(2n){margin-top:40px}}