body,html{height:100%;margin:0;padding:0;font-family:Verdana,Geneva,Tahoma,sans-serif}#app{display:grid;grid-template-rows:auto 1fr auto;height:100vh}header{display:flex;flex-direction:row;justify-content:space-between;background-color:#87cefa;align-items:center;padding-left:30px;padding-right:30px}ul{display:flex;flex-direction:row;justify-content:space-around;align-items:flex-end;list-style:none;gap:20px}h1{color:#fff}li{justify-content:space-around}a{text-decoration:none;color:#fff}main{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:25px;padding:30px;width:100%;box-sizing:border-box}.store-item{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:175px auto auto auto;align-items:center;text-align:center;padding-left:1.35rem;padding-right:1.35rem;grid-template-areas:"img img img" "name name name" "desc desc desc" "rate price stock";border-style:solid;border-color:#2fb8deee;border-width:4px;border-radius:25px}.store-item span{color:#4682b4;padding-bottom:.45rem;padding-top:.6rem;font-weight:700;font-size:.9rem}.store-item p:first-of-type{grid-area:name;color:#4682b4;font-weight:bolder}.store-item p:nth-of-type(2){grid-area:desc;font-size:.7rem}.store-item img{grid-area:img;width:100%;height:80%;object-fit:contain}.store-item p{margin:.25rem}footer{display:flex;flex-direction:row;justify-content:center;background-color:#87ceeb}footer p{color:#fff}