@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;600&display=swap";body{position:relative;margin:0;padding:0;box-sizing:border-box;min-height:100vh;font-family:Oswald,Helvetica Neue,Helvetica,Arial,sans-serif}:root{--container-padding: 2rem;--section-spacing: 3rem;--primary-background: rgb(26, 26, 26);--accent-background: #e11f1c;--primary-color: #fff;--primary-text-link-color: #fff;--primary-text-link-color-hover: #e11f1c}#root{display:flex;flex-direction:column;min-height:100vh}ul{margin:0;padding:0;list-style-type:none}h1,h2,h3,h4,h5,h6{margin:0}a:visited{color:unset}header{display:flex;flex-direction:column}header a{color:var(--primary-text-link-color);text-decoration:none;transition:.5s}header .cta:hover{color:#f7d0d0;transition:.5s}header .subheader{padding-inline:var(--container-padding);padding-block:calc(var(--container-padding) / 2);background-color:var(--accent-background);color:var(--primary-color);display:flex;flex-direction:row;align-items:center}header .subheader .selling-points{margin:0;padding:0;display:flex;flex-direction:row;gap:3rem;list-style-type:none;font-size:smaller}header .subheader .selling-points li:before{content:url(https://api.iconify.design/material-symbols/check-small-rounded.svg);color:#fff;font-size:1rem;margin-right:.5rem}header .subheader-wide{justify-content:space-between}header .subheader-narrow{justify-content:flex-end}header .header-content{display:flex;flex-direction:column;padding:var(--container-padding);padding-top:calc(var(--container-padding) / 2);background-color:var(--primary-background);color:var(--primary-color)}header .header-content .main{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:calc(var(--container-padding) / 2)}header .header-content .main #logo{font-size:2rem}header .header-content .main .nav{display:flex;flex-direction:row;gap:1.5rem}header .header-content .main .nav li{display:flex;align-items:center;gap:.2rem;cursor:pointer;transition:color .5s}header .header-content .main .nav li:hover{color:#d3d3d3;transition:color .5s}header .header-content .main .nav iconify-icon{font-size:1.3rem}header .header-content .search input{width:100%;padding:calc(var(--container-padding) / 2.5);font-size:1rem}main{padding:var(--container-padding);flex-grow:1}main h1{margin-bottom:calc(var(--section-spacing) / 2)}.categoriesPage{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem}.categoriesPage .categoryCard{background-color:gray;height:200px;width:200px}footer{background-color:var(--primary-background);color:var(--primary-color);padding:var(--container-padding)}footer a{color:var(--primary-text-link-color);text-decoration:none;transition:.5s}footer .footer-menu a:hover{color:var(--primary-text-link-color-hover);transition:.5s}footer .footer-content{display:flex;flex-direction:row;justify-content:space-between;gap:3rem}footer .footer-content .main-content #logo{font-size:2rem}footer .footer-content .main-content .about{font-weight:300}footer .footer-content .main-content .about p>span{display:block}footer .footer-content .footer-menu{display:flex;flex-direction:row;justify-content:flex-end;gap:var(--section-spacing)}footer .footer-content .footer-menu div .heading{margin-bottom:1rem}footer .footer-content .footer-menu div ul{display:flex;flex-direction:column}.portal{width:100%;position:fixed;top:0;left:0;z-index:1}.sideMenu{width:100%;height:90vh;display:flex;flex-direction:row}.sideMenu aside{width:10vw;background-color:#0000005d}.sideMenu .content{width:100%;overflow-y:scroll;overflow-x:hidden;overscroll-behavior:contain;background-color:#eee;padding-block:var(--container-padding);padding-inline:var(--container-padding);height:100%;display:flex;flex-direction:column}.sideMenu .content hr{width:100%;color:#d3d3d358}.sideMenu .content .expandable{padding-block:calc(var(--container-padding) / 4)}.sideMenu .content .expandable .heading:hover{color:red;transition:color .5s}.sideMenu .content .expandable .heading{display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;transition:color .5s}.sideMenu .content .expandable .heading span{font-weight:400;text-transform:uppercase;font-size:1.3rem}.sideMenu .content .expandable .heading iconify-icon{font-size:2rem}.sideMenu .content .expandable .subHeader{margin-top:calc(var(--container-padding) / 4)}.sideMenu .content .expandable .subHeader span,.sideMenu .content .expandable .subHeader a{padding-block:calc(var(--container-padding) / 4);display:block;text-transform:uppercase;cursor:pointer;background-color:unset;transition:background-color .5s;text-decoration:none;color:unset}.sideMenu .content .expandable .subHeader span:hover,.sideMenu .content .expandable .subHeader a:hover{background-color:#e6e6e6;transition:background-color .5s}.sideMenu .content .singleCategory{padding-block:calc(var(--container-padding) / 4);cursor:pointer;font-weight:300}.sideMenu .content .singleCategory a{text-decoration:none;color:unset}.sideMenu .content .singleCategory:hover{background-color:#e6e6e6;transition:background-color .5s}