/******************************************
/* CSS
/*******************************************/

/* Box Model Hack */
*{
  box-sizing: border-box;
}

/******************************************
/* LAYOUT
/*******************************************/

* {
  text-decoration: none;
  list-style-type: none;
}

ul {
  padding: 0;
}

body {
  font-family: 'Roboto', sans-serif;
}

nav a {
  color: black;
  font-size: 18px;
}

nav {
  display: flex;
  justify-content: space-between;
  padding: 20px 40px;
}

nav img {
  height: 15px;
}

.color-select {
  display: flex;
}

.color-select > img {
  width: 80vw;
}

.color-select > section {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 20vw;
}

.color-select > section img {
  width: 50px;
  padding: 3px;
  border-radius: 50px;
}

.color-select > section ul {
  display: flex;
  justify-content: space-around;
}

.color-select > section span {
  font-weight: normal;
}

.selected-color {
  border: 3px solid lightskyblue;
}

/******************************************
/* ADDITIONAL STYLES
/*******************************************/