.card-counter {
         box-shadow: 2px 2px 10px #DADADA;
         margin: 5px;
         padding: 20px 10px;
         background-color: #fff;
         height: 100px;
         border-radius: 5px;
         transition: .3s linear all;
     }

         .card-counter:hover {
             box-shadow: 4px 4px 20px #DADADA;
             transition: .3s linear all;
         }

         .card-counter.primary {
             background-color: #007bff;
             color: #FFF;
         }

         .card-counter.danger {
             background-color: #ef5350;
             color: #FFF;
         }

         .card-counter.success {
             background-color: #66bb6a;
             color: #FFF;
         }

         .card-counter.info {
             background-color: #26c6da;
             color: #FFF;
         }

         .card-counter i {
             font-size: 5em;
             opacity: 0.2;
         }

         .card-counter .count-numbers {
             position: absolute;
             right: 35px;
             top: 20px;
             font-size: 32px;
             display: block;
         }

         .card-counter .count-name {
             position: absolute;
             right: 35px;
             top: 65px;
             font-style: italic;
             text-transform: capitalize;
             opacity: 0.5;
             display: block;
             font-size: 18px;
         }

h1 {
    font-size: 28px;
    color: dimgray;
}

h3 {
    background-color: whitesmoke;
    font-size: xx-large;
    width: 75%;
    text-align: center;
    border: 2px solid black;
    margin-left: 5px;
    font-weight: bolder;
    -webkit-user-select: none;
}

.format-pre pre {
    background: pink;
    color: #f7f7f7;
    padding: 10px;
    font-size: 40px;
}

*:focus {
    outline: none;
}