@import url(https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;700&family=Manrope:wght@200;300;400;500;600;700;800&family=Montserrat:wght@300;400;700;900&family=Mulish:wght@300;400;700&family=Sofia&display=swap);:root{--white:#fff;--orange:#eb5656;--black:#333;--gray:#828282;--light-gray:#bdbdbd}*{box-sizing:border-box}*,body{margin:0;padding:0}body{font-family:Montserrat,sans-serif}.App{flex-direction:column;justify-content:space-between;min-height:100vh;position:relative}.App,.nav{align-items:center;display:flex;width:100%}.nav{box-shadow:0 1px 6px rgba(0,0,0,.1);justify-content:flex-start;padding:24px 36px}.nav-brand{margin-right:auto}.nav-items-container{color:#333;color:var(--black);font-family:Mulish,sans-serif;font-size:14px;font-weight:400;position:relative;transition:all .5s ease;width:397px}.nav-items{border-radius:16px;box-shadow:0 1px 6px rgba(0,0,0,.1)}.nav-item,.nav-items{align-items:center;display:flex}.nav-item{flex-direction:column;height:100%;justify-content:center;padding:8px}.nav-item:first-child,.nav-item:nth-child(2){width:40%}.nav-item:nth-child(3){width:20%}.guests-container{border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.guests-container .shown-text{color:#bdbdbd;color:var(--light-gray)}.shown-text{border:none;font-size:10px;outline:none}.shown-text::-webkit-input-placeholder{opacity:.5}.shown-text::placeholder{opacity:.5}.search-container{align-items:center;flex-direction:column-reverse}.search-container-icon{cursor:pointer;width:18px}.search-box{align-items:center;background:#eb5656;background:var(--orange);border-radius:16px;color:#fff;cursor:pointer;display:flex;padding:12px 24px}.search-box-icon{margin-right:6px;width:16px}.nav-overlay{background:rgba(0,0,0,.4);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:3}.main{margin-bottom:72px;padding:24px 36px;width:100%}.main-header{align-items:center;color:#4f4f4f;display:flex;justify-content:space-between;margin-bottom:40px}.main-title{color:#333;color:var(--black);font-size:24px;font-weight:700}.main-title,.number-of-stays{font-family:Montserrat,sans-serif}.number-of-stays{color:#4f4f4f;font-size:14px;font-weight:500}.apartment-row-container{grid-column-gap:40px;grid-row-gap:40px;-webkit-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;row-gap:40px;width:100%}.apartment{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;transition:all .5s ease;width:420px}.apartment:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.apartment-img{border-radius:24px;height:267px;object-fit:cover;width:420px}.apartment-info{align-items:center;display:flex;justify-content:space-between;margin:1px 0;width:100%}.super-host{border:1px solid #4f4f4f;border-radius:12px;color:#4f4f4f;font-family:Montserrat;font-size:12px;font-weight:700;padding:2px 6px}.available-rooms{align-items:center;display:flex;justify-content:flex-start}.apartment-type,.bed-num{color:#bdbdbd;color:var(--light-gray);font-size:12px;margin:0 4px}.apartment-rating{align-items:center;display:flex;justify-content:flex-start}.star-icon{width:24px}.rating-num{color:#4f4f4f;font-size:14px;font-weight:500}.apartment-title{color:#4f4f4f;font-size:16px;font-weight:600}.suggestions{position:absolute;top:35%}.location-suggestion-item{align-items:center;color:#828282;color:var(--gray);display:flex;font-family:Mulish,sans-serif;font-size:14px;font-weight:400;justify-content:flex-start;margin:16px 0}.location-suggestion-icon{color:#4f4f4f;margin-right:8px;width:24px}.guests-suggestion-item{margin-top:20px}.guests-suggestion-item:first-child{margin-bottom:24px}.guests-suggestion-content{color:rgba(0,0,0,.2)}.guests-suggestion-control-container{align-items:center;display:flex;justify-content:flex-start;margin-top:8px}.guests-suggestion-control{border:1px solid rgba(0,0,0,.2);cursor:pointer;padding:2px 5px}.guests-suggestion-entry{margin:0 24px}.nav-items-container-expand{background:#fff;background:var(--white);box-shadow:0 1px 6px rgba(0,0,0,.1);height:460px;left:0;padding:72px;position:fixed;top:0;width:100%;z-index:5}.nav-items-expand{display:grid;grid-template-columns:repeat(3,1fr)}.nav-item-expand{font-size:14px;padding:12px 24px}.nav-item-expand:first-child,.nav-item-expand:nth-child(2){align-items:flex-start;width:100%}.nav-item-expand:nth-child(3){padding:0;width:100%}.nav-item-expand-active{border:2px solid #828282;border:2px solid var(--gray);border-radius:16px}.error-msg{align-items:center;background:#fff;background:var(--white);border-radius:9px;bottom:0;box-shadow:0 0 100px rgba(0,0,0,.3);color:#4f4f4f;display:flex;flex-direction:column;font-family:Mulish,sans-serif;font-size:18px;font-weight:700;height:300px;justify-content:center;left:0;margin:auto;padding:24px;position:fixed;right:0;text-align:center;top:0;width:500px;z-index:12}.oops{font-size:28px;margin-bottom:24px;text-shadow:1px 2px 3px #eb5656;text-shadow:1px 2px 3px var(--orange)}.error-close,.oops{color:#eb5656;color:var(--orange)}.error-close{align-items:center;background:#fff;background:var(--white);border-radius:50%;box-shadow:0 1px 6px rgba(0,0,0,.1);cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;padding:12px;position:absolute;right:-12px;top:-12px;width:36px}.error-close img{width:24px}.hidden{display:none}.footer{align-items:center;box-shadow:0 1px 6px rgba(0,0,0,.1);color:#eb5656;color:var(--orange);display:flex;font-weight:700;justify-content:flex-end;padding:24px;width:100%}.footer a{color:#4f4f4f;margin:0 8px 0 4px}@media only screen and (max-width:1280px){.apartment{width:300px}.apartment-img{height:267px;width:300px}}@media only screen and (max-width:1024px){.apartment-row-container{-webkit-column-gap:20px;column-gap:20px;grid-template-columns:repeat(2,1fr);row-gap:30px}.apartment{width:400px}.apartment-img{height:267px;width:400px}}@media only screen and (max-width:900px){.apartment-row-container{grid-template-columns:repeat(1,1fr)}.apartment{width:600px}.apartment-img{height:267px;width:600px}}@media only screen and (max-width:700px){.nav-items-container-expand{padding:24px}.nav-item-expand-active{border:none}.nav-items-expand{display:flex;flex-direction:column;justify-content:center}.nav-items-expand .nav-item-expand:first-child{border-bottom:1px solid rgba(0,0,0,.1);border-radius:16px 16px 0 0}.search-box{position:absolute;top:90%}.nav-items-expand .nav-item-expand:nth-child(2){border-left:none;border-right:none}.location-suggestion-container{left:5%}.guests-suggestion-container{right:5%}.guests-suggestion-item{margin-left:120px}.apartment{width:500px}.apartment-img{height:267px;width:500px}}@media only screen and (max-width:600px){.nav{align-items:center;flex-direction:column;justify-content:flex-start}.nav-items{margin-top:24px}.apartment{width:400px}.apartment-img,.error-msg{height:250px;width:400px}}@media only screen and (max-width:460px){.nav{padding:12px}.shown-text{width:100%}.main{padding-left:6px;padding-right:6px}.apartment{width:360px}.apartment-img{height:267px;width:360px}}@media only screen and (max-width:400px){.nav-items-container-expand{padding:12px}.nav-items-container{width:100%}.apartment{width:300px}.apartment-img{border-radius:9px;height:200px;width:300px}.apartment-info{align-items:flex-start;flex-direction:column}.error-msg{height:200px;width:300px}}@media only screen and (max-width:300px){.main-title{font-size:12px}.number-of-stays{font-size:10px}.apartment{width:250px}.apartment-img{height:150px;width:250px}}
/*# sourceMappingURL=main.0894a3b7.css.map*/