@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Exo 2", sans-serif;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}

header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 80px;
z-index: 1000;

    display: flex;
    align-items: center;
    justify-content: space-around;

    img {
        width: 60px;
    }

    background-color: #dfdfdf;

    a {
        color: #393838;
        text-decoration: none;
        transition: color 0.5s;

    }

    ul {
        list-style: none;
        display: flex;
    }

    li+li {
        margin-left: 24px;
    }


}

header a:hover {
    color: blueviolet;
}


.home {
    display: flex;
    min-height: 100vh;
    background-color: #F7F8F5;
    justify-content: center;
    margin-top: 80px;
    padding-top: 30px;

    h1 {
        color: #393838;
    }
}

.portfolio {
    padding-top: 30px;
    display: flex;
    min-height: 100vh;
    background-color: #163A43;
    flex-direction: column;
    align-items: center;
  
}

.exemplos{
    gap: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
    margin-left: 24px;
    margin-right: 24px;
    display: flex;
    flex-wrap: wrap;
    
}

.exemplos div{
    flex:1 1 200px;
}
.exemplos .impot{
    border-radius: 20px;
    width: 100%;
}

.servicos {
    display: flex;
    min-height: 100vh;
    background-color: #F7F8F5;
    justify-content: center;
    padding-top: 30px;

    h1 {
        color: #393838;
    }
}

.contato {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #163A43;
    align-items: center;
    padding-top: 30px;

    h1 {
        color: #a3a0a0;

    }
}

.contato .bairro{
    min-height: auto;
    padding-top: 10px;
}