@import http: //fonts.googleapis.com/css?family=Lato:100,300,400);
@import http: //fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700);
@import http: //fonts.googleapis.com/css?family=Lora);
@import http: //fonts.googleapis.com/css?family=Oswald:400,300,700);
@import http: //fonts.googleapis.com/css?family=Economica:400,700,400);
@import http: //fonts.googleapis.com/css?family=Michroma);
@import url(https://fonts.googleapis.com/css?family=Candal);
@font-face {
    font-family: Gotham-Rounded-Light_21020;
    src: url('fonts/Gotham-Rounded-Light_21020.ttf');
}

.bg_faceface {
    background-color: #2B2B2B;
    padding-bottom: 100px;
}

.flappyface_txt {
    color: white;
    font-family: 'Candal', sans-serif;
    padding-top: 50px;
    font-size: 50px;
}

.Os_txt {
    color: #E9E581;
    font-size: 14px;
}

.btn_FlappyFace {
    font-family: 'Gotham-Rounded-Light_21020', Lato, Helvetiva, Arial, sans-serif;
    font-size: 18px;
    transition: background-color 1s ease-in-out, color 1s ease, letter-spacing 0.5s ease-in-out;
    padding-top: 30px!important;
    padding-bottom: 30px !important;
    padding-left: 30px!important;
    padding-right: 20px!important;
    background-color: transparent;
    color: #E9E581;
}

.btn_FlappyFace:hover {
    color: #E9E581;
    background-color: rgba(255, 255, 255, 0.15) !important;
    transition: background-color, 1s, ease-in-out;
}

.full-width {
    width: 100%;
}

.icon-4x {
    font-size: 100px;
}

.AboutFlappyText {
    font-family: 'Gotham-Rounded-Light_21020', Lato, Helvetiva, Arial, sans-serif;
    color: white;
}

.AboutFlappy {
    color: white;
    font-family: 'Candal', sans-serif;
}

.colorChange {
    color: #C63D0F;
}