@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--clr-white:#fff;--clr-black:#202020;--clr-grey:#707070;--clr-blue:#6c63ff;--clr-blue-2:#4c46b6;--clr-green:#4fb646}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Open Sans;margin:0}nav{background-color:#f5f5f5;display:grid;grid-template-columns:repeat(3,1fr)}.nav__brand,nav{align-items:center}.nav__brand{display:flex;justify-content:center;padding:20px}.nav__brand img{background-color:#f5f5f5;height:auto;max-width:110px}.nav__brand h1{color:#6c63ff;color:var(--clr-blue);font-size:2.5em;font-weight:800}.nav__links{align-items:center;display:flex;justify-content:center;list-style:none}.nav__links li{margin:0 15px}.nav__links li a{color:#202020;color:var(--clr-black);text-decoration:none}.nav__links li a:hover{color:#6c63ff;color:var(--clr-blue)}.nav__connect{background-color:#6c63ff;background-color:var(--clr-blue);border:none;border-radius:4px;color:#fff;color:var(--clr-white);cursor:pointer;font-family:Open Sans;font-size:1.1em;font-weight:600;height:50px;margin:0 auto;transition:all .25s ease;width:175px}.nav__connect:hover{background-color:#4c46b6;background-color:var(--clr-blue-2)}header{background-image:url(/static/media/lushHomes.9202710a44ca75a65bdd.png);background-position:50%;background-size:cover;min-height:60vh;position:relative}.header__title{color:#fff;color:var(--clr-white);font-size:2em;text-align:center;top:25%;width:100%}.header__search,.header__title{left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.header__search{min-width:30%;padding:25px;top:45%}.header__search::-webkit-input-placeholder{font-family:Open Sans;font-size:1.25em;font-weight:600}.header__search::placeholder{font-family:Open Sans;font-size:1.25em;font-weight:600}.header__search:hover{outline:1px solid #6c63ff;outline:1px solid var(--clr-blue)}.cards__section{margin:0 auto;max-width:1200px;padding:0 20px}.cards__section h3{margin:50px 0 20px}.cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));margin-top:20px}.card{border:1px solid #202020;border:1px solid var(--clr-black);cursor:pointer;height:350px;margin:10px auto;position:relative;transition:all .25s ease;width:346px}.card:hover{box-shadow:1px 1px 5px #707070;box-shadow:1px 1px 5px var(--clr-grey)}.card__image{position:absolute;width:100%;z-index:-1}.card__image img{max-width:100%}.card__info{background-color:#fff;background-color:var(--clr-white);bottom:0;height:30%;left:0;padding:5px 10px;position:absolute;width:100%}.card__info h4{font-family:Open Sans;font-size:1.25em;font-weight:600}.card__info p{font-family:Open Sans;font-size:.9em;margin-top:5px}.home{background-color:rgba(0,0,0,.7);height:100vh;width:100vw}.home,.home__details{left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.home__details{align-items:center;background:#fff;background:var(--clr-white);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));height:70%;margin:0 auto;padding:20px;width:80%;z-index:2}.home__image{margin:20px auto;max-width:500px}.home__image img{max-width:70%}.home__close{background:transparent;border:none;cursor:pointer;height:30px;position:absolute;right:10px;top:10px;width:30px}.home__close img{height:25px;width:25px}.home__overview{height:100%;margin:0 20px;overflow-y:scroll;padding-right:40px}.home__overview h1,.home__overview h2,.home__overview hr{margin:10px auto}.home__overview ul{margin-left:40px}.home__buy,.home__contact,.home__owned{background-color:#6c63ff;background-color:var(--clr-blue);border:none;border-radius:4px;color:#fff;color:var(--clr-white);cursor:pointer;font-family:Open Sans;font-size:1.1em;font-weight:600;margin:20px 5px;transition:all .25s ease}.home__buy{height:50px;width:225px}.home__buy:hover{background-color:#4c46b6;background-color:var(--clr-blue-2)}.home__contact{background-color:initial;border:1px solid #6c63ff;border:1px solid var(--clr-blue);color:#6c63ff;color:var(--clr-blue);height:50px;width:150px}.home__contact:hover{background-color:#f7f7f7;color:#4c46b6;color:var(--clr-blue-2)}.home__owned{align-items:center;background-color:#4fb646;background-color:var(--clr-green);cursor:default;display:flex;height:50px;justify-content:center}@media screen and (max-width:768px){nav{grid-template-columns:repeat(2,1fr)}.nav__links{display:none}}
/*# sourceMappingURL=main.831faaae.css.map*/