body { background: black; }
#joe-image {margin-top:20px; min-width:40%; min-height:900px; float: left;}
#joe-image img {width: 100%;}
#hello-text {min-width: 40%; float:right; color: white;}
#positioning { position: relative; right: 30%; margin-top: 20%; float: right;}
.m50t {margin-top: 50px;}

h2
{
    font-size: 3em;
    margin-bottom:20px;
}

.shine:hover
{
    background: #222 -webkit-gradient(linear, left top, right top, from(#222), to(#222), color-stop(0.5, #fff)) 0 0 no-repeat;
    -webkit-background-size: 120px;
    
    color: rgba(255, 255, 255, 0.1);
    -webkit-background-clip: text;
    
    -webkit-animation-name: shine;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes shine
{
    0%
    {
        background-position: top left;
    }
    100%
    {
        background-position: top right;
    }
}

.modal { background-color: black; border: groove 13px #08c; padding: 20px;}
.modal-footer { background-color: black; }
.modal-body { min-height: 500px; }
h3#myModalLabel {color: white;}