@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');

:root {

--backgroundColor: rgb(20, 20, 20);

}

body {

    background: var(--backgroundColor);

}

#currentVid {

    position: absolute;

    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;

    object-fit: cover;

    cursor: default;

    z-index: -1;


}

#clickme {

    z-index: 1;

    position: absolute;


    width: 20%;
    height: 15%;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);


    border-style: solid;
    border-radius: 950px;
    border: 50px 50px 50px 50px;
    border-color: rgb(220, 220, 220);

    transition: 0.7s;


}


#clickme:hover {

    transition: 0.7s;

    top: 47%;

}

#tvLogo {

    margin: 0 0 0 0;

    position: absolute;

    text-align: end;

    color: white;

    font-family: 'Archivo Black', sans-serif;

    font-size: 520%;

    background: var(--backgroundColor);

    top: 100%;

}