@charset "utf-8";

@import "./header.css";
@import "./sections/about.css";
@import "./sections/team.css";
@import "./sections/services.css";
@import "./footer.css";

@import url("https://use.typekit.net/kwq1dnv.css");

/*Definindo Variáveis e padrões*/
*{
    --font:'Muli', sans-serif;    

    --font-size-emphasis: 6rem;
    --font-size-title: 3rem;
    --font-size-subtitles: 1.5rem;
    --font-size-text: 1.094rem;

    --color-text: #fffdfb;
    --color-dark: #070612;  
    --color-background: #bba281;
    --color-emphasis: #D5AF7F;
    
    color: var(--color-text);
    font-family: var(--font);
    font-size: var(--font-size-text);
    text-align: justify;

}

.container, .baseboard{
    background-color: var(--color-background);
}

.contents{
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
}


/*Definindo Estilos para Títulos Sub-títulos e Parágrafos*/
.title{
    color: white;
    font-size: var(--font-size-title);
    padding: 30px 0;
    font-family: var(--font);
}

.subTitle{
    border: 1px solid;
    border-image-source: url(../img/border.webp);
    border-image-slice: 15;
    display: inline-block;
    font-size: var(--font-size-subtitles);
    padding: 5px;
    margin-bottom: 15px;
    font-family: var(--font);
}

.paragraph{
    padding: 5px 0;
}

@media screen and (min-width: 320px) and (max-width: 768px){
   
    *{
    --font-size-emphasis: 2.5rem;
    --font-size-title: 1.5rem;
    --font-size-subtitles: 1rem;
    --font-size-text: .9rem; 
    }

    .contents{
        max-width: 80vw;
        padding: 25px 0;
    }
}