*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}header{padding:0 20px}header h1{margin:0;padding:1rem 0;color:brown}main{width:100%;margin:auto;padding:20px}.flats{display:grid;padding:1rem 0}@media (width >= 650px){.flats{grid-template-columns:200px 1fr;gap:2rem}}.flat-filter{display:flex;flex-direction:column;gap:1rem}.flat-filter h3{color:brown;margin:0}.flat-filter .location input{margin:5px 0;padding:5px;border-radius:5px}.flat-filter .categories,.flat-filter .equipments,.flat-filter .priceRange{display:grid;grid-template-columns:1fr 1fr}@media (width >= 650px){.flat-filter .categories,.flat-filter .equipments,.flat-filter .priceRange{grid-template-columns:1fr}}.flat-filter label{display:block;text-align:left;padding:5px 0;cursor:pointer}.flat-filter input[type=text]{width:100%}@media (width >= 650px){.flat-filter input[type=text]{max-width:120px}}.flat-filter input[type=number]{max-width:50px}.flat-list{flex-basis:70%;display:flex;flex-direction:column;align-items:center;gap:20px;font-size:.8rem;padding-top:5rem}@media (width > 650px){.flat-list{padding:0;align-items:flex-start}}.flat-card{display:flex;flex-direction:column;justify-content:space-between;gap:20px;align-items:center;padding:1rem;width:100%;max-width:300px;border:1px solid #aaa;border-radius:10px;color:#000}@media (width >= 650px){.flat-card{max-width:500px;flex-direction:row}}.flat-card>:nth-child(1){flex-basis:20%}.flat-card>:nth-child(2){flex-basis:50%}.flat-card>:nth-child(3){flex-basis:20%}.flat-card .image{flex-basis:150px;height:150px;overflow:hidden;border:1px solid black;border-radius:10px;flex-shrink:0}.flat-card .image:hover img{scale:1.1}.flat-card img{width:100%;height:100%;object-fit:cover;transform-origin:0% 0%;transition:1s}.flat-card .card-body{font-size:1.1rem;text-align:center}@media (width >= 650px){.flat-card .card-body{font-size:1rem;text-align:left}}.flat-card .card-body h4{margin:0;padding:.5rem 0;font-weight:400;font-size:1.5rem;color:brown}@media (width >= 650px){.flat-card .card-body h4{font-size:1.2rem}}.flat-card .card-equipment{padding:10px 0;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;font-size:.8em}@media (width >= 650px){.flat-card .card-equipment{justify-content:flex-start;gap:5px}}.flat-card .card-actions span{font-size:1.3rem;color:brown}.flat-card .card-actions button{margin:5px 0;padding:.5rem 2rem;border:none;border-radius:10px;background-color:#e4c412;text-transform:uppercase;color:brown;font-weight:600;cursor:pointer}.flat-card .card-actions button:hover{box-shadow:2px 2px 3px #00000080}