* {
    box-sizing: border-box;
  }
  
  html, body {
      width: 100%;
      height: 100%;
     
  }
  
  body {
    margin: 0;
    padding: 0;
    background-color: lightgrey;
}

/* .cover{
    width: 100%;
    height:100%;
    color: red;
    pointer-events: none;
    position: static;
    
} */

.title{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40vh;
    text-align: left;
    font-weight:bolder;
    max-width: 100vw;
    position: fixed;
    top: 10px;
    color: white;
    z-index: -1;

}

.container {
    display: flex;
    justify-content: space-between;
    padding-left: 5px;
    padding-right: 5px;
    max-width: 100vw;
 
}

.column {
    flex: 1;
    margin: 0.5vw;
    width: 48vw;

}

.cell {
    max-height: fit-content;
    max-width: 48vw;
    /* border: solid black 1px; */
}
.cell_2 {
    min-height: 50vh;
   width: 100vw;
}
  
img{
    max-width: 50vw;
}

.rotate-image{
    animation: rotate 20s linear infinite;
    transition: ease-in-out 1s;
    
}

.rotate-image:hover{
    animation: rotate 60s linear infinite ;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg); /* Rotate 360 degrees (one full rotation) */
    }
}
  
h1{
    font-family: 'Aclonica', sans-serif;    
    font-size: 12vh;
    line-height: 10vh;
   text-align: justify;
    font-weight:5000;
    max-width: 50vw;
}
h2{
    font-family: 'Times New Roman', Times, serif;
    font-size: 3vh;
    line-height: 3vh;
   text-align: justify;
    font-weight:5000;
    max-width: 50vw;  
    padding-left: 10vw;
}

h3{
    font-family: 'Times New Roman', Times, serif;
    font-size: 2vh;
    line-height: 2vh;
   text-align: justify;
    font-weight:5000;
    max-width: 50vw;  
    padding-right: 25vw;
}

h4{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 50vh;
    line-height: 2vh;
     text-align: center;
     margin: 12vh;
 

}

h5{
    font-family: times;
    font-size: 2vh;
    line-height: 2vh;
   text-align: justify;
    font-weight:5000;
    max-width: 50vw;  
    padding-left: 25vw;
}

.star{
    position: sticky;
}