@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@200;300;400;500;600;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@200;300;400;500;600;700&display=swap');

:root{

    --Spartan: "Spartan";

    --Barlow: "Barlow";

    --teal-900: #052E2B;

    --teal-800: #073B37;

    --teal-600: #075E5E;

    --turquoise: #17D0CE;

    --turquoise-ink: #053733;

    --amber: #E0932A;

    --amber-bg: #F6E7C8;

    --amber-ink: #7A4E0C;

    --danger: #A32D2D;

    --ink: #10201F;

    --muted: #4C5A58;

    --surface: #F1F5F4;

    --card: #FFFFFF;

    --border: #D7E1DF;

    --cream: #EAF1EE;

    --cream-muted: #86A6A1;

    --first-color: var(--teal-800);

    --second-color: var(--turquoise);

    --third-color: var(--ink);

    --fourth-color: var(--cream);

    --fifth-color: var(--teal-600);

    --dark-color: var(--teal-900);

    --light-color: var(--card);

}

*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

body, html{

    overflow-x: hidden;

}



.hide, #second{

    display: none;

}



.error {

    display: block;

}



.content-container{

    padding: 20px;

    background: #fff;

    border-radius: 10px;

    transition: all ease-in-out 1s;

    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);

}



#passaport-form,#passaport-data,#orgao-form,#identidade-form,#cpf-form{

    display: none;

}