body {
  background: #efefef;
}

.container {
  background-color: skyblue;
  padding: 15px;
  /* width: 1000px;  */
  height: 300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
}

#btn1 {
  width: 200px;
  height: 200px;
  background: #3723ee;
  border-radius: 50%;
  margin: 30px auto;
  text-align: center;
  line-height: 200px;
  color: rgb(248, 244, 244);
  font-weight: bold;
  font-size: 42px;
  cursor: pointer;
  /* box-shadow: 0 10px 0 #d1483e; */
  user-select: none;
}

#btn1:hover {
  opacity: 0.9;
}

#btn1:active {
  box-shadow: 0 5px 0 #d1483e;
  margin-top: 35px;
}

#btn2 {
  width: 200px;
  height: 200px;
  background: #e79858;
  border-radius: 50%;
  margin: 30px auto;
  text-align: center;
  line-height: 200px;
  color: rgb(248, 244, 244);
  font-weight: bold;
  font-size: 42px;
  cursor: pointer;
  /* box-shadow: 0 10px 0 #d1483e; */
  user-select: none;
}

#btn2:hover {
  opacity: 0.9;
}

#btn2:active {
  box-shadow: 0 5px 0 #d1483e;
  margin-top: 35px;
}