.common-youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.common-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.common-image {
    display: block;
    max-width: 800px;
    width: 100%;
    margin: 10px auto;
}

strong {
    border-bottom: 2px solid #ff3333;
}

h1 {
    border-bottom: 4px solid #000066;
    padding-bottom: 5px;
    color: #000066;
}
 
h2 {
    border-bottom: 2px solid #000066;
    padding-bottom: 5px;
    color: #000066;
}

h3 {
    border-left: 2px solid #000066;
    padding-left: 5px;
    margin-left: 5px;
    color: #000066;
}

h4 {
    border-left: 1px solid #000066;
    padding-left: 5px;
    margin-left: 5px;
    color: #000066;
}

.panel-heading {
  font-size: 20px;
  font-weight: 500;
}

.button-anime {
    text-decoration: none !important;
    color: #fff !important;
    margin: 0;
    padding: 0.5em;
    position: relative;
    overflow: hidden;
}

.button-anime::before {
    display: block;
    position: absolute;
    z-index: 1;
    left: -100%;
    top: -50vh;
    content: '';
    width: 3rem;
    height: 100vh;
    transform: rotate(5deg);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    animation: highLight 3s ease-in-out 0s infinite;
}

@keyframes highLight {
    from { left: -5%; }
    15%, 100% { left: 105%; }
}