h1 {
  color: red;
}
*{
  box-sizing: border-boz;
  margin: 0;
  padding: 0;
  font-faming: 'Kumbh Sans', sans-serif;
}

.navbar {
  background: #131313;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  position: sticky;
  top: 0;
  z-index: 999;
}

.navbar__container {
  display: flex;
  justify-content: space-between;
  height: 80px;
  z-index: 1;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 50px;
}

#navbar__logo {
  background-color: #ff8177;
  background-image: linear-gradient(to top, #ff0844 0%, #ffb199 100%) url('images/coolgaming.jpg');
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  display: flex;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  font-size: 2rem;
}

.fa-gem {
  margin-right: 0.5rem;
}

.navbar__menu {
  display: flex;
  align-items: center;
  list-style: none;
  text-align: center;
}

.navbar__item {
  height: 80px;
}

.navbar__links {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 0 1rem;
  height: 100%
}

.navbar__links:hover {
  color: #f77062;
  transition: all 0.3s ease;
}

@media screen and (max-width: 960px) {
  .navbar__container {
    display: flex;
    justify-content: space-between;
    height: 80px;
    z-index: 1;
    width: 100%;
    max-width: 1300px;
    padding: 0;
  }

  .navbar__menu {
    display: grid;
    grid-template-columns: auto;
    margin: 0;
    width: 100%;
    position: absolute;
    top: -1000px;
    opacity: 0;
    transition: all 0.5s ease;
    height: 50vh;
    z-index: -1;
    background: #131313;
  }

  .navbar__active {
    background: #131313;
    top: 100%;
    opacity: 1;
    transition: all 0.5s ease;
    z-index: 99;
    height: 50vh;
    font-size: 1.6rem;
  }

  #navbar__logo {
    padding-left: 25px;
  }

  .navbar__toggle .bar {
    width: 25px;
    height: 3px;
    margin: 5px auto;
    transition: all 0.3s ease-in-out;
    background: #fff;
  }

  .navbar__item {
    width: 100%;
  }

  .navbar__links {
    text-align: center;
    padding: 2rem;
    width: 100%;
    display: table;
  }

  #mobile-menu {
    position: absolute;
    top: 20%;
    right: 5%;
    transform: translate(5%, 20%);
  }

  .navbar__toggle .bar {
    display: block;
    cursor: pointer;
  }

  #mobile-menu.is-active .bar:nth-child(2) {
    opacity: 0;
  }

  #mobile-menu.is-active .bar:nth-child(1) {
    transform: transformY(8px); rotate(45deg);
  }

  #mobile-menu.is-active .bar:nth-child(3) {
    transform: transformY(-8px); rotate(-45deg);
  }
}

.main {
  background-color: #141414;
}

.main__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-self: center;
  margin: 0 auto;
  height: 90vh;
  background-color: #141414;
  z-index: 1;
  width: 90%;
  max-width: 1100px;
  padding:  50px;
}

