@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap);*{margin:0;padding:0}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%;padding:4rem 8rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.SearchBar{border-radius:1.6rem;box-shadow:0 1px 6px rgba(0,0,0,.1);display:flex}.search-form{align-items:center;display:flex;justify-content:center}.search-input{border:none;border-radius:15px;font-size:1.75rem;outline:none;padding:1.6rem 2rem}.search-button{background-color:transparent;border:none;cursor:pointer;padding:12px 20px}.icon{color:#eb5757;font-size:3rem}.CardLayoutHeading{align-items:baseline;display:flex;justify-content:space-between;margin-top:8rem}.CardLayoutHeading h1{color:#333;font-family:Montserrat,sans-serif;font-size:2.4rem;font-style:normal;font-weight:700;line-height:29px}.CardLayoutHeading span{color:#4f4f4f;font-family:Montserrat;font-size:1.4rem;font-style:normal;font-weight:500;line-height:17px}.Card{display:flex;flex-direction:column;justify-content:center;margin:1.5rem;width:420px}@media screen and (max-width:1200px){.Card{margin:1rem .75rem 1.5rem}}.Card__image{border-radius:2.4rem;height:30rem;object-fit:cover;width:100%}.Card__description{align-items:baseline;display:flex;flex-direction:row;justify-content:space-between;margin-top:1.2rem}.Card__host{border:1px solid #4f4f4f;border-radius:12px;box-sizing:border-box;color:#4f4f4f;font-family:Montserrat;font-size:1.2rem;font-style:normal;font-weight:700;justify-self:left;line-height:1.5rem;padding:.7rem;text-transform:uppercase}.Card__apartment{color:#828282}.Card__apartment,.Card__rating{font-family:Montserrat;font-size:1.4rem;font-style:normal;font-weight:500;line-height:1.7rem}.Card__rating{color:#4f4f4f;justify-self:right}.Card__subtitle{color:#333;font-family:Montserrat;font-size:1.6rem;font-style:normal;font-weight:600;line-height:2rem;margin-top:1.2rem;text-align:left}.CardLayout{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;width:100%}@media screen and (max-width:800px){.CardLayout{display:flex;flex-direction:column}}
/*# sourceMappingURL=main.96d437fe.css.map*/