@font-face {
    font-family: 'Poppins';
    src: url('resources/fonts/Poppins-Regular.ttf');
}

@font-face {
    font-family: 'Mova';
    src: url('resources/fonts/Mova.ttf');
}

body {
    background-color: #090d17;
    margin-left: calc(12.5%);
    margin-right: calc(12.5%);
    font-family: 'Poppins', sans-serif;
    color: white;
}

a {
    text-decoration: none;
    color: inherit;
    cursor: text;
}

.full-hidden {
    display: none;
}

.hidden {
    display: none;
}

.flex-container {
    display: flex;
}

.w-20 {
    width: 20%;
    margin: auto;
}
.w-30 {
    width: 30%;
    margin: auto;
}
.w-40 {
    width: 40%;
    margin: auto;
}
.w-50 {
    width: 50%;
    margin: auto;
}

.w-60 {
    width: 60%;
    margin: auto;
}

.w-70 {
    width: 70%;
    margin: auto;
}

.center-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

/* elements classes */

/* navigation elements */

.navigation-bar {
    margin-bottom: 100px;
}

.navigation-bar-fm-icon {
    width: 120px;
    margin-right: 10px;
}

.navigation-bar-fm-icon img{
    max-width: 100%;
    max-height: 100%;
}

.left-navigation {
    color: #9fc9c4;
    padding: 10px;
    margin: auto;
    font-size: 15px;
}

.right-navigation {
    color: #9fc9c4;
    padding: 10px;
    margin:auto;
    font-size: 13px;
}

.navigation-link-container {
    padding: 20px;
    transition: all 0.3s ease;
}

.home-button:hover {
    cursor: pointer;
    font-size: larger;
}

.navigation-link-container:hover {
    cursor: pointer;
    font-size: larger;
}

.navigation-bar-fixed {
    position: fixed;
    top: 0;
    z-index: 999;
    transition: top 0.3s;
    left: 12.5%;
    right: 12.5%;
    background-color: #090d17;
    font-family: "Mova", "Poppins", sans-serif;
}

.navigation-bar-fixed-two {
    position: fixed;
    top: 0;
    z-index: 999;
    transition: top 0.3s;
    left: 12.5%;
    right: 12.5%;
    background-color: #090d17;
    font-family: "Mova", "Poppins", sans-serif;
}

/* section 1 elements */

.section-1-container {
    margin-top: 200px;
}

.section-1-container img {
    border-radius: 150px;
}

.section-1-left-img-container {
    width: 350px;
    margin-left: auto;
    margin-right: 15%;
}

.section-1-left-img img{
    max-width: 100%;
    max-height: 100%;
}

.section-1-right-container {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: 10%;
}

.section-1-address {
    display: flex; 
    align-items: center; 
}

.section-1-role,
.section-1-email{
    display: flex;
    margin-top: 3%;
}

.section-1-role img {
    height: 25px;
}


.section-1-email img{
    max-width: 4%;
    max-height: 4%;
    height: 4%;
}

.section-1-role p {
    margin-left: 2%;
    margin-top: 0px;
}

.section-1-email p{
    margin-left: 2%;
    margin-top: 0px;
}

.section-1-portugal-flag {
    width: 25px;
    margin-top: 7px;
    margin-left: 10px;
}

.section-1-portugal-flag img{
    max-width: 100%;
    max-height: 100%;
}

.section-1-contacts {
    display: flex; 
    align-items: center; 
    width: 25px;
    margin-top: 20px;
}

.section-1-contacts img{
    max-width: 100%;
    max-height: 100%;
    border-radius: initial;
    margin-right: 100%;
}

.section-1-contacts img:hover{
    transform: scale(1.8); 
    cursor: pointer;
    border-radius: initial;
}

.name {
    color: #9fc9c4;
    font-family: "Mova", "Poppins", sans-serif;
    font-size: 180%;
}

/* section my-skills elements */

.section-my-skills-container {
    margin-top: 10%;
}

.section-my-skills-info-container {
    margin-top: 3%;
}

.section-my-skills-title {
    color: #9fc9c4;
    justify-content: center;
    display: flex;
    font-family: "Mova", "Poppins", sans-serif;
}

.my-skills-left {
    width: 33%;
    margin-left: 15%;
}

.my-skills-center {
    width: 33%;
    margin-left: 2%;
}

.my-skills-right {
    width: 33%;
}

.my-skills-technology {
    display: flex; 
    align-items: center;
    padding: 10px;
}

.my-skills-technology span {
    width: 10%;
}

.my-skills-technology span img{
    max-width: 100%;
    max-height: 100%;
}

.my-skills-technology p {
    margin-bottom: 4%;
    margin-left: 3%;
    text-align: justify;
}

/* section 2 elements */

.section-2-container {
    margin-top: 10%;
    margin-bottom: 10%;
}

