@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@300..700&display=swap";*,:before,:after{box-sizing:border-box}img{max-width:100%}body{margin:0;padding:0;font-family:DM Sans,sans-serif}h1,h2{font-family:Space Grotesk,sans-serif}a{color:inherit;text-decoration:none}ul{padding:none;list-style:none}html,body,#root{height:100%}.container{width:80%;max-width:1200px;margin:2rem auto}.row{display:flex}.app{flex-direction:column;height:100%;display:flex}.header-content{justify-content:space-between;gap:1.5rem;margin-top:1.5rem;padding:1rem .5rem .5rem}.logo{letter-spacing:.51rem;color:#113655;margin-top:0;margin-bottom:.3rem;font-weight:700}.nav-list{align-items:center;gap:4rem;height:100%;margin:0;padding:0}.nav-link{align-items:flex-end;gap:.3rem;display:flex}.logo:hover,.nav-link:hover{opacity:.7}.cart-link{align-items:flex-end;display:flex;position:relative}.cart-link-amount{color:#fff;opacity:.9;background-color:#113655;border-radius:1000px;justify-content:center;align-items:center;width:2.5ch;height:2.5ch;font-size:.8rem;display:flex;position:absolute;top:-1ch;right:-1ch}main{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.home-title{color:#113655;margin-top:0}.home-text{text-align:center;letter-spacing:.1ch;opacity:.8;max-width:70%;margin-bottom:4rem;font-weight:300;line-height:1.8}.home-cta{color:#fff;text-transform:uppercase;letter-spacing:.2em;background-color:#113655;border:none;border-radius:1rem;margin-bottom:3rem;padding:1rem 1.5rem;font-weight:700}.home-cta:hover,.home-cta:focus{opacity:.85;cursor:pointer}footer{color:#fff;background-color:#113655;margin-top:auto}.footer-content{justify-content:space-between;align-items:center;padding:0 .5rem}.footer-socials{gap:1rem;font-size:1.5rem}.social-link:hover{opacity:.85}.shop{justify-content:space-between;gap:1rem;align-items:space-between;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.shop-item{border-radius:10px;grid-template-rows:60% 25% 1fr;grid-template-areas:"img img""title title""price buttons";grid-auto-columns:1fr 1fr;gap:.5rem;max-height:400px;padding:1rem;display:grid;box-shadow:0 5px 15px #00000026}.item-img{object-fit:cover;grid-area:img;width:100%;height:100%;margin:0 auto}.item-title{text-align:center;grid-area:title;margin:auto}.item-price,.item-total{margin:auto 0;padding-left:.2rem}.item-price{grid-area:price}.item-price:before,.item-total:before{content:"$ "}.button-container{grid-area:buttons;justify-content:flex-end;gap:.3em;width:100%;height:35px;margin:auto 0;padding:.4em .2rem;display:flex}.button{color:#fff;text-align:center;background:#113655;border:none;border-radius:5px;width:2.5ch;padding:0 .1em;font-weight:600}.button:hover{cursor:pointer;transform:scale(1.05)}.amount-input{appearance:textfield;border:1px solid #000;border-radius:5px;width:4ch;padding:0 .5em}.amount-input::-webkit-inner-spin-button{appearance:none}.amount-input::-webkit-outer-spin-button{appearance:none}.message{border-radius:5px;margin-bottom:4rem;padding:2rem;font-weight:600}.loading{color:#1d5d91;background-color:#aacfee}.error{color:#a22a2a;background-color:#eaaeae}.cart-item,.cart-header,.cart-footer{grid-template-areas:"img title price buttons total";grid-auto-columns:10% 3fr 70px 1fr 75px;gap:.8rem;max-height:400px;margin-bottom:.4rem;padding:.3rem;display:grid}.cart>.message{text-align:center}.link{color:#113655;text-decoration:underline}.link:hover{cursor:pointer}.cart-header>*{text-transform:uppercase;color:#113655;margin:0 0 .2rem;font-size:1rem;font-weight:400}.cart-footer{text-transform:uppercase;color:#113655;border-top:1px solid #d3d3d3;font-size:.8rem}.cart-header-product{grid-area:img/span 2}.item-total,.cart-header-total,.cart-footer-total{grid-area:total}.cart-item>*{text-align:left;justify-content:flex-start;margin:auto 0;font-size:.8rem;font-weight:400}.item-total,.cart-footer-total,.cart-header-total{text-align:left;margin-left:auto}.cart-item:nth-child(2n){background-color:#ececec}.cart-footer-title{grid-area:img/span 2}.button-checkout{text-transform:uppercase;letter-spacing:.2em;width:fit-content;margin-left:auto;padding:1em 1.2em;font-size:.8rem;font-weight:400;display:block}@media (width<=600px){.container{width:90%}.header-content{flex-direction:column;align-items:center;margin-bottom:.5em;padding-top:1rem}.footer-content{text-align:center;flex-direction:column;padding-bottom:1rem}.nav-link{flex-direction:column;align-items:center;gap:.2em}.cart-item,.cart-header,.cart-footer{grid-auto-columns:40% 1fr 1fr;gap:.3rem}.cart-header,.cart-footer{grid-template-areas:"img price total"}.cart-item{grid-template-areas:"img price bla""title buttons total"}.cart-header-product{grid-area:img/span 1}.cart-item>*{width:auto;max-height:100px;margin:0}.cart-item>.item-price{margin-top:auto}.item-total{margin:auto 0 auto auto}}