body 
{
  /*  overflow: hidden; */

  overflow-x: hidden;


    color: white;
    font-size: 60px;
    width:  100%;
    height: 100vh;
    background: rgb(58,67,75);
    background: radial-gradient(circle, rgba(58,67,75,1) 0%, rgba(38,44,50,1) 100%);
    font-family: 'Roboto', sans-serif;
    background-size: 100%;

    height:200vh;

}




.button1 /* home button*/
{
    transition-duration: 0.4s;
    
    font-size: 40px;
    background-color: none;
    background: none;
    border: none;
    font-family: 'Scheherazade New', serif;
    position: relative; top: -140px; left: 600px;
    color: white;
    cursor: pointer;
    text-decoration: white;
    text-shadow: none;
    text-decoration: none;
}

button:link 
{
    text-decoration: none;
}

.button1:hover 
{

    text-decoration: none;
    background-color: none;
    color: rgb(218, 75, 75);
    border: none;
    

}




.button2 /* About */
{
    font-size: 40px;
    color: white;
    background-color: none;
    background: none;
    border: none;
    font-family: 'Scheherazade New', serif;
    position: relative; top: -140px; left: 650px;
    cursor: pointer;




}

.button2:hover 
{
    background-color: none;
    color: rgb(218, 75, 75);
    border: none;

}


.button3 /* Contact */
{
    font-size: 40px;
    color: white;
    background-color: none;
    background: none;
    border: none;
   /* font-family: 'Roboto', sans-serif;*/
   font-family: 'Scheherazade New', serif;
    position: relative; top: -140px; left: 700px;
    cursor: pointer;

}

.button3:hover 
{
    background-color: none;
    color: rgb(218, 75, 75);
    border: none;

}


.button4 /* More */
{
    font-size: 40px;
    color: white;
    background-color: none;
    background: none;
    border: none;
    font-family: 'Scheherazade New', serif;  
    position: relative; top: -140px; left: 750px;
    cursor: pointer;

}

.button4:hover 
{

    background-color: none;
    color: rgb(218, 75, 75);
    border: none;

}


.button5 /* Learn more*/
{

    
    position: relative; top: 300px; 
    width: 150px;
    height: 50px;
    background-color: rgb(218, 75, 75);
    font-family: 'Roboto', sans-serif; border-radius: 10%;
    font-size: 25px;
    border: none;
    cursor: pointer;
   

}

.button5:hover 
{
    background-color: white;
    transform: scale(1.1);
}







@keyframes change 
{
    0% 
    {
        background-position: 0 50%;
    }

    50% 
    {
        background-position: 100% 50%;
    }

    100% 
    {
        background-position: 0 50%;
    }
}


 
p.Learn 
{
    font-size: 60px;
    position: relative; top: 600px;
    font-family: 'Roboto', sans-serif; border-radius: 10%;

}


video.Trailer

{

   height: 325px;
   width: 275;
   position: relative; top: 600px;
   
}