*{margin:0;padding:0;box-sizing:border-box}body{font-family:"The Youngest Serif",serif;font-weight:300;background-color:#ededed;color:#080118;letter-spacing:.5px}.app{display:flex;flex-direction:column;min-height:100vh;text-align:center}.navbar{background-color:#080118;border-bottom:1px solid #ededed;color:#ededed;padding:1rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;gap:1.5rem}.navbar .logo{font-size:1.8rem;font-weight:300;letter-spacing:3px;color:#ffe382;cursor:pointer}.navbar .list{display:flex;gap:3rem;justify-content:center;flex-wrap:wrap;font-size:.9rem;letter-spacing:1px;transition:opacity .3s ease;cursor:pointer}.navbar .list div:hover{text-decoration:underline;opacity:.8}main{flex:1;width:100%}.home{display:flex;flex-direction:column;align-items:center;width:100%}.image-container{width:100%;height:100vh;position:relative;overflow:hidden;margin:0;padding:0}.image-container img{width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.image-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00001ed4;z-index:1}.hero-text{text-align:center;color:#fff3ca;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.5);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-text h1{font-size:5rem;font-weight:900;margin-bottom:.5rem;letter-spacing:3rem;font-weight:50}.hero-text p{font-size:1.5rem;font-weight:200;letter-spacing:5px}.home-container{width:100vw;padding:3rem 2rem;background-color:#fff;border:1px solid #000000}.home-container h1{font-size:2.2rem;font-weight:300;letter-spacing:2px;margin-bottom:1rem;text-transform:uppercase}.home-container p{font-size:.95rem;line-height:1.8;color:#000}.collection{width:100%;display:flex;flex-direction:column;align-items:center}.collection .heading{font-size:2.5rem;font-weight:300;letter-spacing:3px;margin-bottom:4rem;margin-top:2rem;text-transform:uppercase;color:#000}.collection-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;width:100%;max-width:1000px;padding:0;height:100vh}.card{background-color:#fff;border:1px solid #000000;transition:all .4s ease;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;height:fit-content}.card:hover{box-shadow:0 16px 40px #00000026;transform:translateY(-4px)}.card img{width:100%;height:360px;object-fit:cover;background-color:#f9f9f9}.card .product{padding:2rem 1.5rem;font-size:.9rem;font-weight:400;letter-spacing:1px;color:#000;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.card .product.title{text-transform:uppercase;font-weight:500}.card .product-price{margin-top:.5rem;font-size:.85rem;letter-spacing:.5px}.aboutus{margin:0 auto;padding:2rem;font-size:1.1rem;line-height:1.9;color:#ededed;min-height:100vh;width:100%;background-color:#080118}.aboutus h2{font-size:1.5rem;font-weight:300;letter-spacing:1.2rem;margin-bottom:2rem;text-transform:uppercase}.aboutus-container{height:fit-content;display:flex;justify-content:flex-start;align-items:center;margin-bottom:2rem}.aboutus-container img{width:fit-content;max-width:400px;margin-right:2rem}.aboutus-paragraph{display:flex;align-items:start;justify-content:flex-start;flex-direction:column;max-width:600px;text-align:left}.aboutus-paragraph h2{letter-spacing:.5rem}@media(max-width:768px){.navbar{padding:1.5rem;gap:1rem}.navbar .logo{font-size:1.4rem;letter-spacing:2px;cursor:default}.navbar .list{gap:1.5rem;font-size:.8rem;cursor:default}main{padding:2rem 1.5rem}.collection{height:150vh}.collection .heading{font-size:2rem;margin-bottom:2rem}.collection-container{grid-template-columns:1fr;gap:1.5rem;max-width:100%;display:flex;flex-direction:column;align-items:center}.card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min-content;min-width:200px;max-width:250px;min-height:290px;max-height:500px}.card img{max-height:220px}.home-container{padding:2rem 1.5rem}.hero-text h1{font-size:.9rem;letter-spacing:2rem}.hero-text p{font-size:.8rem}footer{padding:2rem 1.5rem}.aboutus h2{font-size:.9rem;letter-spacing:.6rem}.aboutus-container{max-width:330px;flex-direction:column;align-items:center;justify-content:center}.aboutus-container img{max-width:260px;margin-bottom:1rem}}.footer{width:100%;height:auto;padding:20px 0;text-align:center;font-family:Courier New,Courier,monospace;font-size:smaller;background-color:#0a0a0a;color:#777676;cursor:default;position:relative}.footer a,.footer p{font-weight:600;color:#777676}.footer h3{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:400;font-size:small;margin:3px}