@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300&family=Pushster&display=swap");
:root {
  --main-bg-color: #2874f0;
}
* {
  padding: 0;
  margin: 0;
}
header {
  background-color: var(--main-bg-color);
  font-family: "Lato", sans-serif;
}
nav {
  display: flex;
}
.logo {
  display: flex;
  align-items: center;
}
.logo img {
  width: 88px;
  padding: 0 25px;
}
nav ul {
  height: 58px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
nav ul li {
  list-style: none;
  padding: 0 23px;
}
nav ul li a {
  color: white;
  text-decoration: none;
}
nav ul li a:hover {
  font-weight: bolder;
}
.search {
  display: flex;
  align-items: center;
}
.search input {
  height: 27px;
  width: 30vw;
  margin: 0 16px 0 56px;
  border-radius: 5px;
  padding: 0 12px;
}
.search button {
  font-family: "Lato", sans-serif;
  font-weight: 900;
}
.slider{
    width: 80vw;
    margin: 12px auto;
    overflow: hidden;
}
.card{
    max-width: 91vw;
    margin: 37px auto;
    font-family: "Lato", sans-serif;

}
.cards{
  display: flex;
  overflow: scroll;
  
}
.card-item{
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 15px;
}
.card h3{
    
  font-family: "Lato", sans-serif;
}
.container {
  min-height: calc(100vh - 58px - 12vh);
}
footer {
  height: 12vh;
  background-color: var(--main-bg-color);
  color: white;
  font-family: "Lato", sans-serif;
}