/* settings for phone screen THE OR MAX WIDTH IS SOLELY FOR DEVELOPMENT TO SUIMULATE A PHONE SCREEN, TAKE IT ONCE YOU HAVE A WEBSITE YOU CAN USE YOUR PHOEN TO TEST ON*/
@media (pointer: coarse) or (hover: none) or (max-width: 1100px) {
    body {
        background-color: rgb(168, 152, 116);
    }

    .video {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }

    .button {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 10vw;
        margin-right: 10vw;
    }



}