h1{
    text-align: center;
    align-content: center;
    color:firebrick;    
}

body{
    color: red;
    font-family:cursive; 
    text-align: center;
    background-color: black;
}

header{
    text-align: center;
} 

iframe{
  width: 500px;
  height: 651px;
  border: none;
  overflow: hidden;
  border:0px;
}

footer { 
  width: 100%; 
  background-color: blue; 
  text-align: center;
} 

#hero{
    height:250px;
    width:50%;
    background-image: url(../img/cross.jpg);
    background-repeat:repeat;
    background-size: contain;
    background-position: right;
}
.right {
    float: right;
    width: 300px;
    height: auto;
    transform: rotate(5deg);
    transition: 2s all;
    box-shadow: 5px 5px 12px rgba(0,0,0,0.3);
    padding: 15px; 
}

.left {
    float:left;
    width: 250px;
    height: auto;
    transform: rotate(-5deg);
    transition: 2s all;
    box-shadow: 5px 5px 12px rgba(0,0,0,0.3);
    padding: 15px;
}