body,html {

    padding: 100px;
    box-sizing: border-box;
    font-weight: 500;
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: center;
    -webkit-font-smoothing: subpixel-antialiased;
}

a, u {

    text-decoration: none !important;
}

/*Custom GitHub Button*/
.github-button {

    display: inline-block;
    background: #000000;
    color: #fff !important;
    text-transform: uppercase;
    padding: 20px 30px;
    border-radius: 5px;
    box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4);
    cursor: pointer;
    transition: all ease-in-out 300ms;
    -webkit-transform: translateZ(0px);
}  
  
    .github-button:hover {

        color: #fff;
        box-shadow: 0px 37px 20px -20px rgba(0,0,0,0.2);
        -webkit-transform: translate(0px, -10px);    
        -webkit-font-smoothing: subpixel-antialiased;
    }

/*Custom LinkedIn Button*/
.linkedin-button {

    display: inline-block;
    background: #0077B5;
    color: #fff !important;
    text-transform: uppercase;
    padding: 20px 30px;
    border-radius: 5px;
    box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4);
    cursor: pointer;
    transition: all ease-in-out 300ms;
    -webkit-transform: translateZ(0px);
}  
  
    .linkedin-button:hover {

        color: #fff;
        box-shadow: 0px 37px 20px -20px rgba(0,0,0,0.2);
        -webkit-transform: translate(0px, -10px);   
        -webkit-font-smoothing: subpixel-antialiased;
    }

/*Custom Twitter Button*/
.twitter-button {

    display: inline-block;
    background: #55acee;
    color: #fff !important;
    text-transform: uppercase;
    padding: 20px 30px;
    border-radius: 5px;
    box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4);
    cursor: pointer;
    transition: all ease-in-out 300ms;
    -webkit-transform: translateZ(0px);
}  
  
    .twitter-button:hover {

        color: #fff;
        box-shadow: 0px 37px 20px -20px rgba(0,0,0,0.2);
        -webkit-transform: translate(0px, -10px);   
        -webkit-font-smoothing: subpixel-antialiased;
    }

/*Custom Pinterest Button*/
.pinterest-button {

    display: inline-block;
    background: #cb2027;
    color: #fff !important;
    text-transform: uppercase;
    padding: 20px 30px;
    border-radius: 5px;
    box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4);
    cursor: pointer;
    transition: all ease-in-out 300ms;
    -webkit-transform: translateZ(0px);
}  
  
    .pinterest-button:hover {

        color: #fff;
        box-shadow: 0px 37px 20px -20px rgba(0,0,0,0.2);
        -webkit-transform: translate(0px, -10px);   
        -webkit-font-smoothing: subpixel-antialiased;
    }

/*Custom CodePen Button*/
.codepen-button {

    display: inline-block;
    background: #212121;
    color: #fff !important;
    text-transform: uppercase;
    padding: 20px 30px;
    border-radius: 5px;
    box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4);
    cursor: pointer;
    transition: all ease-in-out 300ms;
    -webkit-transform: translateZ(0px);
}  
  
    .codepen-button:hover {

        color: #fff;
        box-shadow: 0px 37px 20px -20px rgba(0,0,0,0.2);
        -webkit-transform: translate(0px, -10px);   
        -webkit-font-smoothing: subpixel-antialiased;
    }

/*Custom YouTube Button*/
.youtube-button {

    display: inline-block;
    background: #bb0000;
    color: #fff !important;
    text-transform: uppercase;
    padding: 20px 30px;
    border-radius: 5px;
    box-shadow: 0px 17px 10px -10px rgba(0,0,0,0.4);
    cursor: pointer;
    transition: all ease-in-out 300ms;
    -webkit-transform: translateZ(0px);
}  
  
    .youtube-button:hover {

        color: #fff;
        box-shadow: 0px 37px 20px -20px rgba(0,0,0,0.2);
        -webkit-transform: translate(0px, -10px);   
        -webkit-font-smoothing: subpixel-antialiased;
    }