@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url(nav.css);
@import url(home.css);
@import url(form.css);
@import url(login.css);
@import url(dashboard.css);
@import url(footer.css);
@import url(boxes.css);
@import url(tables.css);
@import url(modal.css);
@import url(pagination.css);
@import url(resume.css);
@import url(photos.css);
@import url(loader.css);
@import url(chart.css);

:root{
    --primaryColor: #4F0052;
    --primaryColorLight: #A340A6;
    --acentColorLight: #6AF3E9;
    --acentColor: #00D4C5;
    --acentColorDark: #00B1A4;
    --textAcentColor: #008077;
    --white: #ffffff;
    --black: #111111;
    --grey: #9e9e9e;
    --mediumGrey: #bdbdbd;
    --ligthGrey: #f5f5f5;
    --yellow: #ffc107;
    --red: #C60000;
    --titleSize: 3rem;
    --subtitleSize : 2rem;
    --largeText : 1.5rem;
    --mediumTextSize: 1.2rem;
    --textSize: 1rem;
    --smallTextSize: 0.8rem
}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

body{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
main{
    flex: 1 0 auto;
}
.title{
    color: var(--black);
    font-size: var(--titleSize);
    font-weight: 700;
    text-align: center;
    margin: 1rem 0;
}
.subtitle{
    color: var(--black);
    font-size: var(--subtitleSize);
    font-weight: 500;
    text-align: center;
    margin: 1rem 0;
}
.justify-text{
    text-align: justify;
}
.center-text{
    text-align: center;
}
.title-list{
    color: var(--primaryColor);
    font-size: var(--textSize);
}
.myLink{
    text-decoration: none;
}
.hide{
    display: none !important;
}
.message-medium{
    font-size: var(--largeText);
}
.not-scroll{
    overflow: hidden;
}
.list li{
    line-height: 1.5rem;
}