.smartphone {
  margin: auto;
  border-color: #444;
  background-color: #333;
  width: 300px;
  height: 500px;
  border-radius: 40px;
  border: 2px solid #bdbdbd;
  padding: 70px 10px;
  position: relative;
}

.volume-up-smartphone {
  position: absolute;
  height: 60px;
  left: -8px;
  width: 6px;
  top: 80px;
  background-color: #000000;
  border-radius: 10px 0 0 10px;
}

.volume-up-smartphone:hover {
  left: -6px;
  width: 4px;
}

.volume-down-smartphone {
  position: absolute;
  height: 60px;
  left: -8px;
  width: 6px;
  top: 150px;
  background-color: #000000;
  border-radius: 10px 0 0 10px;
}

.volume-down-smartphone:hover {
  left: -6px;
  width: 4px;
}

.power-smartphone {
  position: absolute;
  height: 60px;
  right: -8px;
  width: 6px;
  top: 115px;
  background-color: #000000;
  border-radius: 0 10px 10px 0;
}

.power-smartphone:hover {
  right: -6px;
  width: 4px;
}

.header-smartphone {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  height: 10px;
  border-radius: 40px;
  width: 160px;
  margin-top: -30px;
}

.speaker-smartphone {
  display: inline-block;
  background-color: #000000;
  height: 10px;
  width: 100px;
  border-radius: 40px;
  margin: auto;
}

.led-smartphone {
  display: inline-block;
  background-color: #fdd835;
  height: 10px;
  width: 10px;
  margin: auto;
  border-radius: 10px;
}

.camera-smartphone {
  display: inline-block;
  background-color: #000000;
  height: 10px;
  width: 10px;
  margin: auto;
  border-radius: 10px;
}

.screen-smartphone {
  position: absolute;
  left: 10px;
  right: 10px;
  top: 70px;
  bottom: 70px;
  margin-left: auto;
  margin-right: auto;
  background-color: #000000;
  border-radius: 5px;
}

.button-smartphone {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 50px;
  height: 50px;
  bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  background-color: #222;
  border-radius: 40px;
  border: 2px solid #111;
}

.button-smartphone:active {
  background-color: #1a1a1a;
}

iframe {
  height: 100%;
  width: 100%;
  border: none;
  border-radius: 5px;
}