html{
  scroll-behavior: smooth
}

body {
  background-color: white;
  background-image: url("background.jpg");
}

.logoSize{
  position: absolute;
  top: 5px;
  left: 5px;
  width: 150px;
  height: 150px;
  background-position: center;
  background-repeat: no-repeat;
}

#buttons {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

#siteTitle {
  text-align: center;
  font-family: "Poppins", sans-serif;
  color: #34A853;
  font-size: 30pt;
}

#zoom{
  margin-right: auto;
  margin-left: auto;
  display: block;
  position: relative;
}

#message{
  font-size: 20pt;
  font-style: bold;
  font-family: "Lucida Console", Courier;
  text-align: center;
  color: #EA4335;
}

#snoringImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 325px;
  visibility: hidden;
}

#sleepingImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#wakingupImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#wakingup2Img {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#brushingImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#typingImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#videoImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#cardibImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#trumpImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#quarImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#saneImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#coronaImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#memeImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#cvImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#memeImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#pianoImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#coffeeImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#quarantineroutineImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#brewingcoffeeImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#coffeedoneImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#smoothieImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#smoothiememeImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#news1Img {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#news2Img {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#news3Img {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#news4Img {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#news5Img {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#drinkingcoffeeImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#handsanitizerImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 340px;
  left: 320px;
  visibility: hidden;
}

#masksImg {
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  display: inline-block;
  top: 350px;
  left: 320px;
  visibility: hidden;
}