html{
    height: 100%;
}

body {
/* background-image: url(../source.gif);
opacity:; */
display: flex;
justify-content: center;
align-items: center;
min-height: 100%;

    animation: body 3s linear infinite alternate;
    -webkit-animation: body 3s linear infinite alternate;
  }
  
  @keyframes body {
    0% {
      background-color: crimson; 
    }
  
    50% { 
     background-color: black;
    }
    
    100% {
     background-color: crimson;
    }
  }

  @-webkit-keyframes body
  0% {
    background-color: crimson; 
  }

  50% { 
   background-color: black;
  }
  
  100% {
   background-color: crimson;
  }
}
  
    
.container {
    color: black;
    align-items: center;
    flex-direction: row;
    display: flex;
    /* justify-content: center; */
    align-content: center;
    height: 100vh;
    width: 100vw;
    text-align: center;
}

.container .img {
    width: 30%;
    height: 100%;
    transition: width 0.5s ease-in-out;
}

.container .text {
    width: 70%;
    /* height: 100%; */
    transition: width 0.5s ease-in-out;
}

.hovered .img {
    width: 70%!important; 
}
.hovered .text {
    width: 30%!important;
}



a {
    text-decoration: none;
    color: gray;
    place-content: bottom;
}

/* section p {
    display: none;

}  */

/*  
section:hover {
    background-color: black;
    color: antiquewhite;
    
}
*/

/*  
a:hover {
    text-decoration: none;
    color: gray;
}
*/

h1 {

    font-family:'Roboto Slab', serif;
    font-size: 8rem;
}


/* section:hover a {
    display: block;
    visibility: visible;
} */

a {
    text-decoration: none;
    color: black; 
    align-items: flex-end;
}

/* img {
    align-items: stretch;
    
    opacity: 30%;
} */
    


    }
    /*  
    h1:hover {
    color: coral;
    transform: rotate(-360deg);

    }
    */