@import '/src/styles/mode/toggle.css';
@import '/src/styles/header/nav.css';
@import '/src/styles/section/section-1.css';
@import '/src/styles/section/section-2.css';
@import '/src/styles/section/section-3.css';
@import '/src/styles/section/section-4.css';
@import '/src/styles/loading/inicial.css';
@import '/src/styles/footer/footer.css';


html,
body {
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
    background-color: var(--bg-color);
    scroll-behavior: smooth;
    transition: all ease 0.3s;
}

body{
    padding: 130px;
    padding-top: 100px;
    padding-bottom: 0;
    min-height: 100vh;
}

h1{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    padding-left: 10px;
    color: #f45600;
}

section {
    padding: 25px 60px;
    background-color: var(--sec-bg-color);
    border-radius: 5px 5px 0 0;
    box-shadow: -3px 0 8px -4px rgba(0, 0, 0, 0.15),
        3px 0 8px -4px rgba(0, 0, 0, 0.15);
    min-height: 450px;
    box-sizing: border-box;
    
}

@media (max-width: 800px) {
    section {
        padding: 25px 40px
    }
}

.bloco {
    transition: transform 0.4s ease, background 0.4s;
}

.bloco.middle {
  transform: scale(1.03);
}

@media (max-width: 800px) {
    body {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 70px;
    }
}