body{
  font-size: 16px;
  color: #2b283a;
  font-family: 'Roboto', sans-serif;
  margin: 0;
}

/* typography */

h1, h3 {
  margin: 0;
}

h1{
  color: whitesmoke;
  font-size: 36px;
}

h2{
  margin-top: 0;
}

h3{
  color: #d0aaff;
  font-size: 20px;
}

p {
  line-height: 23px;
}


/* links */

.btn{
  margin: 10px 10px 10px 0;
  display: inline-block;
  padding: 10px 19px;
  border-radius: 4.6px;
  font-weight: 500;
  text-decoration: none; 
}

a:hover, a:active{
  color: #d4b44c;
}

.crafting {
  padding: 0;
  text-decoration: underline dotted;
  color: #ef5839;
}

.buy {
  background-color: #5f29a3;
  color: whitesmoke;
}

.btn:hover,
.btn:active {
  background-color: #f3e885;
  color: #2b283a;
}

.more, .contact {
  background-color: #f0e0ff;
  color: #5f29a3;
}

.about {
  background-color: whitesmoke;
  color: #5f29a3;
}



/* layout */

header, section, footer {
  padding: 45px 0;
}

header, .section-two{
  background-color: #5f29a3;
}

.container{
  width: 620px;
  margin: 0 auto;
}

.sneaker-img{
  width:100%;
}

.section-two {
  color: whitesmoke;
}

.sect-2-img {
  width: 300px;
  border-radius: 4.6px;
}

.img-container {
  display: flex;
  justify-content: space-between;
}

footer{
  text-align: center;
  padding: 45px 0;
  color: #5f29a3;
}

#shadow-host-companion {
  padding: 0;
}