html, body{
    background-color: black;
    overflow-x: hidden;
    z-index: 0;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
}

.first-page{
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    z-index: 0;
    position: relative;
    background-image: url("background_image.jpg");
}

.first-page .first-page-text-left{

    text-align: left;
    display: inline-block;
    margin-top: 10%;
    margin-left: 80px;
    font-size: 25px;
    color: white;
    float: left;
}


.first-page .first-page-text-right {
    margin-right: 160px;
    margin-top: 12%;
    text-align: right;
    display: inline-block;
    float: right;
}
/* For a href */

a {
    text-decoration: none;
}
a:link, a:visited {
    color: white;
}
a:hover {
    color: white;
}

/*
.second-page{

    background-color: red;
    height: 100vh;
    width: 100vw;
    margin: 0px;
    padding: 0px;
    z-index: 0;
    position: relative;

}

#backgroundVideo{

    position: fixed;
}
*/


.first-page-text-left{animation:first-page-text-left 1s cubic-bezier(.55,.085,.68,.53) both}
/* ----------------------------------------------
 * Generated by Animista on 2021-11-5 16:16:12
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@keyframes first-page-text-left{0%{filter:blur(12px);opacity:0}100%{filter:blur(0);opacity:1}}

#mylogo{animation:mylogo .8s cubic-bezier(.39,.575,.565,1.000) both}
/* ----------------------------------------------
 * Generated by Animista on 2022-8-28 14:53:32
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@keyframes mylogo{0%{transform:scaleY(.4)}100%{transform:scaleY(1)}}