html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

nav, ul, li, section {
  margin: 0;
  padding: 0;
}

.menu ul {
  display: flex;
  justify-content: center;
  list-style: none;
}

.menu ul li + li {
  margin-left: 20px;
}

.beauty_list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
}

.beauty_list.footer {
  justify-content: normal;
  flex-wrap: nowrap;
  overflow: scroll;
  margin-top: 20px;
}

.beauty_list .beauty {
  flex: none;
  width: 200px;
  padding: 0 20px;
  margin-bottom: 20px;
}

.beauty_list .beauty .icon {
  width: 80px;
  margin: 0 auto;
}

.beauty_list .beauty .icon img {
  width: 100%;
  border-radius: 50%;
  border: 4px solid #eee;
}

.beauty_list .beauty .title {
  text-align: center;
}

.beauty_list.footer .beauty {
  width: 100px;
  padding: 0 10px;
  margin-bottom: 10px;
}

.beauty_list.footer .beauty .icon {
  width: 40px;
}

.beauty_list.footer .beauty .icon img {
  border: 2px solid #eee;
}

/* DRESS LIST */

.dress_list {
  display: flex;
  justify-content: center;
}

.dress_list .dress {
  width: 60px;
  padding: 0 5px;
}

.dress_list .dress img {
  width: 100%;
  border-radius: 50%;
  border: 2px solid #eee;
  cursor: pointer;
}

.dress_list .dress.active img {
  border: 2px solid #ccc;
}