@use 'abstracts' as *;

@use 'resume/section';
@use 'resume/card';

@use 'resume/sidebar';
@use 'resume/header';
@use 'resume/content';

body {
    font-family: Indivisa Text Sans-Regular, sans-serif;
    margin: 0;
    padding: 0;
    background-color: $secondary-color;
}

h1 {
    font-size: $font-size-large;
    margin: 0 0 0.25em;
    line-height: 1;
}

#resume {
    width: 210mm;
    height: 275mm;
    margin: auto;
    background-color: $background-color;
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-template-rows: auto;
    box-sizing: border-box;
    @include box-shadow(0, 0.0625rem, 0.625rem, rgba(0, 0, 0, 0.5));
}

.date > span {
    font-size: $font-size-light;
}

.list-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0.5em;
    gap: 0.5em;
}

.list-tags:last-child {
    margin-bottom: calc(-1 * 0.5rem);
}

.tag {
    align-items: center;
    display: inline-flex;
    height: 1.5em;
    font-size: $font-size-small;
    color: $font-color-primary;
    justify-content: center;
    padding-left: 0.7em;
    padding-right: 0.7em;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 0.375rem;
}

.keyword {
    font-size: $font-size-light;
    color: $font-color-secondary;
}