.background {
    width: 100vw;
    height: 100vh;
    background-image: url("../../medias/images/background.avif");
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
}

body {
    overflow: hidden;
}

.content {
    background-color: rgba(0, 0, 0, .8);
    width: 50vw;
    margin: 0 auto;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}

h1 {
  	user-select: none;
    color: rgb(255, 0, 251);
    width: 100%;
    padding: 1.5rem 0;
    text-align: center;
    font-family: 'Courier New', Courier, monospace;
}

.description {
    color: rgb(0, 160, 255);
    width: 50rem;
    margin: 1.5rem calc(25vw - 25rem);
    font-family: 'Courier New', Courier, monospace;
}

video {
    width: 40rem;
    margin: 0 calc(25vw - 20rem);
}

.normal {
    width: 40rem;
    margin: 0 calc(25vw - 20rem);
}

.normal:hover {
    cursor: pointer;
}

.spots-colliders-big {
    width: 50vw;
    position: fixed;
    margin: 5rem 25vw;
}

.spots-colliders-big:hover {
    cursor: pointer;
}

.big {
    width: 75vw;
    position: fixed;
    margin: 5rem 12.5vw;
}

.big:hover {
    cursor: pointer;
}

.back-btn {
    background-color: rgb(255, 0, 251);
    border-color: rgb(255, 0, 251);
    position: absolute;
    margin: 2rem 0 0 29vw;
}