* { margin:0; padding:0; box-sizing:border-box; justify-content:center; }

html, body {
  background-image: url("assets/bg_desk.png");
  background-size: cover;
  font-family: 'Brush Script MT', cursive;
  display:flex;
  justify-content: center;
  align-items: center;
  height:100vh;
  width:100vw;
}

.cloud {
  display: flex;
  flex-direction: column;
  height:900px;
  aspect-ratio: 19 / 26;
  position: relative;
  background-image: url("assets/cloud.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
}

.logo-container {
  height:30%;
}

.blurb-container {
  height:90%;
  display: flex;
  flex-direction: line;
  overflow:visible;
}

.blurb-container-text {
  padding:50px;
}

.logo {
  margin: 80px;
  justify-content: center;
  width: 450px;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.tigew-img{
  left:-400px;
  position:absolute;
  float:left;
  padding-top:50;
  width:80%;
  max-width:800px;
}

.rainbow-img{
  left: 575px;
  position:absolute;
  float:right;
  padding-top:50;
  width:50%;
  max-width:400px;
}