/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/*css por clase*/
.miclase{
    background-color:red;
}

/*CSS por elemento
h1{
    color:black;
}*/


/*CSS por ID*/
#contactame {
    font-family: "Lucida Console", "Courier New", monospace;
    font-size: 30  px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .body-content {
        padding: 0;
    }
}

.barra-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg, #0A3D91, #00CFFF) !important;
    min-height: 50px;
}

    .barra-menu li {
        margin: 0 10px;
    }

        .barra-menu li a {
            display: block;
            color: white !important;
            text-align: center;
            padding: 14px 20px;
            text-decoration: none;
            font-weight: bold;
            background: transparent !important;
        }

            .barra-menu li a:hover {
                background: rgba(255, 255, 255, 0.2);
                border-radius: 5px;
            }