header {
  padding: 3em 0;
}

  main {
    margin-bottom: 4em;
  }
    main section {
      padding: 5em 0 0;
      text-align: center;
    }
    #intro {
      padding: 5em 0;
      border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF;
    }
      #intro li {
        margin-top: 0;
      }
      main section h3::after {
        content: '';
        display: block;
        width: 30%;
        height: 1px;
        margin: .8em auto;
        background-color: rgba(255,255,255,.3);
      }
      main section li {
        margin-top: 3em;
      }
        main section:not(#intro) li a {
          display: block;
          height: 100%;
          padding: 1em;
          color: #FFF;
          border-width: 1px; border-style: solid;
          border-radius: 10px;
          box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.2);
        }
        main section:not(#intro) li a:hover {
          color: #FFF;
          text-decoration: none;
      	  animation: pulse 2s infinite;
        }
          main section li img {
            display: block;
            margin: 2em auto;
          }
        main section li a.full-thumbnail {
          padding: 0 !important;
        }
          main section li a.full-thumbnail h3,
          main section li a.full-thumbnail p {
            padding-left: 1em; padding-right: 1em;
          }
          main section li a.full-thumbnail img {
            width: 100%;
            height: auto; max-height: 150px;
            margin-top: 0;
            border-radius: 9px 9px 0 0;
          }
      .post-block a {
        background-color: #49A695;
        border-color: #3e8e7f;
      }
      .ebd-block a {
        background-color: #F2CD88;
        border-color: #edbb5e;
      }
      .mqtt-block a {
        background-color: #F2A679;
        border-color: #ef925d;
      }
      .azure-block a {
        background-color: #3F6973;
        border-color: #2d4b52;
      }
	  .azuresas-block a {
        background-color: #7c9ccf;
        border-color: #2d4b52;
      }
      .mlp-block a {
        background-color: #D9725B;
        border-color: #ba462c;
      }

      .dm-calculator-block a {
        background-color: #D95525;
        border-color: #A34F36;
      }
	  
	   .tagimport-block a {
        background-color: #34eb5b;
        border-color: 0e451c;
      }
	  
	   .basicimport-block a {
        background-color: #eb9934;
        border-color: #45210e;
      }
	  
	  .custompage-block a {
        background-color: #E1C300;
        border-color: #45210e;
      }
	  

/*
  **
  Animation
  **
*/

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(200, 200, 200, 0.7);
	}

	70% {
		box-shadow: 0 0 0 10px rgba(200, 200, 200, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(200, 200, 200, 0);
	}
}