/* CSS code for christmas tree project! (found in applications folder) */
.container {
    position: relative;
    display: inline-block;
    width: 300px;
    height: 400px;
}

.container img {
    width: 100%;
    height: 100%;
}


.lightSet {
    position: absolute;
    width: 3px;
    height: 3px;
    color: white;
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
}

.light1 {
    top: 310px;
    left: 105px;
}

.light2 {
    top: 303px;
    left: 167px;
}

.light3 {
    top: 275px;
    left: 125px;
}

.light4 {
    top: 265px;
    left: 165px;
}

.light5 {
    top: 230px;
    left: 136px;
}

.button-on {
  position: absolute;
  top: 150px;
  left: 300px;
  height: 75px;
  width: 175px;
  font-size: 25px;
  border-radius: 35%;
  background: lightblue;
  cursor: pointer;
  font-family: Arial;
}

.button-off {
  position: absolute;
  top: 235px;
  left: 300px;
  height: 75px;
  width: 175px;
  font-size: 25px;
  border-radius: 35%;
  background: lightblue;
  cursor: pointer;
  font-family: Arial;
}

.status {
  font-family: Arial;
  position: absolute;
  top: 75px;
  left: 315px;
  width: 500px;
}

.label {
    width: 500px;
    font-family: Arial;
}