body {
        background-color:#dddddd;
        margin: 30px 10%;
        
        }

main {
        background-color: rgba(255, 255, 255, 0.558);
        border-radius: 0px 0px 10px 10px;
        margin-bottom: 30px;
}
h1 {
        color:#464140;
        text-align:left;
        font-family: "franklin-gothic-urw", sans-serif;
        font-weight: 700;
        font-style: normal;
        text-transform:uppercase;
        text-decoration-color: white;
        text-decoration-line: underline;
        text-decoration-thickness: 8px;
        margin-left: 40px;
        margin-top:0px;
        margin-bottom: 40px;
        font-size: 3em;
        white-space: nowrap;
        }
h2 {
        color: #464140;
        font-size: 1em;
        margin-left: 30px;
        
        }
h4 {
        font-family: "franklin-gothic-urw", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 1.1em;
        margin-left: 30px;
}

header {
        margin-bottom: 0px;
}

p {
        color: #464140;
        font-family: "miller-text", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 18px;
        margin-left: 30px;
        margin-right: 50px;
        margin-bottom: 30px;
        }
          
img {
        border-radius: 10px;
        margin-left: 30px;
        }



body a:link, body a:visited {
        color: #e8dce9;
        text-align: left;
        font-family: "franklin-gothic-urw", sans-serif;
        font-weight: 700;
        font-size: 30px;
        background-color: #D700EE;
        font-style: normal;
        text-decoration: none;
        
        
        padding: 15px;
        width: 40px;
        height: 20px; 
        }

body a:hover, body a:active {
        background-color: #464140;
        }

nav a:link, a:visited {
        color: #e8dce9;
        text-align: left;
        font-family: "franklin-gothic-urw", sans-serif;
        font-weight: 700;
        font-size: 30px;
        background-color: #D700EE;
        font-style: normal;
        text-decoration: none;
        padding: 15px;
        width: 40px;
        height: 20px; 
      }
nav a:hover, a:active {
        background-color: #464140;
      }


nav {
        background-color:#D700EE;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 0px;
        margin-bottom: none;
      }

footer {

        color:white;
        font-family: "miller-text", serif;
        font-weight: 700;
        font-style: normal;
        font-size: 14px;
        margin-bottom: 50px;
}

            /* nav projects page */