cardsharks.css

@import url("https://fonts.googleapis.com/css?family=Varela+Round");
body {
  font-family: "Varela Round", sans-serif;
  background-color: #29335C;
  color: #F3A712;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 622px; }
  body header {
    width: 100%;
    background-color: #F3A712;
    color: #29335C; }
    body header h1 {
      margin-bottom: 0; }
    body header p {
      font-size: .75em;
      margin-top: 0; }
  body .border {
    background-color: #E4572E;
    margin: auto;
    width: 900px;
    padding: 1.5%;
    border-radius: 25px; }
    body .border main {
      display: flex;
      margin: auto;
      background-color: #A8C686;
      border: 1px solid #A8C686;
      border-radius: 25px; }
      body .border main figure:first-child {
        margin: 1.8% 0 1.8% 5%;
        position: static;
        padding: 0; }
      body .border main figure:nth-child(2) {
        position: absolute;
        left: 408px;
        padding: 0; }
      body .border main figure:nth-child(3) {
        position: absolute;
        left: 550px;
        padding: 0; }
      body .border main figure:nth-child(4) {
        position: absolute;
        left: 700px;
        padding: 0; }
      body .border main figure:nth-child(5) {
        position: absolute;
        left: 845px;
        padding: 0; }
      body .border main figure img {
        border-radius: 13px; }
      body .border main figure figcaption {
        width: 100%;
        margin: 2%;
        border-radius: 5px;
        background-color: #A8C686;
        color: #29335C; }
  body .buttons {
    background-color: #F3A712;
    color: #29335C;
    display: flex;
    justify-content: center; }
    body .buttons button {
      margin: 1% 2%;
      padding: 20px;
      border-radius: 15px;
      border: 10px solid #E4572E;
      background-color: #29335C;
      color: #F3A712;
      font-family: "Varela Round", sans-serif;
      font-size: 1.5em;
      font-weight: bold; }
    body .buttons button:hover {
      margin: 1% 2%;
      padding: 20px;
      border-radius: 15px;
      border: 10px solid #29335C;
      background-color: #E4572E;
      color: #29335C;
      font-family: "Varela Round", sans-serif;
      font-size: 1.5em;
      font-weight: bold; }
    body .buttons p {
      padding-top: 40px; }
  body h3 {
    margin: 1%; }
  body footer a {
    text-decoration: none;
    color: #F3A712; }

/*# sourceMappingURL=cardsharks.css.map */