*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}ul{list-style:none}a{text-decoration:none}html{font-family:Montserrat;font-size:10px}.form-container{display:flex;align-items:center;justify-content:center;padding-top:36px;margin-bottom:32px}.search-input{padding:8px 16px;outline:none;border:1px solid #808080;border-radius:4px}.search-btn{padding:8px 16px;background-color:#4e75ff;border:none;border-radius:8px;color:#fff;font-size:1.6rem}.gallery{display:flex;flex-wrap:wrap;gap:24px;margin:auto;max-width:1128px}.card{width:360px;height:200px;border:1px solid #808080}img{height:152px;width:100%}.info{padding:4px 20px;display:flex;gap:28px;justify-content:center}.info>p{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:1.2rem;color:#2e2f42}.hidden{display:none}.loader{width:64px;height:64px;position:relative;background:gray;border-radius:4px;overflow:hidden;position:absolute;left:50%;top:50%}.loader:before{content:"";position:absolute;left:0;bottom:0;width:40px;height:40px;transform:rotate(45deg) translate(30%,40%);background:#ff9371;box-shadow:32px -34px 0 5px #ff3d00;animation:slide 2s infinite ease-in-out alternate}.loader:after{content:"";position:absolute;left:10px;top:10px;width:16px;height:16px;border-radius:50%;background:#ff3d00;transform:rotate(0);transform-origin:35px 145px;animation:rotate 2s infinite ease-in-out}@keyframes slide{0%,to{bottom:-35px}25%,75%{bottom:-2px}20%,80%{bottom:2px}}@keyframes rotate{0%{transform:rotate(-15deg)}25%,75%{transform:rotate(0)}to{transform:rotate(25deg)}}