:root{--bg-grey1:#1e1e1e;--bg-grey2:#2b2b2b;--bg-main:#47f8cc;--salmon:hsla(6,91%,82%,.637);--beige:hsla(15,57%,77%,.685);--light-text:#dadada}.App{align-items:center;color:#dadada;color:var(--light-text);display:flex;flex-direction:column;font-family:Poppins;justify-content:center;margin:0 auto;width:90%}h1{color:#47f8cc;color:var(--bg-main);font-family:Niconne;font-size:4rem;margin:3rem 0 1rem}body{background:#2b2b2b;background:var(--bg-grey2)}.text-beige,a{color:#dadada;color:var(--light-text);color:hsla(6,91%,82%,.637);color:var(--salmon);font-size:1.4rem;margin-bottom:3rem;text-decoration:none}.allproject{margin:7rem 0}.sb{justify-content:space-between}.country{align-items:center;background:#141e30;background:linear-gradient(170deg,#e9967a,#1ebea5);border-radius:15px;color:#1e1e1e;cursor:pointer;display:grid;flex-direction:column;font-family:Poppins;min-width:330px;transition:all 1s ease-in-out}.country img{padding:25px;width:64px}.country:hover{transform:scale(1.1)}.qty{color:brown;font-size:small;font-weight:700}.country>img{height:auto;margin:auto;width:40%}.country>h2{margin-top:-.3rem;text-align:center}.country p{font-size:medium;font-weight:600;margin:.8rem 0 2rem}.cases{align-self:center;display:flex;font-family:Poppins;margin:auto;width:95%}@media screen and (orientation:portrait) and (max-width:767px){.search-box{width:100%}.search{font-size:1.2rem}}.showCountry{grid-gap:2rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));justify-content:space-around;width:100%}@media screen and (min-width:320px) and (max-width:767px){.showCountry{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media screen and (min-width:768px){.showCountry{grid-gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}.search-box{align-items:center;display:flex;justify-content:center;margin-bottom:5rem;width:48%}.search{border-radius:3rem;cursor:pointer;font-family:Poppins;font-size:1.5rem;padding:.5rem}input{text-align:center;width:100%}@media screen and (orientation:portrait) and (min-width:0px) and (max-width:360px){.search-box{transform:translateY(85%);width:100%}.search{font-size:1.2rem}}@media screen and (orientation:portrait) and (min-width:361px){.search-box{transform:translateY(95%);width:100%}.search{font-size:1.2rem}}@media screen and (orientation:landscape){.search-box{transform:translateX(-60px);width:55%}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Poppins,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.48db7d1a.css.map*/