.section-2-title {
    color: #9fc9c4;
    justify-content: center;
    display: flex;
    font-family: "Mova", "Poppins", sans-serif;
}

.section-2-left-container-1 {
    display: flex;
    margin-top: 5%;
}


.prof-experience-left-container {
    border: 0.5px solid white;
    border-radius: 20px;
    display: flex;
    width: 30%;
    margin-left: 22%;
}

.prof-experience-left-container:hover {
    transform: scale(1.2); 
    cursor: pointer;
}

.prof-experience-1 {
    margin-left: 5%;
}

.prof-experience-1-info-container {
    width: 70%;
}

.prof-experience-1-info-icon-container {
    width: 30%;
    justify-content: center; 
    align-items: center;
    display: flex;
}

.prof-experience-1-info-icon img{
    max-width: 100%;
    max-height: 100%;
    border-radius: 20px;
}

.prof-experience-1-address {
    font-size: 90%;
    color: #cec4c4;
}

.prof-experience-1-info-see-more-icon img{
    max-width: 33%;
    max-height: 50%;
    margin-left: 50%;
}

/* section 3 elements */

.section-3-container {
    margin-top: 10%;
    margin-bottom: 10%;
}

.personal-projects-title {
    color: #9fc9c4;
    justify-content: center;
    display: flex;
    font-family: "Mova", "Poppins", sans-serif;
}

.personal-projects-container {
    margin-left: 10%;
    margin-right: 10%;
}

.personal-projects-1,
.personal-projects-2 {
    border: 0.5px solid white;
    border-radius: 20px;
    margin-top: 4%;
}

.personal-projects-1:hover,
.personal-projects-2:hover {
    transform: scale(1.1); 
    cursor: pointer;
}

.personal-projects-1-title,
.personal-projects-2-title {
    margin-left: 4%;
    color: #FF79C6;
    font-family: "Mova", "Poppins", sans-serif;
}
.personal-projects-1-info,
.personal-projects-2-info {
    padding: 0px 15px 15px 25px;
    color: #cec4c4;
    text-align: justify;
    display: flex;
}

.personal-projects-1-info-text,
.personal-projects-2-info-text {
    width: 90%;
}

.personal-projects-1-info-arrow,
.personal-projects-2-info-arrow {
    width: 50px;
    align-items: center;
    display: flex;
    margin-left: 5%;
}

.personal-projects-1-info-arrow img,
.personal-projects-2-info-arrow img {
    max-width: 80%;
}

/* section 4 elements */

.section-4-container {
    margin-top: 10%;
    margin-bottom: 10%;
}

.section-4-container .w-50 {
    margin-top: 0px;
    margin-left: 10%;
}

.section-4-title {
    color: #9fc9c4;
    font-family: "Mova", "Poppins", sans-serif;
}

.education-container {
    border: 0.5px solid white;
    border-radius: 20px;
    display: flex;
}

.education-container:hover {
    transform: scale(1.2); 
    cursor: pointer;
}

.education-1 {
    margin-left: 5%;
}

.education-1-info-container {
    width: 70%;
}

.education-1-info-icon-container {
    width: 30%;
    justify-content: center; 
    align-items: center;
    display: flex;
}

.education-1-info-icon img{
    max-width: 100%;
    max-height: 100%;
}

.education-1-address {
    font-size: 90%;
    color: #cec4c4;
}

.education-1-info-see-more-icon img{
    max-width: 50%;
    max-height: 50%;
}

.section-4-rigth-container img{
    border-radius: 20px;
}

/* section 5 elements */


/* section 6 elements */

.section-6-container {
    margin-top: 10%;
    margin-bottom: 10%;
}

.blog-title {
    color: #9fc9c4;
    justify-content: center;
    display: flex;
    font-family: "Mova", "Poppins", sans-serif;
}

.blog-container {
    margin-left: 10%;
    margin-right: 10%;
}

.blog-1 ,
.blog-2 ,
.blog-3 {
    border: 0.5px solid white;
    border-radius: 20px;
    margin-top: 4%;
    display: flex;
}

.blog-1:hover ,
.blog-2:hover ,
.blog-3:hover {
    transform: scale(1.1); 
    cursor: pointer;
}

.blog-default-text-container {
    width: 60%;
}

.blog-default-title {
    margin-left: 4%;
    color: #FF79C6;
    font-family: "Mova", "Poppins", sans-serif;
}
.blog-default-info {
    padding: 0px 15px 15px 25px;
    color: #cec4c4;
    text-align: justify;
    display: flex;
}

.blog-default-info-text {
}

.blog-default-info-img {
    width: 40%;
    align-items: center;
    display: flex;
    margin-right: -3%;
    padding: 3%;
}

.blog-default-info-img img {
    max-width: 90%;
    border-radius: 20px;
}