@font-face {
    font-family: Kristi-Regular  ;
    
    src: url('../Kristi-Regular.')
  }
  @font-face {
    font-family: AmaticSC-Regular ;
    
    src: url('../AmaticSC-Regular')
  }

html{
    scroll-behavior: smooth;
}

    


body{
    background-color: #b62323;
}

img{
    width: 50%;
}
figure{
    text-align: center;
}
.container{
    width: 80%;
    margin: auto;
}

h1{
    text-align: center;
    color: black;
    font-family: 'AmaticSC-Regular',cursive;

     
}
p{
   font-size: 1.6em;
   color: black;
   text-align: justify;
   text-indent: 40px;
   font-family: 'AmaticSC-Regular',cursive;

}
.parag_letras > p{

    font-size: 1em;
}
.fundo_letras{
    background-image: linear-gradient(to right, rgba(236, 19, 12, 0.678) , rgb(54, 36, 36));
}
h1{
    text-align: center;
    color: aliceblue;
    font-size: 2em;
    font-family: 'AmaticSC-Regular',cursive;
}

footer p{
    font-size: 2em;
    text-align: center;
}
 
.menu, footer{
   margin: 2.5em;
   background-color: rgba(216, 27, 21, 0.705);
   font-family: 'Kristi-Regular', cursive;
}

.itens_menu{
    text-align: center;
    font-size: 0.7cm;
}

.itens_menu a:link {
    text-decoration: none;
    color: azure;
  }
  
  
.itens_menu a:visited {
    color: #000000d8;
  }
.itens_menu a:hover {
    color: hotpink;
  }
.itens_menu :active {
    color: rgb(185, 15, 58);
  }

 section{
     margin-top: 2%;
     margin-bottom: 2%;
 }
 
 h1{
     margin-top: 1%;
     margin-bottom: 1%;
     font-family: 'AmaticSC-Regular',cursive;
 }
      
.img_topo{
    width: 30%;
}

.direita{
    float: right;
    width: 20%;
    margin-left: 2%;
}

.img_corpo{
    width: 25%;
  
}
.imgkamai{
    float: left;
    width: 20%;
    margin-right:1.5%;
    margin-top: 1.5%;
}

.p{
    margin: 10%;
    font-family: 'AmaticSC-Regular', cursive;
}



table{
    border-collapse: collapse;
    width: 100%;
    margin-top: 2%;
  }
  
  td{
    font-style: oblique;
    font-size: 25px;
    text-align: center;
  }


 td,th{
        border: 2px inset #8B0000;
        padding-top: 1%;
        padding-bottom: 1%;
        text-align: center;
        font-style: oblique;
        font-size: 25px;
        text-align: center;
       
        
      }

      label {
        padding: 12px 12px 12px 0;
        display: inline-block;
      }
    
      input[type=text], select, textarea, input[type=tel], input[type=email] {
        width: 96%;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 15px;
        resize: vertical;
      }
     
    
    .col-25{
      width: 25%;
      float: left;
      margin-top: 6px;
      
    } 
    .col-75{
    width: 75%;
    float: left;
    margin-top: 6px;
    }

    .row:after {
        content: "";
        display: table;
        clear: both;
      }
      
      input[type=submit] {
        background-color: #8B0000;
        color: white;
        padding: 12px 20px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        float: right;
      }
      
      input[type=submit]:hover {
        background-color: black;
        font-weight: bolder;
       
      }
      
      .botaoform{
        margin-top: 3%;
      }
      
      
      @media screen and (max-width:450px) {
      
        .col-25, .col-75, input[type=submit] {
          width: 100%;
          margin-top: 0;
         
        }
      
       
      
        
      }