/*
/* 
    Created on : Oct 3, 2016, 9:36:30 PM
    Author     : Melissa Dahse
*/
#wraper_2{
  width:99.9%;
  margin:0px auto;
 
  background-color:#ffffff;
  width:400px;
}

#container_card {
    background-color: #00cb55;
    margin: 10px auto;
    border: white 5px solid;
    height:314px;
    width: 369px;
    position: relative;
    
}

.words p{
    font-family: 'Allura',sans-serif,serif;
    font-size: 1.5em;
    margin: 7px -2px 4px 105px;
    padding: 2px;
    color:#befdf2;
    text-shadow: -4px 5px 2px  #ff9800;
    background-color: #00cb55;
    
}

.background_2{
    width: 100%;
    margin:auto;
    position: relative;
}
.key{
   float:left;
   margin:10px auto;
   padding:2px;
   max-height: 300px;
   max-width: 400px;
   position: absolute;
   top:134px;
   left:-4px;
    
    -webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* Safari */
    transition: width 2s, height 2s, transform 2s;
   
}
.key:hover {
    width: 100px;
    height: 100px;
    -webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);
}
.words{
    padding:5px;
    margin: 2px auto;
    position: absolute;
    top: 157px;
    left: 11px;
}