* {
    box-sizing: border-box;
}
 
body{
    margin: 0vw;
    width: 100vw;
    overflow-x: hidden;
}

h1{
    font-family: 'Comfortaa', sans-serif;
    font-size: 20vw;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-shadow: .25vw .25vw .25vw black;
    margin-top: 0;
}

a{
    text-decoration: none;
    color: rgb(40, 40, 40);
}

video{
    width: 100vw;
    height: 56.25vw;
    
    
}

.video-container{
    width: 100vw;
    height: 56.25vw;
    position: relative;
    margin-bottom: 1vh;
}

.arrow{
    font-size: 1vw;
    position: absolute;
    z-index: 1;
    font-size: 10vw ;
    text-shadow: -.5vw -.5vw .25vw rgb(255, 255, 255);
    transform: rotate(180deg);
    margin-left: 2vw;
}

.arrow p{
    margin: 0;
}

.arrow:hover{
    opacity: 70%;
    /* font-size: 15vw;
    margin-left: 4vw; */
}

img,.p1,.p2,.p3,.p4,.p5,.p6,.p7,.p8,.p9{
    height: 25vw;
    margin: 1vw;
}


.row{
    display: flex;
    justify-content: center;
    /* width: 98vw; */
    /* justify-content: space-between; */
    /* margin: 1vw; */
}