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