@charset "UTF-8";

html{
    font-family: 'Arial Black', 'Arial Bold', 'Gadget', sans-serif;
}

* {
    box-sizing: border-box;
}

body{
/*    background:url("../images/dust_scratches.png");*/
    background-color:#ffffff;
}

.btn {
  border: none;
  background-color: inherit;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
}

#header{
    width:100%;
    height:auto;
    background:url(../images/waterfall.jpg);
    background-position: center;
    margin-bottom: 0%;
    margin-top: 0%;
    padding-top:20px;
    padding-bottom:20px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#header h1 {
    color:white;
    font: 4vw 'Arial Black';
    text-align: center;
}

.bodybox {
/*    background:#ffffff;*/
    width: 100%;
    max-width: 1080px;
    margin: auto;
    overflow:auto;
    border-left: 2px solid black;
    border-right: 2px solid black;
    color: black;
/*    font: "Arial Bold";*/
    background: rgba(255, 255, 255, 0.9);
}

#assignments {
/*    background-color:hotpink;*/
/*    border: 1px solid black;*/
    border-right:2px solid black;
    float:left;
    width:60%;
    height:1500px;
    padding-left: 40px
/*    opacity: 0.5;*/
}

#assignments h2 {
    font: 1.8em "Arial Black";
}

#assignments a {
    font: 1.4em "Arial";
    color: #393939;
    text-decoration:none;
}

#assignments a:visited {
    font: 1.4em "Arial Black";
}

#assignments a:hover {
    color: #d44d4d;
}

#assignments a:active {
    color: #7c0c0c;
}


#links {
/*    background:aqua;*/
    float:left;
    width:40%;
    height:1500px;
    overflow:hidden;
    border-bottom:none;
}

#contact {
/*
    border: 1px solid black;
    border-left: none;
    border-bottom:none;
*/
    clear:both;
/*    background:red;*/
    height:25%;
/*    width:auto;*/
    font: 1.5em "Arial";
    text-align: center;
    padding-top: 20px;
}

#bigLink {
    font: 1.8em "Arial Black";
    color:#393939;
    text-decoration: none;
}

/*
#bigLink:visited {
    font: 2vw "Arial Black";
    color:#763e3e;
}
*/

#bigLink:hover {
   color:#d44d4d; 
}

#portfolio {
/*
    border: 1px solid black;
    border-left: none;
    border-top:none;
*/
/*    background:orange;*/
    height:40%;
/*    width: auto;*/
    text-align: center;
    padding-top: 5px;
/*    font-size: 5em*/
}

#portfolio .smedia{
    font-size: 3.5em;
    color:#393939;
}

#portfolio .smedia:hover {
    color:#d44d4d; 
}


#webBanner {
    width: 80%;
    height:auto;
}

#webBanner:hover {
    opacity:0.8;
}