@import url(https://fonts.googleapis.com/css2?family=Lalezar&family=Open+Sans:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--clr-white:#fff;--clr-black:#000;--clr-grey:#707070;--clr-bunker:#ebeea1;--clr-ebony-clay:#ddc45e;--clr-orange:#ce4f5b;--clr-orange-dark:#e4d9d8}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-style:solid;font-family:Open Sans;margin:0}h2{font-size:2.15em;margin:20px auto 0;max-width:1200px}h2:not(.product__overview h2){padding-left:20px}nav{background-color:#ebeea1;background-color:var(--clr-bunker);display:grid;grid-template-columns:repeat(3,1fr)}.nav__brand,nav{align-items:center}.nav__brand{display:flex;justify-content:center}.nav__brand img{height:auto;max-width:125px}.nav__brand h1{color:#000;color:var(--clr-black);font-family:Lalezar;font-size:2.5em}.nav__links{align-items:center;background-color:#ddc45e;background-color:var(--clr-ebony-clay);display:flex;grid-column:1/span 3;justify-content:center;list-style:none;padding:10px}.nav__links li{margin:0 25px}.nav__links li a{color:#000;color:var(--clr-black);font-size:1.3em;text-decoration:none}.nav__links li a:hover{color:#ce4f5b;color:var(--clr-orange)}.nav__search{border-radius:6px;min-width:50%;padding:10px}.nav__search:hover{outline:1px solid #ce4f5b;outline:1px solid var(--clr-orange)}.nav__connect{background-color:#ce4f5b;background-color:var(--clr-orange);border:none;border-radius:4px;color:#000;color:var(--clr-black);cursor:pointer;font-family:Lalezar;font-size:1.25em;font-weight:600;height:40px;margin:0 auto;transition:all .25s ease;width:150px}.nav__connect:hover{background-color:#e4d9d8;background-color:var(--clr-orange-dark)}.cards__section{margin:0 auto 50px;max-width:1200px;padding:0 20px}.cards__section h3{font-size:1.75em;margin:20px 0}.cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));margin-top:20px}.card{cursor:pointer;height:400px;margin:10px auto;position:relative;transition:all .25s ease;width:300px}.card:hover{box-shadow:0 0 5px #707070;box-shadow:0 0 5px var(--clr-grey)}.card__image{position:absolute;width:100%;z-index:-1}.card__image img{max-width:100%}.card__info{background-color:#fff;background-color:var(--clr-white);bottom:0;left:0;padding:5px 10px;position:absolute;width:100%}.card__info h4{font-family:Open Sans;font-size:1.25em;font-weight:400}.card__info .rating{color:#ff0;margin:5px 0}.card__info p{font-family:Open Sans;font-size:.95em;font-weight:600;margin-top:5px}.product{background-color:rgba(0,0,0,.7);height:100vh;width:100vw}.product,.product__details{left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.product__details{align-items:center;background:#fff;background:var(--clr-white);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));height:80%;margin:0 auto;padding:20px;width:80%;z-index:2}.product__image{margin:20px auto;max-width:500px}.product__image img{max-width:100%}.product__close{background:transparent;border:none;cursor:pointer;height:30px;position:absolute;right:10px;top:10px;width:30px}.product__close img{height:25px;width:25px}.product__overview{height:90%;padding:20px 40px 20px 20px}.product__overview .rating,.product__overview h2,.product__overview hr{margin:10px auto}.product__overview ul{margin-left:40px}.product__order{border:1px solid #707070;border:1px solid var(--clr-grey);height:90%;max-width:300px;padding:20px}.product__order h1,.product__order p{margin-bottom:10px}.product__buy{background-color:#ce4f5b;background-color:var(--clr-orange);border:none;border-radius:24px;color:#000;color:var(--clr-black);cursor:pointer;font-family:Open Sans;font-size:.95em;font-weight:600;height:40px;margin:20px 0;transition:all .25s ease;width:225px}.product__buy:hover{background-color:#e4d9d8;background-color:var(--clr-orange-dark)}.product__bought{border:1px solid #707070;border:1px solid var(--clr-grey);padding:5px}@media screen and (max-width:992px){.product__details{height:95%;width:90%}.product__order{grid-column:span 2;height:100%;margin-top:20px;max-width:100%}}.label{color:#000;font-size:1.2em;text-align:center}.footer__copyright{background-color:#ddc45e;background-color:var(--clr-ebony-clay);color:#111010;font-size:1.1rem;font-weight:700;text-align:center;width:auto}@media screen and (max-width:768px){nav{grid-template-columns:repeat(2,1fr)}.nav__links,.nav__search{display:none}}@media screen and (max-width:576px){.product__details{height:95%;overflow-y:scroll}.product__image{grid-column:span 2}}
/*# sourceMappingURL=main.c17f0fa8.css.map*/