body {
   height: 100%;
   width: 100%;
   margin: 0;
}

iframe {
   position: absolute;
   height: 100%;
   width: 100%;
   border: none;
}

.texts {
   position: absolute;
   display: flex;
   flex-flow: row wrap;
   pointer-events: none;
   z-index: 1000;
   text-align: right;
   width: 100%;
   height: 100%;
}

h1, h2, h3, p {
   position: absolute;
   width: 100%;
   pointer-events: none;
   font-family: Courier;
   color: #d152b8;
   margin: 0;
}

h1 {
   padding-top: 2%;
   font-size: 8rem;
   align-self: flex-start;

}

h2 {
   padding-top: 15%;
   font-size: 2rem;
   align-self: flex-start;
}

h3 {
   padding-top: 18%;
   font-size: 2rem;
   align-self: flex-start;
}

p {
   font-size: 1rem;
   align-self: flex-end;
   padding-bottom: 2.5%;
}