/*body {
        background-color: #686868;
    }
    a {
        text-align: center;
        text-decoration: none;
        color:     white;
        padding: 0px;
        font-family: Arial;
        border-radius: 13px;
        border-bottom: 2px solid gray;
        display: inline-block;
        height: 27px;
        width: 135px;
        margin: 0px 0px 0px 50px;
        border-top: 2px solid gray;
        border-left: 2px solid gray;
        line-height: 27px;
    }
    #first{
        margin: 0px 0px 0px 50px;
    }
    h1{
        color: white;
        font-family: Arial;
        text-align: right;
        margin-right: 75px;
    }
    img {
        margin: 50px 0px 0px 350px;
        height: 418.2px;
        width: 627.3px;
        display: inline-block;
        transform: rotate(270deg);
        img.ri(max-width: .25%);
        img.ri(max-height: .25%);
    }
    #facebook{
        border: 2px solid #00ffff;
        border-radius: 10px;
        height: 60px;
        width: 100px;
        font-family: cursive;
        margin-top: 300px;
        margin-right: 300px;
        margin-left: 0px;
    }
    span{
        color:#00ffff;
        font-size: 20px;
    }
    #portrait {
        transform: rotate(180deg);
    }*/
    #menu {
        float: left;
    }
    body{
        background-color: #e6e6e6;
        background-repeat: no-repeat;
    }
    h1, h3{
        text-align: right;
        font-style: Oblique;
    }
    a {
        text-decoration: none;
        font-family: Courier New;
        border-radius: 5px;
    }
    #facebook{
        float: left;
        background-color: gray;
        margin-top: 100px;
        margin-left: 20px;
        color: white;
        height: 45px;
        width: 125px;
        border: 2px solid black;
        border-radius: 6px;
        font-size: 18px;
        display: inline-block;
        text-shadow: 2px 2px 2px black;
        padding: 10px;
    }
    div a {
        margin-left: 20px;
        padding: 10px;
        display: inline-block;
        font-size: 18px;
        border-bottom: 2px solid black;
        border-right: 2px solid black;
        height: 33px;
        width: 125px;
        text-align: center;
        background-color: gray;
        color: white;
        text-shadow: 5px 5px 5px black;
    }
    span{
        color: blue;
        height: 60px;
        width: 100px;
        text-shadow: 1px 1px 1px blue;
    }
    table{
        /*border: 2px solid black;*/
        display: inline-block;
        /*float: right;*/
        /*margin-right: 75px;*/
        margin-left: 50px;
    }
    td img{
        
    }
    #chess{
        height:200px;
        widht:200px;
    }
    #muddy{
        height: 180px;
        width: 120px;
    }
    th{
        text-align: center;
    }
    #webdesigner {
        float: right;
        text-align: right;
        margin-top: 530px;
        margin-left: 100px;
        display: inline-block;
        
    }
    .icon {
        height: 16px;
        width: 16px;
    }
    #persuade {
        text-align: left;
    }
    td {
        padding: 10px;
    }
    #ethan {
        width:300px;
        height: auto;
        float: right;
        display: inline-block;
    }
    #ethann {
        height: 300px;
    }
    #ethannn {
        width:600px;
        height: auto;
        float: right;
    }