@font-face {
  font-family: "Play";
  font-weight: 400;
  src: url(../fonts/Play-Regular.woff);
  font-display: swap;
}
@font-face {
  font-family: "Play";
  font-weight: 700;
  src: url(../fonts/Play-Bold.woff);
  font-display: swap;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Play";
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
}

::before,
::after {
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all 0.3s;
}

img {
  max-width: 100%;
}

.container-fluid {
  max-width: 1440px;
  width: 100%;
  margin: auto;
}

.container {
  max-width: 1200px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin: auto;
}

button,
.button {
  cursor: pointer;
}

button:hover,
.button:hover {
  opacity: 0.8;
  transition: all 0.3s;
}

html.menu, html.search,
body.menu,
body.search {
  overflow-y: clip;
}

body.search.search-results {
  overflow-y: auto;
}