.main__content h1 {
  font-size: 4rem;
  background-color: #ff8177;
  background-image: linear-gradient(to top, #ff0844 0%, #ffb199 100%);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}

.main__content h2 {
  font-size: 4rem;
  background-color: #ff8177;
  background-image: linear-gradient(to top, #b721ff 0%, #21d4fd 100%);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}

.main__content p {
  margin-top: 1rem;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
}

.main__btn {
  font-size: 1rem;
  background-image: linear-gradient(to top, #0000FF 0%, #000080 100%);
  padding: 14px 32px;
  border: none;
  border-radius: 4px;
  color: #ff0000;
  margin-top: 2rem;
  cursor: pointer;
  position: relative;
  transition: all 0.35s;
  outline: none;
}

.main__btn a {
  position: relative;
  z-index: 2;
  color: #fff;
  text-decoration: none;
}

.main__btn:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #0000FF;
  transition: all 0.35s;
  border-radius: 4px;
}

.main__btn:hover {
  color: #fff;
}

.main__btn:hover:after {
  width: 100%;
}

.main__image--container {
  text-align: center;
}

#main__image{
  height: 80%;
  width: 75%;
}

@media screen and (max-width: 768px) {
  .main__container {
    display: grid;
    grid-template-columns: auto;
    alin-items: center;
    justify-self: center;
    width: 100%;
    margin: 0 auto;
    height: 90vh;
  }

  .main__content {
    text-align: center;
    margin-bottom: 4rem;
  }

  .main__content h1 {
    font-size: 2.5rem;
    margin-top: 2rem;
  }

  .main__content h2 {
    font-size: 3rem;
  }

  .main__content p {
    margin-top: 1rem;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 480px) {
  .main__content h1 {
    font-size: 2rem;
    margin-top: 3rem;
  }

  .main__content h2 {
    font-size: 3rem;
  }

  .main__content p {
    margin-top: 1rem;
    fontt-size: 1.5rem;
  }

  .main__btn {
    padding: 12px 36px;
    margin: 2.5rem 0;
  }
}


header {
  position: sticky;
  top: -54px; /* value to scroll past the logo so just the search bar is sticky */
  z-index: 2;
}
.search-bar {
  display: flex;
  justify-content: center;
  padding: 24px;
}
.search-bar input {
  width: 50%;
  min-width: 300px;
  padding: 12px 24px;
  border-radius: 24px;
  font-size: 16px;
  border: 0px;
  outline: none;
}
.search-bar [list]::-webkit-list-button,
.search-bar [list]::-webkit-calendar-picker-indicator {
  display: none !important;
}

.srcbartn {
  display: flex;
  justify-content: center;
  padding: 24px;
}
.srcbartn input {
  width: 50%;
  min-width: 300px;
  padding: 12px 24px;
  border-radius: 24px;
  font-size: 16px;
  border: 0px;
  outline: none;
}
.srcbartn [list]::-webkit-list-button,
.srcbartn [list]::-webkit-calendar-picker-indicator {
  display: none !important;
}


.services {
  background: #141414;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 2600vh;
}

.services h1 {
  background-color: #ff8177;
  background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b1285b 100%);
  background-size: 100%;
  margin-bottom: 5rem;
  font-size: 2.5rem;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}

.services__container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.services__card {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/coolgaming.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card1 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/1v1.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card2 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/justfall.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card3 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/2048.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card4 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/2048couch.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card5 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/2048multitask.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card5p5 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/agar.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card6 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/ngon.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card6p5 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/shellshockers.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card7 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/funnyshooter.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card8 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/funnyshooter2.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card9 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/retrobowl.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card9p5 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/2drocket.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card10 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/slope.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card10p5 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/bloons.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card10p7 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/bloons6.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card11 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/slope2.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card11p5 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/alchemy.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card11p7 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/pokemon.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card12 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/tetris.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card13 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/tinyfishing.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card14 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/tunnelrush2.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card15 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/hexgl.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card16 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/spacehuggers.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card17 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/cookie.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card18 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/supermario.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card19 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/fnaf.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card20 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/minecraft.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card21 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/moto3xm.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card22 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/stickslasher.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card23 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/stickmanhook.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card24 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/bitlife.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card25 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/aswc.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card26 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/supercold.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card27 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/csgo.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card28 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/dino.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card29 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/monkey.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card30 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/10mins.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card31 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/basbros.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card32 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/totm2.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card33 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/getaway.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card34 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/dr3d.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card35 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/2020g.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card36 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/2048.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card37 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/avio.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card38 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/among.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card39 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/antiterr.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card40 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/arcade.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card41 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/awesome.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card42 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/awesome2.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card43 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/back.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card44 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/backr.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card45 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/ball2.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card46 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/basket.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card47 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/legends.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card48 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/basketballrandom.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card49 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/bear.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card50 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/blocky.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card51 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/bob.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card52 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/bound.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card53 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/boxel.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card54 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/burrito.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card55 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/cardinal.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card56 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/cave.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card57 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/circloo.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card58 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/classic.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card59 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/cluster.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card60 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/color.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card61 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/challenges.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card62 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/craftmine.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card63 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/death.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card64 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/deaths.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card65 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/dodge.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card66 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/doge.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card67 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/dontdrop.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card68 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/dontfall.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card69 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/drag.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card70 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/dragonb.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card71 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/driftb.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card72 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/eggy.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card73 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/elemental.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card74 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/erase.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card75 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/exiled.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card76 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/factory.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card77 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/finns.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card78 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/geo.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card79 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/geoc.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card80 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/geos.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card81 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/geou.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card82 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/geou2.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card83 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/geosy.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card84 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/geom.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card85 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/geor.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card86 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/geon.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card87 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/georr.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card88 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/grow.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card89 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/gun.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card90 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/helios.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card91 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/house.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card92 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/icy.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card93 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/idle.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card94 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/jelly.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card95 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/johnny.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card96 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/jump.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card97 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/klocki.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card98 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/madness.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card99 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/maptroid.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card100 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/mari0.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card101 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/mineclone.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card102 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/mirror.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card103 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/moto.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card104 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/moto2.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card105 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/moto3.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card106 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/moto4.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card107 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/moto50.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card108 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/moto5.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card109 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/moto6.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card110 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/motomall.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card111 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/ovo.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card112 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/ovo144.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card113 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/ovo2.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card114 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/ovo3d.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card115 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/pacman3d.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card116 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/pacmanfps.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card117 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/paper.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card118 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/paper2.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card119 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/peniore.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card120 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/pixel.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card121 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/pactation.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card122 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/protektor.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card123 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/push.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card124 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/rabbit.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card125 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/rabbit2.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card126 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/rise.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card127 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/rocking.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card128 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/rooftop.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card129 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/rooftop2.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card130 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/root.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card131 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/runaround.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card132 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/scrambled.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card133 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/senya.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card134 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/shards.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card135 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/shortlife.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card136 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/shortride.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card137 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/skyblock.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card138 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/slice.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card139 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/slime.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card140 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/slopeball.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card141 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/snake.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card142 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/sonicrevert.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card143 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/space.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card144 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/stickjet.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card145 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/stickmanb.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card146 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/stickmanb2.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card147 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/stickbattle.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card148 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/subway.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card149 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/superhero.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card150 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/superhot.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card151 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/supermario64.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card152 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/superpufferfish.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card153 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/tale.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card154 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/bowling.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card155 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/thelittle.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card156 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/timeshooter.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card157 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/tiny.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card158 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/tough.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card159 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/tunnelz.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card160 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/ufo.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card161 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/upleft.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card162 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/vex3.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card163 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/vex4.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card164 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/vex5.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card165 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/vex6.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card166 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/vex7.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card167 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/wheely.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card168 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/wheely7.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card169 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/wheely8.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card170 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/white.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card171 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/price.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card172 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/worlds.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card173 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/zrist.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card174 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/zombiea.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card175 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/soccerrandom.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card176 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/boxingrandom.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card177 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/hardest.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card178 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/wordle.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card179 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/taggame.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card180 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/polytrack.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card181 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/hypercars.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card182 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/run3.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card183 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/ragdoll.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card184 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/1on1soccer.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card185 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/racinglimits.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card186 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/fakefortnight.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card187 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/superhot1.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card188 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/supercar.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__card189 {
  margin: 1rem;
  height: 375px;
  width: 275px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/blood.jpg');
  background-size: cover;
  position: relative;
  color: #fff;
}

.services__car:nth-child(2) {
   background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(17,17,17,0.6) 100%), url('images/justfall.jpg');
}

.services h2 {
  position: absolute;
  top: 290px;
  left: 30px;
}

.services p {
  position: absolute;
  top: 275px;
  left: 30px;
}

@media screen and (max-width: 960px) {
  .services {
    height: 1600px;
  }

  .services h1 {
    font-size: 2rem;
    margin-top: 12rem;
  }
}

@media screen and (max-width: 480px) {
  .services {
    height: 3000px;
  }

  .services h1 {
    font-size: 1.2rem;
  }

  .services__card {
    width: 300px;
  }
}

.footer__container {
  background-color: #141414;
  padding: 5rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#footer__logo {
  color: #fff;
  display: flex;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  font-size: 2rem;
}

.footer__links {
  width: 100%;
  max-width: 1100px;
  display: flex;
  justify-content: center;
}

.footer__link--wrapper {
  display: flex;
}

.footer__link--items; {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 16px;
  text-align: left;
  width: 160px;
  box-sizing: border-box;
}

.footer__link--items h2 {
  margin-bottom: 16px;
}

.footer__link--items > h2 {
  color: #fff;
  text-decoration: none;
  margin-bottom: 0.5rem;
}

.footer__link--items a {
  color: #fff;
  text-decoration: none;
  margin-bottom: 0.5rem;
}

.footer__link--items a:hover {
  color: #e9e9e9;
  transition: 0.3s ease out;
}

.social__icon--link {
  color: #fff;
  font-size: 24px;
}

.social__media {
  max-width: 1000px;
  width: 100%;
}

.social__media--wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 1000px;
  margin: 40px auto 0 auto;
}

.social__icons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 240px;
}

.social__logo {
  color: #fff;
  justify-flex: flex-start;
  margin-left: 20px;
  cursor: pointer;
  text-decoration: none;
  font-size: 2rem;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}