/* Page structure*/

*   {
        margin: 0;
        padding: 0;
        box-sizing: inherit;
    }

html    {
            font-size: 2vw;
            color: navy;
            box-sizing: border-box;
            font-family: 'Georgia', serif;
            font-weight: 400;
            padding: 0 2%;
            scroll-behavior: smooth;
            scroll-padding-top: 17vw
        }

header, footer  {
                    background-color: darkblue;
                    color: white;
                    padding: 2%;
                }

header  {
            position: fixed;
            width: 96%
        }

nav h4 {
            display: inline-block;
            text-align: center;
            width: 24.5%;
            color: lightblue;
        }

#about {
            padding: 17vw 1% 1% 1%
        }

#projects   {
                background-color: lightblue;
                box-sizing: border-box;
                clear: left;
                padding: 1%
            }

.project   {
                vertical-align: top;
                padding: 0 3% 0 0;
                display: inline-block;
                width: 49.5%;
            }

#project2   {
                float:right;
            }

#contact    {
                padding: 1%
            }

input, textarea {
                    border: 1px solid orangered;
                    width: 100%;
                    border-radius: 0.4rem;
                    font-family: 'Georgia', serif;
                    font-weight: 400;
                    font-size: 1rem;
                    color: darkblue;
                    font-weight: 400
}

label   {
            font-size: 1rem;
        }

textarea    {
                height: 10rem;
                resize: none
            }

.link   {
                        font-family: 'Tahoma', sans-serif;
                        padding: 2%;
                        font-weight: bold;
                        width: 20%;
                        float: right;
                        color: darkblue;
                        background-color: lightblue;
                        border: none                        
        }

.link:hover {
                background-color: orangered
            }

footer h4   {
                display: inline-block;
                text-align: center;
                width: 49.5%;
                color: lightblue;
            }

footer h4   {
                text-align: center;
            }


/* Reusable, general elements */

section {
            padding: 5% 0%;
            margin: 0% 0% 2% 0%;
            overflow: hidden
        }

h1, h2, h3, h4, h5, h6  {
                        font-family: 'Tahoma', sans-serif;
                        padding: 0 0 2% 0;                    
                    }

h1, h6  {
            text-align: center;
        }

p   {
        margin: 0 0 1em 0
    }

img {
        width: 50%;
        display: inline-block;
        margin: 0% 5% 0% 0%;
        border-style: solid;
        border-width: thin;
        border-color: orangered;
        border-radius: 0.4rem;
        float: left;
    }

a   {
        color: unset;
        text-decoration: unset;
    }

a:hover {
            color: orangered
        }