@import url('https://fonts.googleapis.com/css2?family=Righteous&family=Work+Sans:wght@100;300;400;600;800&display=swap');

.barra{
    background-color: #1e2326;
}
.navbar-toggler{
    background: #1CB698;
        
}

/* color al pasar el mouse en Navbar*/
.nav-link:hover{
    color: #1CB698 !important;
}

.nick{
    color: #1CB698;
    font-family: 'Righteous';
    font-size: 36px;
    margin-bottom: 0px;
}

.letra{
    color: #fff;
    font-family: 'Righteous';
}

.banner{
    padding: 20px;
    background-color: #1e2326;
    max-width: 350px;
    margin-top: 10px;
    border-radius: 40px;
}

.banner h1{
    margin-top: 40px;
    font-size: 42px;
    font-family: 'Righteous';
}

.banner h2{
    font-size: 15px;
    font-weight: normal;
}

.banner img{
    margin-top: 40px;
    border: 10px solid #1CB698;
    width: 80%;
    margin: auto;
    border-radius: 100%;   
}

.inicio{
    background: linear-gradient(to top, rgba(30,35,38,.8), rgba(30,35,38,1)),
    url(../img/bg-hero.jpg);
    background-size: cover;
    height: 110vh;
    color: #fff;
    display: flex;
    align-items: center;
}

.redes a{
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 100%;
    width: 42px;
    height: 42px;
    line-height: 42px;
    margin: 40px 5px;
    font-size: 25px;
    transition: .3s;
}

.redes a:hover{
    background-color: #1CB698;
}

.sobremi{
    margin: 0px;
    padding: 0px;
    color: #1CB698;
    font-size: 45px;
    font-family: 'Righteous';
}

.texto{
    font-family: 'Righteous';
    color: #fff;
    margin: 0px;
    padding:0px;
}

.card{
    background-color: #1e2326;
    font-family: 'Righteous';
}

.card h4{
    color: white;
}

.card h5{
    color: #1CB698;
    font-family: 'Righteous';
}

.card h6{
    color: #1CB698;
    font-family: 'Righteous';
}

#curriculo, #portafolio, #contacto, #sobre_mi, #footer{
    background-color: #1e2326;
}

.btn{
    color: white;
    background-color: #1CB698;
}

#contacto{
    margin: 0px;
    padding: opx;
}