*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
 }
 
 
 body{
    font-size: 100%;
    background: linear-gradient(68.15deg, #2f2325,#8e5d52 85.61%); 
    background-image: url(back6.png);
 
 
 } 
 
 
 .cabecalho{
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: space-around;
     padding: 24px;
 }
 
 .cabecalho-menu{
     display: flex;
     gap: 80px;
 }
 
 .cabecalho-meno-item{
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
     color: #fff2e7;
     font-weight:400;
     font-size:18px;
 
 }
 
 .conteudo{
  margin-bottom: 48px;
  border-top: 0.4px solid #fff2e7;
  
 
 }
 
 .conteudo-principal-imagem{
     margin-top: 5%; 
     border-radius: 50%; 
     width: 350px;
     height: 350px;
     display: flex;
     
 
 }
 
  .conteudo-principal{
 margin-left: 35% ;
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: space-around;
 } 
 
 .conteudo-principal-escrito{
  font-size: xx-large;
  display: flex;
  flex-direction: column;
  gap: 10px;
 
 }
 
 
 
 .conteudo{
  margin-bottom: 48px;
  border-top: 0.4px solid #fff2e7;
  
 
 }
 
 .conteudo-principal-imagem{
     margin-top: 5%;
     /* float: right; */
     border-radius: 50%; 
     width: 350px;
     height: 350px;
     display: flex;
     
 
 }
 
 .conteudo-principal-escrito{
  font-size: 40px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 3%;
 
 }
 
 .footer{
  float: baseline;    
  margin-top: 13%;
  /* border-bottom: 0.4px solid #fff2e7; */
 }  
 
 
 .footer img{
     /* border-top: 0.4px solid #fff2e7; */
     margin-top: 5%;
     border-radius: 50%; 
     width: 50px;
     height: 50px;
     display: flex;
     margin-bottom: 25px ;
     
 }
 
 .cabecalho-meno-item:hover{
 color:chocolate
 
 }
 
 
 
 
 .card{
     width: 300px;
     margin-left: 45%;
     color: white;
     font-size: larger;
 }
 
 
  .conteudo-principal-escrito .intro{
     font-size: 20px;
     color: white;
     text-align: center;
  }
 
 
  .footer-imagem{
     text-align: center;
     justify-content: center;
     align-items: center;
     margin-left: 50%;
     margin-bottom:50px ;
  }
 
  .footer .git{
     margin-bottom: 0%;
     padding-bottom: 0%;
  }
 
 
  .message{
     align-items: center;
     margin-left: 47%;
     margin-top: 10rem;
  }

 
  .container{
     padding: 5%;
  }
 
  .inputText{
     margin-top: 1rem;
  }
 
  #text{
     margin-top: 1%;
  }
  .footerTwo{
     margin-top: 13%;
     float: baseline;
 
  }
  
 
  #imgPort{
    margin-left: 70%;
    margin-top: 1%;
  }
 
 
 .intro{
    text-align: center;
    margin-top: 1rem;
 }



 

  
 .form{
   text-align: center;
   padding: 2%;
   color:white ;

   border: solid white 2px;
   border-radius: 5px;
   width: 550px;
   height: 450px;
   margin-left: 40%;
   background-color: blue;


}



@media (min-width: 769px) {
   img.conteudo-principal-imagem{
      max-width: 100%;
      height: auto;
   }
 }