/*#46414023*/


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: 10px;
        font-size: 3em;
        white-space: nowrap;
        }

h2 {
        color: #464140;
        font-size: 1em;
        
        }
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: 35px;
        }
          
img {
        border-radius: 10px;
        margin-left: 30px;
        margin-top: 30px;
        margin-right: 0px;
        }

.big_box {

        width: 960px;
        height: 540px;
        background-color: #e8dce9;

}


.text_box {

        width: 460px;
        height: 460px;
        margin-top: 0px;
        /* margin-right: ;
        margin-left: 490px; */
        padding: 20px;
        background-image: url(images/jbdesign.jpg);
        background-position: center;
        border-radius: 10px;
        font-family: "franklin-gothic-urw", sans-serif;
        font-weight: 700;
        font-style: normal;
        color:white;
        font-size: 7em;
        line-height: 86px;
        }

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;
        margin-top: 30px;
        margin-left: 30px;
        border-radius: 10px;
        width: 40px;
        height: 20px; 
        }
a:hover, a:active {
        background-color: #464140;
        }

nav a:link, nav 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;
        border-radius: 0px;
        margin-top: 0px;
        margin-left: 0px;
        padding: 15px;
        width: 40px;
        height: 20px; 
      }
nav a:hover {
        background-color: #464140;
} nav a:active {
        background-color: #464140;
      }


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

footer {

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

            /* nav projects page */