@font-face {
    font-family: "RubikMedium";
    src: url('./fonts/Rubik-Medium.ttf');
}

@font-face {
    font-family: "RubikRegular";
    src: url('./fonts/Rubik-Regular.ttf');
}

* {
    font-size: 1em;
    margin: 0;
    text-align: center;
}

body {
    font-family: "RubikMedium", "Helvetica Neue", Arial, sans-serif;
    color: #3A3A3A;
}


.container {
    max-width: 768px;
    margin: 0 auto;
}

.logo {
    padding:25px 0;
}

.hashtag {
    color: #C13040;
    font-family: "RubikRegular", "Helvetica Neue", Arial, sans-serif;
    font-size:18px;
    text-align: center;
    padding-bottom: 15px;
}

.website {
    height: 78px;
    line-height: 78px;
    border: 2px solid #C13040;
    margin: 16px;
    background: rgb(230,24,48);
background: linear-gradient(90deg, rgba(230,24,48,1) 0%, rgba(193,48,79,1) 73%);
    transition: background-color .3fs ease;
}

.website:hover{
    background-color: #A82332;
} 

.website a {
    color: #fff;
}

.buttons {
    height: 65px;
    line-height: 65px;
    border: 2px solid #C13040;
    margin: 16px;
    background-color: #fff;
    transition: background-color .3s ease;

}

.buttons:hover{
    background-color: #C13040;
}

.buttons a {
    color: #C13040;
    font-size: 14px;
}

.buttons a:hover {
    color: #fff;
}

a {
    text-decoration: none;
}




/* REDES SOCIALES */

.bottom {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 11px 25px 0 rgba(0,0,0,0.25);
    position: fixed;
    bottom: 0;
}

.rrss {
    max-width: 768px;
    margin:0 auto;
    height: 100px;
    line-height: 118px;
    
}

.icon {
    width: 19%;
    display: block;
    float:left;
}