* {
        margin:0px;
        padding:0px;
        font-family:'Poppins',sans-serif;
    }
    
    body {
        width:100%;
        height:100%;
        display:flex;
        justify-content:center;
        align-items:center;
        background:#fff;
    }

    .grid-container 
    {
      display: grid;
      grid-template-areas:
        'h'
        'm'
        'f';
      grid-gap: 5px;
      padding: 5px;
    }
    
    .secaoazul
    {
        background:blue;
    }
        
    .secaocinza
    {
        background-image: radial-gradient(#f7fff5, #b1f0b1, #69bc76);
        width:100%;
        margin-left:0px;
        left:0;
    }
    
    .card
    {
        position:relative;
        width:160px;
        height:280px;
        transform-style:preserve-3d;
        background:#ffffff00;
        border-style: none;
    }
    
    .listacartao 
    {
        width:90vw;
        justify-content: space-around;
        background:#ffffff00;
    }
    
    .cartao
    {
        width:100%;
        height:100%;
        padding:10px;
        border-style: none;
        border-width:0px;
        border-radius:20px;        
    }
    
    .card .face
    {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        transform-style:preserve-3d;
        display:flex;
        justify-content:center;
        align-items:center;
        backface-visibility:hidden;
        transition: 1s ease-in-out;
        transform:perspective(500px) rotateY(0deg);
    }
  
    .card .face.front 
    {
        background:#fff;
        border-width:0px;
        border-radius:20px;        
    }  
  
    .card:hover .face.front 
    {
        transform:perspective(500px) rotateY(180deg);
    }  
  
    .card .face.back
    {     
        border-style: none;
        border-width:0px;
        border-radius:20px;        
        background:#2525251f;
        transform:perspective(500px) rotateY(180deg);
    }  

    .img20
    {
        width:20%;
        max-height:180px;
    }
    
    
    .card:hover .face.back
    {
        transform:perspective(500px) rotateY(360deg);
    }  
  
  .titulot
  {
      width:100%;
      margin-top:0px;
      margin-left:0px;
      top:0;
      color:#000;
      font-size:1.2rem;
      text-align: center;
      justify-content:center;
      align-items:center;
  }

  .titulot2
  {
      width:100%;
      text-align: justify;
      margin-left:0px;
      color:#000;
      padding:10px;
      margin-top:20px;
      font-size:0.8rem;
  }

  .titulot3
  {
      width:100%;
      margin-left:0px;
      margin-bottom:0px;
      padding:20px;
      color:blue;
      font-size:0.8rem;
      text-align:center;
}

  .titulot4
  {
      width:100%;
      margin-left:0px;
      margin-bottom:0px;
      padding:20px;
      font-size:2rem;
      text-align:center;
}

    .titulot5
    {
      width:100%;
      margin-left:0px;
      margin-bottom:0px;
      padding:20px;
      font-size:1.7rem;
      text-align:center;
    }

    .verso
    {
        width:100%;
        border-style: none;
        border-width:0px;
        border-radius:20px;        

        padding:20px;
        cursor:pointer;
    }

    header {
        margin-left:0px;
        margin-top:0px;
        width:90%;
        color:black;
        grid-area:h;
        position: fixed;
        border-bottom-width:0.2;
        border-bottom-style:solid;
        border-bottom-color:silver;
        background:white;
		z-index: 1000;        
    }
    
    main {
        margin-top:90px;
        color:black;
        grid-area:m;
    }
  
    aside {
        color:black;
        grid-area:a;
    }
  
    footer {
        color:#fff;
        grid-area:f;
        left:0;
        width:100%;
        border-top-width:0.2;
        border-top-style:solid;
        border-top-color:silver;
        background:#001383;        
    }

    .natureza
    {
        color:green;
        font-size:1.2rem;
    }
    
	.coluna1
	{
        width:40vw;
        text-align: center;
        justify-content:center;
        align-items:center;
    }
	
	.coluna2
	{
        width:15vw;
        text-align: center;
        justify-content:center;
        align-items:center;
    }
	
    .video
    {
        filter:brightness(35%);
        width:100vw;
        height:100vh;
    }	

    .bg_video{
		position:fixed;
		right: 0; 
		bottom: 0;
		min-width: 100%; 
		max-width: 100%;
		min-height: 100%;
		width: 100vw; 

		z-index: -1000;
	}


    @keyframes fade {
        from {
            opacity:0;
            transform:scale(0.7);
        }    
        to {
            opacity:1;
            transform:scale(1);
        }    
    }

    .logo {
        animation-name:fade;
        animation-duration:2s;
    }
    
    ul{
        display: flex;
        padding-left: auto;
        list-style: none; 
    }
	    
    .flex{
        display:flex;
        margin-left:15%;   
        vertical-align:top;
        margin-top:-50px;
    }
    
    .flex > li{
        margin:auto 10;
        padding-left:20px;
        font-size:1rem;
    }
    
    .menu {
        color:#000;
        padding:10px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        min-width: 30px;
        font-weight: bold;
        list-style-type: none;
        list-style-position:inside;
    }

    .menu > span:hover{
        cursor:pointer;
        font-weight: bold;
        color: #000;
    }    

       
    a > span {
        color:#979797;
    }
    
    a > span:hover{
        color: #000;
    }  
    
    a.nounderline :link{ 
        text-decoration:none; 
        color: #fff;
    }    
    
    @keyframes movtexto{
        from {
            left:100px;
        }    
        to {
            left:0px;
        }    
    }
    
    @keyframes movtexto2 {
        from {
            left:80px;
        }
        to {
            left:0px;
        }
    }
    
    .titulo {
        font-family: 'Rowdies', cursive;    
        position: relative;
        animation: anime 2s;
    }

    .titulo4 {
        position: relative;
        animation: movtexto2 1.5s;
    }

    .sombra {
        -webkit-box-shadow: 9px 7px 5px rgba(50, 50, 50, 0.77); 
        -moz-box-shadow:9px 7px 5px rgba(50, 50, 50, 0.77);
        box-shadow: 9px 7px 5px rgba(50, 50, 50, 0.77);    
    }
    
    @keyframes anime{
        from {
            left:-100px;
            opacity:0;
        }
        to {
            left:0px;
            opacity:1;
        }
    }

    .titulo2{
        font-family: 'Inria Serif', serif;
    }
    
    section {
        width:100%;
        margin-bottom:10vh;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    section h1{
        margin:0;
        padding:0;
        text-align:center;
        font-family:sans-serif;
 
        color:#262626;
        background:#fff;
        padding:10px;
        text-shadow:0 2px 5px rgba(0,0,0,.5);
        box-shadow:0 5px 25px rgba(0,0,0,.5);
    }
    
    .grid-container {
      display: inline-grid;
      grid-template-columns: auto auto auto auto;
      padding: 10px;
    }

    .grid-item {
      font-size: 1.2px;
      text-align: center;
    }
    
    .parceiro
    {
        width:30%;
        height:auto;
        max-height:100px;
        display:block;
        filter: grayscale(100%);
        justify-content: space-around;
    }
    
    .imgparc
    {
        filter: grayscale(100%);
        width:25%;
    }

    .imgparc:hover
    {
        filter: grayscale(0%);
    }