@import url('./navigation.css'); 
@import url('./footer.css');
@import url('./main.css');

/* Main dynamic CSS */
@import url('./CSS\ pages/inicio.css');
@import url('./CSS\ pages/catalogo.css');
@import url('./CSS\ pages/orcamento.css');
@import url('./CSS\ pages/sobrenos.css');

@font-face {
    font-family: 'Lily Script One';
    src: url(../Assets/src/font/LilyScriptOne-Regular.ttf);
}

@font-face {
    font-family: 'Montserrat';
    src: url(../Assets/src/font/Montserrat-Regular.ttf);
}

:root {
    --primary-color:  #D49495;
    --secundary-color: #C5585B;
    --foot-color: #442422;
    --font-color1: #FFD3D3;
    --font-color2: #FFA3A3;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

*,*::before, *::after {
    box-sizing: inherit;
}
body{
    background-color: #F9F9F9;
    min-height: 100vh;
    line-height: 1.3;
    font-size: 16px;
}

html {
    font-size: 100%;
}

.app {
    display: grid;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative; 
}

img {
    max-width: 100%;
    height: auto;
}

h1 {
    font-size: 2em; /* 2 vezes o tamanho da fonte base */
    font-style: normal;
}

p {
    font-size: 1em; /* Tamanho da fonte padrão */
}