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


a {
    text-decoration: none;
    color: #0F0E47;
}

.menu a:hover {
    opacity: 0.6;
}

.logo {
    font-size: 24px;
    color: white;
    font-family: Chivo;
    text-transform: uppercase;
}




h1, h2, h3, h4, h5, h6 {
    font-family: Chivo;
    color: #27233A;
}

.lista {
    font-family: Lora;
    font-size: 16px;
}


.nav {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #0F0E47;
}

.menu a:hover {
    opacity: 0.6;
}


h1, h2, h3, h4, h5, h6 {
    font-family: Chivo;
    color: #27233A;
}

.lista {
    font-family: Lora;
    font-size: 16px;
}

.lista a:hover {
    opacity: 0.6;
}

.card1 {
    margin: 32px;
    padding: 32px 32px;
    box-shadow: 0 0 0 5px #27233A;
    border-radius: 33px 33px 33px 33px;
    -webkit-border-radius: 33px 33px 33px 33px;
    -moz-border-radius: 33px 33px 33px 33px;
    display: flex;
}

.texto1 {
    float:left;
    padding: 4px 24px;
}

.imagem {
    box-shadow: 0 0 0 5px #27233A;
    border-radius: 33px 33px 33px 33px;
    -webkit-border-radius: 33px 33px 33px 33px;
    -moz-border-radius: 33px 33px 33px 33px;
}

ul {
    list-style: none;
}

h3 {
    padding: 0px 32px;
}

body{
    background: white;
    min-height:200vh;
}



header{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px 100px;
    z-index: 999;


    background-color: #3C3D37;
    height: 8vh;
    box-shadow: 0px 3px 0px 0px #27233A;
    -webkit-box-shadow: 0px 3px 0px 0px #1E201E;
    -moz-box-shadow: 0px 3px 0px 0px #1E201E;
  }
  
  header.sticky{
    padding: 15px 0px;
  }
  
  header .menu{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  header .menu a{
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    margin: 0 30px;
    padding: 5px 5px;
    border-radius: 15px;
  }
  
  header .menu a:hover{
    color: #000;
    background: #fff;
  }