@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

*{
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: black;
}

a:hover {
  text-decoration: none;
  color: #525e62;
}

.homecards {
    width: 100%;
    display: flex;
    display: -webkit-flex;
}

.card__img {
  visibility: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 200px;
  border-top-left-radius: 12px;
border-top-right-radius: 12px;
  
}

.card__info-hover {
    position: absolute;
    padding: 16px;
  width: 100%;
  opacity: 0;
  top: 0;
}

.card__img--hover {
  transition: 0.2s all ease-out;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
  position: absolute;
    height: 200px;
  border-top-left-radius: 12px;
border-top-right-radius: 12px;
    top: 0;
}
.homecard {
  width: 8em;
  height: 8em;
  transition: all .4s cubic-bezier(0.175, 0.885, 0, 1);
  background-color: #f4f5e5;
  padding-left: 0px;
  padding-right: 0px;
  margin: 15px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0px 13px 10px -7px rgba(0, 0, 0,0.1);
}
.homecard:hover {
  box-shadow: 0px 20px 10px -10px rgba(0, 0, 0,0.1);
    transform: scale(1.10, 1.10);
}

.card-body {
  z-index: 5;
}

.card-title {
  text-align: center;
  color: black;
}

.homecard:hover .card-title {
  color: grey;
}

.homecard:hover .card__info {
    background-color: transparent;
    position: relative;
}

.homecard:hover .card__info-hover {
    opacity: 1;
}

:where(.css-nqoqt9).ant-input-outlined {
    background: #474747 !important;
    border: none !important;
}

:where(.css-nqoqt9).ant-input-affix-wrapper {
    color: rgb(231 231 231 / 88%) !important;
}

:where(.css-nqoqt9).ant-input::placeholder {
    color: rgb(227 227 227 / 25%) !important;
}

:where(.css-nqoqt9).ant-input-affix-wrapper >input.ant-input:focus, :where(.css-nqoqt9).ant-input-affix-wrapper >textarea.ant-input:focus {
    caret-color: #b3b3b3;
}