*{margin:0;padding:0;box-sizing:border-box}body,#root{width:100%;height:100vh;background-color:#fdd7fd}#home{padding:50px;width:100vw;max-width:700px;height:100%;margin:auto}#homeh1{font-size:2rem;font-family:Bonheur Royale,cursive;font-weight:400;font-style:normal}.text{background-color:#63006680;color:#f5f5f5;padding:.8rem;border-radius:1rem;margin:1rem;font-size:1.3rem;font-family:Cookie,cursive;font-weight:400;font-style:normal}@media(max-width:300px){nav{font-size:1rem}}.page{min-height:100%;display:flex;flex-direction:column}.content{flex:1}#footer{height:50px;background-color:#eb95eb;padding:10px;font-size:2rem}#shop{height:100%;margin:auto;max-width:900px;width:90%}.font{font-family:Bonheur Royale,cursive;font-weight:400;font-style:normal;font-size:50px}nav{position:absolute;z-index:1;width:90vw;font-family:Cookie,cursive;font-weight:400;font-style:normal;font-size:30px;background-color:purple}.card{display:flex;flex-direction:column;border:1px solid;width:125px;height:220px;padding:10px;border-radius:10px;background:linear-gradient(to bottom,purple,#fff);color:purple;margin:10px;transform:scale(1);transition:transform .25s ease;box-shadow:10px 10px 10px #000}.card:hover{transform:scale(1.2)}.card-input{width:2.5rem;text-align:center;background-color:#0000;border:1px solid pink;color:#ff2549;border-radius:5px}.card-input-label{display:flex;font-size:.9rem;margin-bottom:5px}.img-container{margin:auto}.img{height:100px;aspect-ratio:1/1;border-radius:10px;margin:auto}.card-text{text-align:center}.add-btn{border:1px solid purple;border-radius:10px;padding:2px 4px;background:radial-gradient(circle at top right,#420024,#db00db);color:pink;font-size:medium;cursor:pointer}.add-btn:hover{background:radial-gradient(circle at top right,#850049,#fc59fc)}.items-container{display:flex;justify-content:space-between;flex-wrap:wrap;margin:0,10%}#btn-container{display:flex;justify-content:space-between}#cart-container{overflow:scroll;width:300px;max-height:400px;border:1px solid;position:absolute;right:0;background-color:purple;border-radius:10px;color:#fff;text-align:center;padding:5px;z-index:1}#cart-container::-webkit-scrollbar{display:none}.cart-items{display:flex;padding:5px;justify-content:space-between;background-color:pink;margin-top:10px;color:purple;border-radius:5px}.cart-img{width:60px;aspect-ratio:1/1;border-radius:5px}.cart-p{margin:auto 0}.remove-btn{height:30px;width:30px;margin:auto 0;border-radius:50%;padding:5px;background-color:#dc143c;text-decoration:none;color:#fff;font-size:1rem}.remove-btn:hover{background:radial-gradient(circle at top right,pink,red)}.quantity-btn{width:20px;border-radius:50%;background:radial-gradient(circle at top right,#420024,#db00db);color:#fff;margin:0 5px}.quantity-btn:hover{background:radial-gradient(circle at top right,#850049,#fc59fc)}#cart-btn-num{font-size:10px;padding:1px;border:1px solid black;height:16px;background-color:#000;margin:2px;border-radius:50%}#balance{display:flex;justify-content:space-between;align-items:center;margin:10px auto;background:pink;color:purple;padding:4px;font-weight:700;border-radius:5px}#nav{color:#fff;width:fit-content;padding:10px;cursor:pointer;background-color:#5600589a;margin:10px;border-radius:5px}.nav-li{list-style:none}.nav-li:hover{background-color:purple}.piece-card{width:100px;border:3px solid magenta;margin:20px;border-radius:10px;background-color:purple;padding:10px;box-shadow:15px 15px 15px #000;transform:scale(1);transition:transform .25s ease;color:pink}.piece-card:hover{transform:scale(1.2)}.piece-img{width:100%;aspect-ratio:1/1;border-radius:50%}#custom-container{margin:auto auto 20px;height:2rem;width:80%;max-width:900px}.custom-pic{height:1.5rem;border-radius:50%;transform:scale(1);transition:transform .25s ease}.custom-pic:hover{transform:scale(1.5)}#piece-container{display:flex;justify-content:space-evenly;flex-wrap:wrap;width:80%;max-width:900px;margin:auto;align-content:center}#msg-btn{width:fit-content;height:3rem;margin:auto}#card-details{background-color:purple;color:#fff;width:350px;margin:20px auto;border-radius:10px;padding:5px;box-shadow:10px 10px 15px}#customer-details{width:320px;display:flex;flex-direction:column;padding:10px;margin:auto}.customer-details-label{display:flex;justify-content:space-between;margin-top:10px}#card-nums{margin:20px auto;display:flex;flex-direction:column;border:1px solid magenta;background-color:#fc9eff;border-radius:15px;padding:10px}#pay-btn{margin:10px auto;width:100px;border-radius:15px}#reset-btn{margin:5px auto;border:1px solid;background-color:red;color:#fff;border-radius:15px;padding:2px 10px}.customer-inputs{border-radius:15px;padding:0 20px;width:150px;text-align:center;height:1.5rem}#address{padding:5px}#payment-info{width:320px;margin:10px auto;padding:10px}#success{width:320px;margin:50px auto;background-color:#ff03ff5d;font-size:2rem;padding:20px;border-radius:15px;box-shadow:10px 10px 10px #000}#makeyours{position:absolute;z-index:99999;top:0;left:0;background-color:#fd74fdf3;width:100vw;height:100vh}.close-btn{position:absolute;top:10px;right:10px}#showitem{position:absolute;z-index:99999;top:0;left:0;background-color:#000000c2;width:100vw;height:100%}.showitem-container{display:flex;flex-direction:column;justify-content:center;margin:50px auto;width:90%;max-width:600px;padding:10px;background-color:#550055f3;color:pink;text-align:center;border-radius:10px;box-shadow:10px 10px 10px #000}.showimg{height:30%;max-height:300px;margin:10px auto;border-radius:20px}.showitem-text{background-color:#3f0047;width:fit-content;margin:5px auto;padding:5px;border-radius:10px}.small{font-size:.8rem;width:100%;background-color:#8a2be2;color:#fff;border:1px solid;border-radius:5px}.showpieceimg{height:30%;max-height:300px;margin:10px auto;border-radius:50%}#alert{position:absolute;z-index:99999;top:0;left:0;width:100vw;height:100%;background-color:#000000c7}.fade-out{animation:fadeOut 1s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}#alert-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:200px;margin:auto;background-color:#690069;border-radius:20px;box-shadow:0 0 60px red;color:pink;padding:20px;text-align:center}#hero-img-container{display:flex;width:100%;height:30vh;border-radius:10px;margin-bottom:10px}#hero-img{height:30vh;margin:auto;border-radius:10px}#main{display:flex;justify-content:space-between;background:linear-gradient(to bottom,#bd00bd,#fdd7fd);color:#4b004b;height:50px;padding:5px 10px;text-align:center;z-index:5}#btn-container{margin:auto 5px auto 0}#title{font-size:2rem;font-weight:600;margin:auto 0;font-family:Bonheur Royale,cursive;font-weight:400;font-style:normal}.nav-btn{padding:2px;border-radius:5px;border:2px solid fuchsia;font-family:Bonheur Royale,cursive;font-weight:400;font-style:normal;font-size:1.2rem;margin-left:2px}.nav-btn:hover{background:radial-gradient(circle at top right,pink,#db00db)}