@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');

$font : 'Poppins', sans-serif;
$font_title: 'Montserrat', sans-serif;

$weightTitle: 700;
.achievement_title {
    color: rgb(44, 186, 234);
    margin-bottom: 1rem;
    font-weight: $weightTitle;
    font-family: $font_title;
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.title_achievement {
    font-family: $font_title;
    font-weight: 600;
}

.button_style  {
    font-family: $font;
}

.description_project {
    font-size: 1rem;
    line-height: 1.5rem;
    color: white;
}

.tags {
    font-family: $font;
    font-weight: 400;
}

.title_project {
    font-family: $font;
    font-size: 1.125rem;
    line-height: 1.5rem;
}

@media (min-width: 64rem) {
    .items_project {
        width: 13.75rem;
    }
}

@media (min-width: 96rem) {
    .project_big_screen {
        width: 16.875rem;
    }
}

.title_projectItem {
    font-family: $font_title;
    font-weight: $weightTitle;
}

.descriptionItem {
    padding-top: 0.5rem;
    font-family: $font;
}

.date {
    font-family: $font;
}

.project_titleItem {
    color: rgb(44, 186, 234);
    margin-bottom: 1rem;
    font-size: 1.875rem;
    font-weight: $weightTitle;
    font-family: $font_title;
    line-height: 2.25rem;
}
