@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";:root{--bg-color: #decdff;--color-white: #fff;--color-deepPurple: #6c5dd3;--color-lightPurple: #8e7bef;--color-charcoalBlack: #1e1e1e;--color-coolGrey: #6b7280;--color-purple: #8957e9;--color-palePurple: #f3eaff;--color-successGreen: #10b981}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:Raleway,sans-serif;background-color:var(--bg-color);width:100%;max-width:100%;overflow-x:hidden}.main{display:flex;flex-direction:column;padding:0 2rem;width:100%;min-height:100vh;flex:1}.NotFound{margin:2rem;text-align:center}nav{background-color:var(--color-deepPurple);display:flex;justify-content:space-around;align-items:center;padding:1rem 2rem;width:100%}.navbar-brand{font-size:1.5rem;font-weight:700;letter-spacing:.04em}.navbar-brand-name{color:#fff;text-decoration:none}.navbar-links{display:flex;justify-content:center;align-items:center}.nav-link{color:#fff;text-decoration:none;font-size:1.1rem;margin:0rem 1rem;transition:color .3s ease;letter-spacing:.04em}.navbar-smallscreen{display:none}.navbar-smallscreen-links{margin-top:40px;display:flex;flex-direction:column}.navbar-smallscreen-links .nav-link{margin-top:1.2rem}.navbar-smallscreen-overlay{position:fixed;top:0;left:0;width:100%;height:40%;z-index:10;text-align:center;background-color:var(--color-deepPurple)}.overlay-close{font-size:27px;cursor:pointer;position:absolute;top:20px;right:20px}.logout-btn{border:none;background-color:var(--color-deepPurple);cursor:pointer;font-size:1.1rem;color:#fff;font-family:Raleway,sans-serif;letter-spacing:.04em}.slide-bottom{animation:slide-bottom .5s ease}.hamburger-icon{cursor:pointer}@keyframes slide-bottom{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@media screen and (max-width: 1150px){.navbar-links{display:none}.navbar-smallscreen{display:flex}}.petCard{max-width:300px;display:flex;flex-direction:column;overflow:hidden;background-color:#fff;box-shadow:10px 10px 10px var(--color-deepPurple)}.petCard-image{width:90%;margin:0 auto;aspect-ratio:3/2;display:flex;justify-content:center;align-items:center;overflow:hidden}.petCard-image img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0 0 15px 15px}.petCard-description{padding:0 .7rem .5rem;display:flex;flex-direction:column;justify-content:space-evenly;flex:1}.pet_Name{font-size:1.2rem;margin:10px 0;color:var(--color-deepPurple)}.pet_Breed{font-size:1.1rem;margin-bottom:3px;color:var(--color-charcoalBlack)}.pet_Price{margin-bottom:6px;font-weight:500}.buy-btn{width:70%;padding:6px 12px;margin-bottom:.5rem;text-decoration:none;align-self:center;text-align:center;border-radius:5px;background-color:var(--color-deepPurple);color:var(--color-white)}.buy-btn:hover{background-color:var(--color-lightPurple)}@media (max-width: 900px){.petCard{max-width:none}}.home{padding:2rem 0;display:flex;align-items:center;justify-content:center}.pets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;width:100%}@media (max-width: 900px){.pets-grid{width:90%;margin:0 auto}}@media (max-width: 600px){.pets-grid{width:100%;margin:0 auto}}.form{background-color:var(--color-lightPurple);margin:3rem auto 0;padding:15px;width:500px;box-shadow:10px 10px 15px #8f7bef80}.form_container{display:flex;flex-direction:column;align-items:center;padding:15px}.registerPage_container label{margin-bottom:.3rem;width:100%}.form_container input{display:inline-block;padding:5px 10px;margin-bottom:1rem;width:100%;height:2rem;font-size:.9rem;background-color:var(--color-palePurple);border:none}.submit-btn{width:120px;font-size:1.2rem;padding:5px 10px;border:none;border-radius:5px;background-color:var(--color-purple);color:var(--color-white);cursor:pointer;transition:all .3s ease}.submit-btn:hover{color:var(--color-charcoalBlack);background-color:var(--color-palePurple);transform:scale(1.05)}@media (max-width: 900px){.form{width:70%}}@media (max-width: 600px){.form{width:100%}}.buyPet{width:900px;display:flex;flex-direction:row;align-items:center;gap:2rem}.pet_details{width:100%}.buyPet img{width:100%;object-fit:cover;margin:1rem 0}.order-form{width:100%}.order-form input{width:90%}.order-form textarea{width:90%;height:150px;padding:5px 10px}.submit{margin:1rem}@media (max-width: 900px){.buyPet{width:100%;flex-direction:column;gap:1rem}.pet_details{width:90%}.order-form{width:100}}.ordersPage h2{text-align:center;margin:1rem 0;font-size:1.6rem}.orders-grid{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem}.order-card{border:1px solid black;max-width:300px;width:300px;padding:10px}@media (max-width: 600px){.orders-grid{margin:1rem}.order-card{width:100%;max-width:none}}.footer{background:linear-gradient(135deg,var(--color-bg),#1a1a2e);color:#fff;padding:1rem 2rem;background-color:var(--color-purple)}.footer-container h4{text-align:center;margin:0rem 0 1rem}.footer-container ul{display:flex;list-style-type:none;justify-content:center}.footer-container ul li{margin:0 1rem}.footer-container a{text-decoration:none;color:#fff}.footer-bottom{display:flex;justify-content:space-around;align-items:center;padding:.5rem}.footer-bottom a{font-size:2rem;margin:0 1rem;color:#fff}@media (max-width: 600px){.footer-bottom,.footer-container ul{flex-direction:column;align-items:center}.footer-bottom{gap:1rem}.footer-container ul li{margin:.2rem 0}}