body {
    background: linear-gradient(270deg, #def3d0, #e5f1c3, #c9eee3, #cee3f1);
    background-size: 800% 800%;

    -webkit-animation: AnimationName 20s ease infinite;
    -moz-animation: AnimationName 20s ease infinite;
    animation: AnimationName 20s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.sectTit {
    text-align: center;
    margin-top: 30px;
}
.sectTit h3 {
    display: flex;
    justify-content: center;
    align-items: center;
        font-size: 2.26rem;
    color: #2c6d59;
    margin-bottom: 15px;
}
.sectTit h3::before,.sectTit h3::after {
    content: "";
    background-color: #2c6d59;
    height: 3px;
    width: 70px;
}
.sectTit h3::before {
    margin-right: 5px;
    transform: rotate(60deg); 
}
.sectTit h3::after {
    margin-left: 5px;
    transform: rotate(-60deg); 
}

iframe.youtube-16-9 {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}