body{
     background-image:url("../../images/flower.jpg");
     background-size:cover;
     background-repeat: no-repeat; 
     background-position:center;
     background-attachment: fixed;
     font-size:large;
   }

.box1{
        background-color:rgba(220,240,255,0.6);
        width: 100%;
        margin:10px;
        border-radius:10px;
   /*     box-shadow: 9px 9px 10px 2px #888899; */
}

h1{
    font-style: oblique 15deg;
    font-family: fantasy;
    color:white;
    text-shadow: 2px 2px 3px green, -2px 2px 3px green, 2px -2px 3px green, -2px -2px 3px green;
}


h3{
        margin-top:20px;
        text-align:center;
}

.img1{ 
        width: 100%;
        height:300px;   /* must be px not be em */
        border-radius:10px 10px 0 0;
}

.text1{ 
        padding:10px 30px 40px 30px;
}


#com1{
   margin-top:30px;
   background-color:rgba(200,200,230,0.5);
   height:30px;
   text-align:center;
}

#crane:hover{
transform:rotateY(180deg);
}

#dragon:hover{
transform:rotateY(180deg);
}

#dinosaur:hover{
transform:rotateY(180deg);
}