* {
    margin: 0;
    padding: 0;
    font-family: "Silkscreen", monospace;
    font-size: 3dvh;
    cursor: url("cursor/cursor.cur"), auto;
}

a, button {
    cursor: url("cursor/pointer.cur"), auto;
}

/*  HOME    */


header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30dvh;
}

header a {
    text-align: center;
    width: 20dvw;
    color: #ffffff;
    text-decoration: none;
}

#logo_header {
    width: 20dvw;
    padding: 0 15dvw;
}

#background_video {
    position: fixed; right: 0; bottom: 0;
    min-width: 100%; min-height: 100%;
    width: auto; height: auto; z-index: -100;
    background: url(videos/background_video.mp4) no-repeat;
    background-size: cover;
}

main {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 50dvh;
}

main h1 {
    padding-bottom: 2dvh;
}

#scPlayer {
    width: 33%;
}

main p {
    padding-bottom: 2dvh;
}

main input {
    background-color: transparent;
    border: 2px dashed white;
    height: 4dvh;
    width: 30dvh;
    text-align: center;
    color: white;
}

form {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

body {
    width: 100vw;
    height: 100vh;
    background-color: black;
    color: white;
}

footer {
    height: 10dvh;
    width: 100dvw;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 2px dashed white;
}

#footer_cont {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100%;
    width: 100%;
}

footer a {
    color: white;
    text-decoration: none;
}

footer img {
    height: 3dvh;
    padding-right: 1dvw;
}

footer div {
    display: flex;
    justify-content: start;
    align-items: center;
}



/*  INDEX   */

#index_main_cont {
    width: 100dvw;
    height: 100dvh;
    display: flex;
    justify-content: center;
    align-items: center;
}

#index_main_cont a {
    text-decoration: none;
}

#button_start {
    width: 15dvh;
    height: 8dvh;
    border: 2px solid white;
    background: transparent;
    color: white;
}
#button_start:hover {
    border: 2px dashed white;
}