@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap";:root{--primary: #1B3F5F;--secondary: #689BC5;font-family:Ubuntu,sans-serif}body{background-color:#f2f2f2}a{text-decoration:none}footer{background-color:var(--primary)}.footerContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:small;color:#f5f5f5;height:7rem}.footerContainer>p{margin-left:7rem}.divSocial{display:flex;flex-wrap:wrap;flex-direction:row;margin-right:7rem}.social{height:40px;width:40px;padding:10px}nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:3rem;background-color:var(--primary)}.PhoneShop{margin-left:5rem;padding-right:2rem}.PhoneShop>a>h2{color:#f5f5f5}.devices{display:flex;flex-direction:row;justify-content:center;gap:1rem;margin-right:15rem}.divPhones{gap:1rem;padding-right:5rem;color:#f5f5f5}.divTablets{gap:1rem;color:#f5f5f5}.homeDiv{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:4rem}.homeDiv>h2{background-color:var(--secondary);margin-top:0;text-align:center;color:#f5f5f5;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);box-shadow:0 0 10px #000000bf;width:100%}.homePhone{margin-top:3rem;margin-bottom:2rem;height:17rem;width:8rem;padding:2rem}.homePhone>img{height:17rem;width:8rem}.homePhone>img:hover{opacity:.8}.homeTablet{margin-top:3rem;margin-bottom:2rem;height:17rem;width:24rem;padding:2rem}.homeTablet>img{height:17rem;width:24rem}.homeTablet>img:hover{opacity:.8}.containerNotFound{height:65vh}.popularNtf{display:flex;height:3rem;background-color:#414141;margin-bottom:2rem;margin-top:0;align-items:center;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);box-shadow:0 0 10px #000000bf}.popularNtf>h2{margin-left:7rem;color:#f5f5f5}.divNtf>h3{margin-left:7rem;font-weight:400}.phoneDetail{display:flex;flex-direction:column;justify-content:center;align-items:center}.infoPhone{display:flex;flex-wrap:wrap;justify-content:center}.imagesDetail>img{min-height:25rem;width:14rem;padding:2rem}.phoneDetail>h2{background-color:var(--secondary);margin-top:0;text-align:center;color:#f5f5f5;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);box-shadow:0 0 10px #000000bf;width:100%}.phonePage>h2{background-color:var(--secondary);margin-top:0;text-align:center;color:#f5f5f5;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);box-shadow:0 0 10px #000000bf}.PhonesContainer{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly;align-content:flex-start;margin:5rem 10rem;gap:2rem}.contPhones{display:flex;flex-direction:column;flex-wrap:wrap;text-align:center;justify-content:center;align-items:center;border-radius:5px;background-color:#fff;height:350px;width:220px}.phoneImg{max-width:100px}.phoneImg:hover{opacity:.8}.pop{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;height:300px;width:600px;background-color:#fcfcfb;opacity:1;position:absolute;top:50%;left:50%;border-radius:10px;border:solid #006FFF 3px;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);box-shadow:0 0 10px #000000bf}.pop>p{margin:3rem}.moreInfo{position:relative;top:10rem;color:#f5f5f5;background-color:var(--secondary);border-radius:2px;border:solid var(--primary) 1px;height:30px;width:50px;cursor:pointer}.loading{height:55vh}.tabletDetail{display:flex;flex-direction:column;justify-content:center;align-items:center}.infoTablet{display:flex;flex-wrap:wrap;justify-content:center}.imagesDetail{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;align-content:center}.imagesDetail>img{min-height:25rem;width:18rem;padding:2rem}.carct{display:flex;flex-direction:column;flex-wrap:wrap}.tabletDetail>h2{background-color:var(--secondary);margin-top:0;text-align:center;color:#f5f5f5;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);box-shadow:0 0 10px #000000bf;width:100%}.caract>ul>li{list-style:none}.TabletsContainer{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly;align-content:flex-start;margin:2rem;gap:2rem}.tabletPage>h2{background-color:var(--secondary);margin-top:0;text-align:center;color:#f5f5f5;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);box-shadow:0 0 10px #000000bf}.contTablets{display:flex;flex-direction:column;flex-wrap:wrap;text-align:center;justify-content:center;align-items:center;border-radius:5px;background-color:#fff;height:500px;width:370px}.tabletImg{max-width:250px}.tabletImg:hover{opacity:.8}.popBtn{all:unset;cursor:pointer}.pop{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;height:450px;width:600px;background-color:#fcfcfb;opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;border:solid #1B3F5F 3px;-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,.75);box-shadow:0 0 10px #000000bf}.pop>p{margin:5rem 3rem 3rem;height:5rem;width:15rem}.name{font-size:medium}.price{margin-top:-.8rem;color:#dc143c}.preinfo{margin-top:-.8rem;font-size:small}.moreInfo{margin:2rem;background-color:var(--secondary);border-radius:2px;border:solid var(--primary) 1px;height:30px;width:50px;cursor:pointer}