img {
  max-width: 100%;
  height: auto !important; }

h2 {
  font-size: 170%;
  margin-bottom: 30px; }

h3 {
  font-size: 30px;
  border-bottom: 1px solid #439138;
  color: #439138;
  padding-bottom: 4px; }

#cartas {
  margin: 0px 0 30px 80px;
  position: relative; }

.carta {
  position: relative;
  border: 1px solid #666;
  box-shadow: 1px 3px 16px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: all 0.2s ease;
  margin-left: -80px;
  top: 0;
  left: 0;
  margin-bottom: 12px; }
  .carta:hover {
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
    top: 10px;
    left: -17px; }

.container {
  max-width: 740px;
  margin: 1em auto;
  overflow: hidden; }
  .container .flor {
    float: left;
    margin: 17px 30px 10px 0;
    box-shadow: 1px 3px 16px rgba(0, 0, 0, 0.2); }
  .container .texto {
    font-size: larger;
    text-align: left;
    margin-left: 156px; }

#jogar {
  text-decoration: none;
  border: 1px solid;
  padding: 6px 20px;
  border-radius: 4px;
  margin-bottom: 30px;
  font-size: 15px; }