@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}

.material-symbols-outlined {
  font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24
}

header {
  background-color: #000000;
}

header ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 0 10px 0 0;
}

header ul li {
  margin: 10px;
}

.head-search,
.head-menu {
  display: block;
}

.menu-list {
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
  overflow-x: auto;
}

.menu-list ul {
  display: flex;
  list-style: none;
  min-width: max-content;
  padding: 15px 0;
}

.menu-list ul li {
  margin: 10px 15px;
}