body{
          font-family: Arial;
          transition: background 1s;
        }

        .caixa1 {
          padding-top: 30px;
          padding-bottom: 50px;
          background-image:url(/images/background.png);
        }

        .caixa2 {
          background-color:#1C1C1C ;
          padding-bottom: 50px;
        }
        .conteiner{
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
        
        }

        .caixa3 {
          height: 300px;
          text-align:center; 
        }

        h1 {
          text-align: center;
          color: gray;
          font-size: 48px;

        }

      h2 {
          color:  #00FFFF;
          text-align: center;
          padding-top:60px;
          padding-bottom:60px;
          font-size: 40px;
      }

        p {
          text-align: center;
        }

        .perfil{
          background-color: #aaa;
          border-radius: 100%;
          height: 180px;
          display: block;
          margin-left: auto;
          margin-right: auto;
        }

      .menu{
        padding-right:30px;
        text-align: right;
        
      }
      .linkmenu{
        text-decoration: none;
        color: #00FFFF;
        margin-left:20px;
        background-color: #1C1C1C;
        padding: 12px;
        font-size: 20px;

        }
      .linkmenu:hover{
        color: rgb(201, 145, 201);
      }
      .habilidades{
        background-color: white;
        border-radius: 30px;
        width: 350px;
        margin: 30px;
        text-align: center;
        color: gray;
        padding-top:40px;
        padding-bottom:40px;
        padding-right: 10px;
        padding-left: 10px; 
        
      }
        .habilidades img{
          height : 60px;
          width:80px;
          background-color: white;
        }  

      .coreh5{
        color: blue;
      }
      .caixa3  h4{
        text-align: center;
        padding-bottom:15px;
      }
      .linkw{
        color: white;
        background-color: green;
        padding-top:20px;
        padding-right: 30px;
        padding-bottom:20px;
        padding-left:30px;
        border-radius:15px;
        text-decoration: none;
        
      } 
      .linkw:hover{
        color: rgb(99, 150,150);
      }
      .outrosContatos{
        padding-top:20px;
      }
      .linkedin{
        text-decoration: none;
        color: hsl(207, 100%, 50%);
      }
      .linkedin:hover{
        color: rgb(99, 150,150);
      }
      @media (max-width: 600px){
        .menu{
        display: none;
        }
      
      .habilidades{
        margin-left:10px;
        margin-right: 10px;
        margin-bottom: 30px;
      }
      
     }