body 
{
    overflow: 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;
    

}



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

.HomeButton:hover 
{

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


.AboutButton 
{

    transition-duration: 0.4s;
    
    font-size: 40px;
    background-color: none;
    background: none;
    border: none;
    font-family: 'Scheherazade New', serif;
    position: relative; top: 40px; left: 650px;
    color: white;
    cursor: pointer;
    text-decoration: white;
    text-shadow: none;
    text-decoration: none;
}

.AboutButton:hover 
{
    text-decoration: none;
    background-color: none;
    color: rgb(218, 75, 75);
    border: none;
}

.ContactButton 
{
    
    transition-duration: 0.4s;
    
    font-size: 40px;
    background-color: none;
    background: none;
    border: none;
    font-family: 'Scheherazade New', serif;
    position: relative; top: 40px; left: 700px;
    color: white;
    cursor: pointer;
    text-decoration: white;
    text-shadow: none;
    text-decoration: none;

}

.ContactButton:hover 
{
    text-decoration: none;
    background-color: none;
    color: rgb(218, 75, 75);
    border: none;
}

.FAQButton 
{
    transition-duration: 0.4s;
    
    font-size: 40px;
    background-color: none;
    background: none;
    border: none;
    font-family: 'Scheherazade New', serif;
    position: relative; top: 40px; left: 750px;
    color: white;
    cursor: pointer;
    text-decoration: white;
    text-shadow: none;
    text-decoration: none;
}


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

}

p.ContactSum 
{
    font-size: 40px;
    font-family: 'Roboto', sans-serif; border-radius: 10%;
    position: relative; top: 140px; 




}

div.Contact
{
    font-size: 62px;
    font-family: 'Scheherazade New', serif;  
    position: relative; top: 100px; 



}




img.twitter 
{
    width: 75px;
    position: relative; left: -150px; top: 100px;
}

img.twitter:hover 
{
   filter: grayscale(35%);
   cursor: pointer;

  
}

img.facebook 
{
    width: 75px;
    position: relative; left: -50px; top: 10px;

}

img.facebook:hover 
{
    filter: grayscale(35%);
    cursor: pointer;


}

img.discord 
{
    width: 75px;
    position: relative; left: 50px; top: -80px;

}

img.discord:hover 
{
    filter: grayscale(35%);
    cursor: pointer;


}

img.mail 
{
    width: 75px;
    position: relative; left: 150px; top: -170px;



}


img.mail:hover 
{
    filter: grayscale(35%);
    cursor: pointer;


}