* {
    font-family: 'Lato', sans-serif;
    font-family: 'Nunito Sans', sans-serif;
}

.menu {
    background-color: white;
    height: 88px;
    box-shadow: 0px 5px rgba(12, 12, 12, 0.30);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    width: 205px;
    height: 47px;
    margin-left: 30px;
}

.menu-items {
    list-style: none;
    display: flex;
}

.menu-items li {
    padding: 15px 23px;
}

.active {
    border-bottom: 6px solid #1E96BA;
}

.logo-linkedin {
    width: 41px;
    height: 39px;
}

.logo-git {
    width: 41px;
    height: 39px;
}

.links-container {
    display: flex;
    align-items: center;
    margin-right: 120px;
}

.img-container img {
    margin-left: 25px;
    margin-right: 25px;
}

.profile-title {
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-title {
    margin-top: 40px;
    width: 83px;
    height: 77px;
}

.title {
    color: #1E96BA;
    padding-top: 35px;
    margin-left: 12px;
    font-weight: 500;
}

.profile-content {
    display: flex;
    justify-content: center;
    margin-top: 3.5rem;
}

.profile-description {
    width: 686px;
    text-align: left;
    margin-left: 4rem;
    margin-top: 1rem;
}

.main-profile-title {
    color: #1E96BA;
    font-weight: 300;
}

.main-profile-description {
    font-weight: 500;
}

.skills-subtitle {
    font-size: 25px;
    text-align: center;
    font-weight: 500;
}

.container-skills {
    /* border: 1px solid blue; */
    height: 200px;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
}

.language-item {
    /* border: 1px solid red; */
    width: 260px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.language-level {
    height: 25px;
    width: 120px;
    background-color: #1E96BA;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.bg-advanced {
    background-color: #18B5E4;
}

.bg-native {
    background-color: #2D9F39;
}

.bg-intermediate {
    background-color: #1D1C6D;
}

.portfolio-container {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}

.portfolio-item {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
}

.portfolio-item p {
    text-align: center;
}

.contact-container {
    height: 800px;
    background-color: #dadada;
}

.form-container {
    display: flex;
    justify-content: center;
    margin-top: 5rem;
}

.contact-form {
    width: 500px;
}

label {
    margin-left: 17px;
}

.form-control {
    margin: 12px 0px;
}

input {
    padding-left: 17px;
    width: 100%;
    height: 60px;
    border: none;
    border-radius: 30px;
    border-bottom: 1px solid #1E96BA;
}

.btn-container {
    margin-top: 4rem;
    display: flex;
    justify-content: center;
}

.btn {
    width: 298px;
    height: 71px;
    background-color: #1E96BA;
    border-radius: 35px;
    color: white;
    font-size: 20px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;

}

.btn:hover {
    background-color: #c300ea;
}

.icon {
    margin-left: 12px;
}

.contact-message {
    font-size: 25px;
    text-align: center;
    font-weight: 500;
    padding-left: 250px;
    padding-right: 250px;

}

.legal-container {
    border-top: 2px solid #dadada;
    padding-top: 15px;
    padding-bottom: 15px;
}

.right-reserved {
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    color: #000000;
}

.container-img {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.octocat-logo {
    width: 44px;
    height: 44px;
    padding-right: 35px;
}

.nodejs-logo {
    width: 44px;
    height: 44px;
    padding-right: 35px;
}


.javascript-logo {
    width: 44px;
    height: 44px;
    padding-right: 35px;
}


.tux-logo {
    width: 48px;
    height: 48px;
}

.text-danger {
    color: red;
}