/*
color: #222;
 color: #000000;
 hover color: #088178;
 header background: #e3e6f3;
 Reg background-color: rgb(189, 247, 247);
 placeholder color: rgb(116, 109, 109);
 background: #e7e9f0;
 super background-color: rgb(218, 238, 144);
 button background-color: #c6c934;
 color: #510af5;
 feature background-color: rgb(213, 243, 179);
*/


.leaguespartan {
  font-family: "League Spartan", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}
.squada-one-regular {
  font-family: "Squada One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.sourcesans {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}


:root {
  --amozonbd:#131921;
  --amozonfooter:#131A22;
  --color-top-bg: #f1eabf;
  --color-header: #e3e6f3;
  --color-banner: rgb(218, 238, 144);
  --color-feature: rgb(213, 243, 179);
  --productsbg: rgb(240, 247, 173);
  --color-text: #0f1111;
  --color-body: #E3E6E6;
  --font-main: "Source Sans 3", sans-serif;
}

/* Base */
.titledot {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body {
  font-family: var(--font-main);
  background: var(--color-body);
  color: var(--color-text);
}

a {
  text-decoration: none;
  font-size: 16px;
  color: var(--color-text);
}

/* Top Header */
.topheader {
  background-color: var(--amozonbd);
}

/* Navbar */
/* .sitenavber {
  background-color: var(--color-header);
} */

/* Banner */
/* .super {
  background-color: var(--color-banner);
} */

.super button {
  color: #5900ff;
  border: 0;
  border-radius: 6px;
  padding: 10px 30px;
  font-weight: 700;
}

/* Feature */
/* .feature {
  background-color: var(--color-feature);
} */

/* Products */
/* .products {
    background-color: var(--productsbg);
} */
.proinfo {
    border: 1px solid var(--color-text);
    overflow: hidden;
    border-radius: 10px;
}
.productimg {
    position: relative;
}
.prostatustag {
    position: absolute;
    top: 10px;
    left: 10px;
    background: aliceblue;
    padding: 6px 10px;
    border-radius: 6px;
}
.prodes {
    padding: 10px;
    background: var(--color-body);
}

/* Footer Css */
footer {
  background-color: var(--amozonfooter);
  color: var(--color-body);
}