html
{
    height: 100%;
}

h1
{    
    color: navy;
    margin-left: 20px;
}

h2
{    
    color: navy;
    margin-left: 20px;
}

h3
{    
    color: navy;
    margin-left: 20px;
}



body
{

    
    height:100%;
    max-width: 900px;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 0px;
    background: #0e0e3d;
    background: linear-gradient(#0e0e3d,#ff8800);
    background-image: url("./image/mountain.jpg");
    background-size: cover;

}



#all
{
    border: solid;
    border-width: 10px;
    border-color: white;
    background-color:lightgrey;
}

#head
{
    border-bottom: solid;
    border-width: 15px;
    border-color: white;
}

#head h1
{
    color: midnightblue;
    text-decoration: none;
    font-family: "Arial", sans-serif;
    font-size: 35px
}

#head h2
{
    
    color: black;
    text-decoration: none;
    font-family: "courier", monospace;
    font-size: 18px
}

#tableofcontent
{
    border-bottom: solid;
    border-width: 5px;
    border-color: white;
}

#resume
{
    border-bottom: solid;
    border-width: 5px;
    border-color: white;
}

#link
{
    border-bottom: solid;
    border-width: 5px;
    border-color: white;
}

#hobbies
{
    border-bottom: solid;
    border-width: 5px;
    border-color: white;
}

a
{
    color: #ff6400;
    text-decoration: none;
    font-family: "times new roman", serif;
    font-size: 20px
}

p
{
    max-width: 800px;
    margin-left:40px;
}