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

:root{
    --text-light: #434343;
    --text-dark: #000000;
    --color-primary: #FC692A;
    --logo-size: 40px;
    --logo-size-footer: 26px;
    --background-dark: black;
    --mockup-scale-factor: 1;

    scroll-behavior: smooth;
}

*{
    margin:0;
    padding:0;
}


html{
    overflow-x: hidden;
    position: relative;
}

body{
    font-family: 'Nunito', sans-serif;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

h1, h2, h3{
    font-family: 'Raleway', 'sans-serif';
    margin-top: 2em;
    margin-bottom: 0.5em;
    color: var(--color-primary);
    width: 80%;
    max-width: 1000px;
    hyphens: auto;
}

p{
    width:80%;
    max-width: 1000px;
    line-height: 140%;
    color: var(--text-light);
    font-family: 'Nunito', 'sans-serif';
}

li p{
    width: 100%;
}

ul{
    width: 80%;
    max-width: 1000px;
}