body {
    background-color: rgb(154, 154, 236);
    font-size: 15pt;
    font-family: 'Roboto', sans-serif;
}

header {
    color: white;
    text-align: center;
    font-family: 'Secular One', sans-serif;
    font-size: 22pt;
}

section {
    background-color: white;
    border-radius: 5px;
    padding: 15px;
    width: 500px;
    margin: auto;
    box-shadow: 3px 3px 10px rgba(90, 90, 90, 0.596);
}

footer {
    color: white;
    text-align: center;
    font-style: italic;
}

div {
    text-align: center;
    padding: 8px;
}

/* keyframes */

.rotate-in-2-cw {
	-webkit-animation: rotate-in-2-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: rotate-in-2-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes rotate-in-2-cw {
    0% {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      opacity: 0;
    }
    100% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
      opacity: 1;
    }
  }
@keyframes rotate-in-2-cw {
    0% {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      opacity: 0;
    }
    100% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
      opacity: 1;
    }
  }
  
  /* media query */
@media (max-width: 600px) {
    section {
      width: 90%;
      padding: 5px;
    }

    #imagem {
      width: 100%;
      padding: 0;
      margin: 0 auto;
    }
}