body{
    overflow: hidden;
    background: transparent !important;
}
.video-wrapper{
    height: 100vh;
    width: 100vw;
}
@keyframes dark2Bright {
    0%{filter: brightness(7%);}
    100%{filter: brightness(100%);}
}
#video {
    animation: dark2Bright 0.5s forwards ease-in-out;
    z-index: -1;
    position: absolute;
    object-position: center;
    object-fit: cover;
    filter: brightness(7%);
    right: 0;
    bottom: 0;
    height: 100%; width: 100%;
    /*object-fit: cover;*/
    /*height: 93%;*/
    /*width: 100%;*/
    /* min-width: 100%; */
    /* min-height: 80%; */
}

.container h2 {
    clear: left;
}

.container {
    /*background-color: ;*/
    /*width: 300px;*/
    /*min-height: 300px;*/
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;

    /* position the div in center */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.title {
    color: black;
    text-shadow: -2px 2px 5px rgba(0, 0, 0, 0.6);
    animation: fontColor 1s forwards ease-in-out;
}
@keyframes fontColor {
    0%{color: black;}
    30%{color: black;}
    50%{color: #cbb682;}
    100%{color: #cbb682;}
}


.title h1 {
    float: left;
    font-size: 500%;
    font-family: myFont;
}

.title h2 {
    clear: left;
    font-size: 400%;
    font-family: myFont2;
}


.roschild {
    font-family: myFont;
}

.mountainFont {
    font-family: myFont2;
}