body {
      font-family: 'Barlowfold', sans-serif;
       height: 100%;
       width: 100% ;
       overflow-x: hidden ;
       color: red;
       margin: 0;
       padding: 0;
    }

h1 {
    text-align: center;
    font-size: 300px;
    font-weight: bold;
    text-align: center;
    letter-spacing: -15px;
    top: 25%;
    position: absolute;
    justify-content: center;
    align-items: center;
   
}
p {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    width: auto;
    align-content: center;
    padding: .5vw;
}
span {
    display:inline-block;
    -webkit-transform:scaleY(8); /* Safari and Chrome */
    -moz-transform:scaleY(2); /* Firefox */
    -ms-transform:scaleY(2); /* IE 9 */
    -o-transform:scaleY(2); /* Opera */
    transform:scaleY(0); /* W3C */
    animation: 5s move 0s infinite alternate;}
@keyframes move {
    from{
   display:inline-block;
    -webkit-transform:scaleY(8); /* Safari and Chrome */
    -moz-transform:scaleY(2); /* Firefox */
    -ms-transform:scaleY(2); /* IE 9 */
    -o-transform:scaleY(2); /* Opera */
    transform:scaleY(0); /* W3C */
    }
    to{
           display:inline-block;
    -webkit-transform:scaleY(8); /* Safari and Chrome */
    -moz-transform:scaleY(2); /* Firefox */
    -ms-transform:scaleY(2); /* IE 9 */
    -o-transform:scaleY(2); /* Opera */
    transform:scaleY(20); /* W3C */
    }
    
}
.rectangle{
    width:400px;
    height:250px;
    background:white;
    position: absolute;
    border: solid 15px red;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
#rectangle1{
    top :70%;
    left: 50%; 
}
#rectangle2{
    top : 15%;
    left: 3%; 
}
#rectangle2:hover{
 transform: rotate(20deg);
}
#rectangle3{
    top :5% ;
    left: 68%; 
    z-index: -100;
    
}

 #rectangle4{
    top : 55%;
    left: 75%;
    z-index: 1; 
}
#rectangle5{
    top : 65%;
    left: 5%; 
    z-index: -100;
}
#rectangle6{
    top : 120%;
    left: 20%; 
}

@media print{
    @page {
        size: A2;
        margin: 0cm;
    } 
.rectangle {width:1000px;
    height:650px;
    background:white;
    position: absolute;
    border: solid 15px red;}

body {
        font-family: 'Barlowfold', sans-serif;
         height: 100%;
         width: 100% ;
         overflow-x: hidden ;
         color: blue;
         margin: 0;
         padding: 0;
      }
      h1 {
        text-align: center;
        font-size: 375px;
        font-weight: bold;
        text-align: center;
        letter-spacing: -15px;
        top: 38%;
        position: absolute;
        justify-content: center;
        align-items: center;
       
    }
    #rectangle2{
        top : 40%;
        left: 20%;
        rotate: 20deg;
        z-index: 1;
} 

p {
    font-size: 82px;
    font-weight: bold;
    text-align: center;
    width: auto;
    align-content: center;
    padding: .5vw;
}
#rectangle3{
    top :5% ;
    left: 28%; 
    z-index: -100;
    
}
#rectangle1{
    top :85%;
    left: 46%; 
}
#rectangle5{
    top : 69%;
    left: -5%; 
    z-index: -100;
    rotate: -28deg;
}
#rectangle4{
    top : 65%;
    left: 55%;
    z-index: 1; 
}
}