body{margin:0;padding:0;background-color:#deb887}.App{display:flex;flex-direction:column;gap:30px}main{width:100%;height:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:15px}main img{transition:transform .3s ease-in-out;transform-origin:center center;border-radius:15px}main img:hover{transform:scale(1.1);cursor:pointer}header{display:flex;justify-content:center;gap:78%;min-width:100%;height:auto;background-color:#dc143c}header h2{padding:0;margin:0}.search{display:flex}.search input{width:100px;height:30px}.search img{width:30px;height:30px}@media (max-width: 978px){header{width:978px}}@media (max-width: 320px){.search input{width:300px;height:35px;font-size:50px}.search{margin-right:50%}.search img{width:30px;height:30px}header h2{margin-left:30%}}.lightbox{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;animation:fadeIn .5s}.lightbox-container{display:flex;flex-direction:column;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #0003;width:500px;max-width:90%;text-align:center;gap:30px;animation:scaleIn .5s}.lightbox-container button{max-width:25%;align-self:center;background-color:#6495ed;color:#fff;border:none;padding:10px 20px;font-size:16px;cursor:pointer}.lightbox-container .cancel{background-color:#af4c4c;align-self:flex-end}.lightbox-container .arrows{display:flex;flex-direction:row;justify-content:center;gap:15px}.lightbox-container img{border-radius:15px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{transform:scale(.5)}to{transform:scale(1)}}@media (max-width: 768px){.lightbox{transform:scale(1.5)}}