body

{margin: 50px;}

h1

{
    font-size: 50px;
    margin: 40px;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif


}


.title

{
    
    
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    margin: 0px;
    z-index: 1;
    }


.titlemain
{
background-color: rgb(221, 143, 95);
opacity: 95%;
}

.titlelate
{
background-color: rgb(43, 60, 83);
opacity: 95%;
}


.titletheory

{background-color: rgb(116, 197, 149);
    opacity: 95%;}

.titledream

{background-color: rgb(54, 77, 122);
    opacity: 95%;}

    .nav

    {
        background-color: none;
    width: 50%;
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0px;
    z-index: 2;
    padding-top: 20px;

    }

    .image

    {

    width: 50%;

    }

 

    .paraone
    {

    background-color: rgb(224, 175, 103);
    height: 50px;
    padding: 50px;
    margin: 50px;
   

    }

    a  

    {
        text-decoration: none;
        color: whitesmoke;
       


    }

 

    .gradient

    {


       
            padding-left: 20px; 
            
            width: 100%;
            border-collapse: collapse;
            background-image: linear-gradient(to right, rgba(153, 129, 129, 0),  rgb(253, 149, 149));
      opacity: .6;
      width: 70%;
        height: 200px;
        color:rgb(34, 54, 107)
    }



    .navvbar 

    {font-size: 30px;
    
    
    
    }

    .borderth

    {border: 1px solid;}