style.css

body  {
    margin: 0px;
    padding: 0px;
    background-color: rgb(47, 47, 47);
    align-items: center;
    text-align: center;
    justify-content: center;
}

h1 , h2 ,h3 ,h4 ,h5 ,h6  {
    font-family: Roboto;sans-serif;
}
.navigation  {
    background-color: rgb(47, 62, 96);
    display: flex;
    padding-left: 390px;
    align-items: center;
    text-align: center;

}

.creators h1 {
    color: #ffffff;
    font-family: Roboto;sans-serif;
    transition: all 400ms ease;
}

.creators h1:hover  {
    color: goldenrod;
    transition: all 400ms ease;
}

.btn  {
    text-decoration: none; 
    border: 2px solid #ffffff; 
    border-radius: 999px; 
    padding: 20px 10px; 
    text-transform: uppercase; 
    font-weight: 700; 
    color: rgb(255, 255, 255); 
    transition: all 400ms ease; 
    height: 15px;
    margin-left: 15px;
    align-items: center;
    text-align: center;
}

.btn:hover { 
    background-color: #ffffff; 
    color: rgb(47, 47, 47); 
    margin-bottom: 15px;



  }


.head img  { 
    width: 100%;
    height: 700px;
}
.videofirst  {
    padding-left: 50px;
    border-radius: 30px;
    display: flex;
}

.videofirst h1 {
    color: white;
    font-family: Roboto;sans-serif;
    padding-left: 25px;
    font-size: 25px;
}

.videosecond  {
    padding-top: 25px;
    padding-left: 50px;
    display: flex;
    color: #ffffff;
}

.videosecond h1 {
    padding-left: 25px;
    font-family: Roboto;sans-serif;
    font-size: 48px;
}

.support h1 {
color: white;
font-family: Roboto;sans-serif;

}