body {
    background: #667db6;  
    background: -webkit-linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.box {
    border-radius:10px;
    border:5px solid #fff;
    width:400px;
    background-color:#efefef;
    font-family: 'Roboto', sans-serif;
    padding:15px;
    text-align: center;
}

.centered {
    /*
    position: fixed;
    top: 40%;
    left: 50%;
    margin-top: -125px;
    margin-left: -200px;
    */
    margin: 75px auto 75px auto;

}

.fname {font-size:2em; font-weight:700; color:#898989;}
.lname {font-size:2em; font-weight:700; color:#565656;}
.sub {font-size:1.3em;}

.icons-2 {
    margin-top: 8px;
}


.icon-php {height:36px; width:78px;}
.icon-mysql {height:42px; width:42px;}
.icon-laravel {height:40px; width:40px; padding:4px;}
.icon-bootstrap {}
.icon-jquery {width:42px; color:#005dff;}
.icon-sass {height:48px; width:48px;}


.projects {
    text-align: left;
    margin-top: 8px;
}

.project-kanban {
    margin-top: 20px;
}



.btn {
    display: inline;
    padding: .375rem .75rem;
    background-color: #005dff;
    color: white;
    border: 2px solid #005dff;
    margin-right: 10px;
    font-size: 16px;
}

.btn:hover {
    background-color: #0342ad;
    cursor: pointer;
}