* {
  font-family: Poppins, Verdana, Geneva, Tahoma, sans-serif;
  box-sizing: border-box;
}

figure {
  margin: 0;
}

body {
  background-color: #f5efff;
  margin: 0;
  padding: 0;
}

.btn {
  border: none;
  border-radius: 50px;
  background: #67b86b;
  box-shadow: 3px 3px 6px #50ab55, -3px -3px 6px #7fc383;
  width: -webkit-fill-available;
  padding: 10px 20px;
}
.btn:hover {
  box-shadow: inset 3px 3px 6px #50ab55, inset -3px -3px 6px #7fc383;
}
.btn:hover {
  font-weight: bold;
}

main.home {
  display: flex;
  justify-content: space-between;
  margin: 10px;
}

main.schedule {
  text-align: center;
}

.research {
  width: 100%;
  text-align: center;
  height: 100%;
}
.research input {
  border-radius: 100px;
  border: solid 1px black;
  width: 400px;
  height: 30px;
  padding: 0px 20px;
}

.perfect-match {
  margin: 30px auto !important;
  width: 20%;
  order: -1;
}

#selectedGames {
  height: 100%;
  position: sticky;
  right: 0;
  top: 0;
  min-width: 300px;
  width: 300px;
  padding: 10px;
  background-color: rgba(229, 217, 242, 0.5);
  box-shadow: 0px 0px 20px 20px rgba(229, 217, 242, 0.5);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
#selectedGames .title {
  text-align: center;
}
#selectedGames .listGames {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  margin: 5px;
}
#selectedGames .listGames li {
  display: flex;
  align-items: center;
  overflow: hidden;
  transform: translateX(-20px);
  transition: all ease 0.2s;
}
#selectedGames .listGames li .unselect {
  transition: all ease 0.25s;
  position: relative;
  right: 50px;
  opacity: 0;
}
#selectedGames .listGames li:hover {
  transform: translateX(0px);
}
#selectedGames .listGames li:hover .unselect {
  right: 0;
  opacity: 1;
}
#selectedGames .listGames li figure {
  margin: 5px;
}
#selectedGames .listGames li figure img {
  height: 72px;
}
#selectedGames .add-game {
  height: 72px;
  text-align: center;
  align-self: center;
}

.exact-games {
  display: flex;
}

.category-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.category-card {
  box-shadow: 5px 5px 10px #dfcbff, -5px -5px 10px white;
  margin: 10px;
  padding: 10px;
  border-radius: 25px;
  text-align: center;
  width: 200px;
  transition: all ease 0.05s;
}
.category-card:hover {
  background-color: #e5d9f2;
  box-shadow: inset 5px 5px 10px #d3bee9, inset -5px -5px 10px #f7f4fb;
  transform: scale(1.1);
}
.category-card img {
  width: 52px;
  height: auto;
}

table.schedule {
  margin: 20px auto;
  text-align: center;
  width: 90%;
  border-collapse: collapse;
}
table.schedule td.game img {
  height: 200px;
}

table.schedule td,
table.schedule th {
  padding: 10px;
}

table.schedule thead {
  background-color: #e5d9f2;
}

.over {
  background-color: red;
}/*# sourceMappingURL=style.css.map */