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;
        height: 1800px;
        
}

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: 10px;
        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: 50px;
}

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



body a:link, a:visited {
        
        text-align: left;
        font-family: "franklin-gothic-urw", sans-serif;
        font-weight: 700;
        font-size: 20px;
        font-style: normal;
        text-decoration: none;
        padding: 5px;
        width: 40px;
        height: 20px;

         
      }
body a:hover, a:active {
        background-color: none;
        text-decoration:underline;
      }

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;
      }

.square {
        width: 420px;
        height: 360px;
        margin: 10px;
        float: left;
        border-radius: 20px;
        padding: 1em;
        font-family: franklin-gothic-urw, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 20px;
        border-style: solid;
        border-color: white;
        border-width: 1px;
        margin-left: 30px;
}

.divide {
        /* BREAKS THE FLOAT */
        margin-top: 10px;
        clear: left;
        height: 10px;
        
        
    }

footer {

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

            /* nav projects page */