.body {
    font-family: 'Trebuchet MS';
    font-color: rgb(119, 127, 127);
    font-size: 14px;
  
    align: right;
    background-color: #302b2b;
    }

.container {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    background-color: beige;
    padding: 12px;
    color: #504d4d ;
    }

}
.menu {
    background-color: rgb(209, 207, 107);
    padding: 2px;
    width: 98%;
    margin-right: 1%;
    margin-left: 1%;
    color: #504d4d;
   
    }
.logodanpt {
    display: flex;
.pt {
    margin-top: auto;
    margin-bottom: auto;
    }

}
.home-title{
    color:rgb(128, 122, 114);
    font-size: em;
    text-decoration: none;
    font-weight: bold;
    }
.training-title {
    color: rgb(128, 122, 114);
    font-size: em;
    text-decoration: none;
    font-weight: bold;
    }
.galery-title {
    color: rgb(128, 122, 114);
    font-size: em;
    text-decoration: none;
    font-weight: bold;
    }
.formulir-title {
    color: rgb(128, 122, 114);
    font-size: em;
    text-decoration: none;
    font-weight: bold;
    }
.about-title {
    color: rgb(128, 122, 114);
    font-size: em;
    text-decoration: none;
    font-weight: bold;
    }

.home:hover{
    background-color: rgb(203, 178, 74);
    }
.training:hover {
    background-color: rgb(203, 178, 74);
    }
.galery:hover {
    background-color: rgb(203, 178, 74);
    }
.formulir:hover {
    background-color: rgb(203, 178, 74);
    }
.about:hover {
    background-color: rgb(203, 178, 74);
    }

.home-title:hover{
    background-color: rgb(241, 237, 223);
    }
.training-title:hover {
    background-color: rgb(241, 237, 223);
    }
.galery-title:hover {
    background-color: rgb(241, 237, 223);
    }
.formulir-title:hover {
    background-color: rgb(241, 237, 223);
    }
.about-title:hover {
    background-color: rgb(241, 237, 223);
    }

h1 {color: brown;
    text-align: center;
    }
    
h2{color:chocolate;}
h3{color:darkcyan;}
h4{color:#999;}



      /* for desktop */
      .whatsapp_float {
          position: fixed;
          width: 60px;
          height: 60px;
          bottom: 40px;
          right: 40px;
          background-color: #25d366;
          color: hsl(0, 2%, 23%);
          border-radius: 50px;
          text-align: center;
          font-size: 30px;
          box-shadow: 2px 2px 3px #999;
          z-index: 100;
      }

      .whatsapp-icon {
          margin-top: 16px;
      }

      /* for mobile */
      @media screen and (max-width: 767px) {
          .whatsapp-icon {
              margin-top: 10px;
          }

          .whatsapp_float {
              width: 40px;
              height: 40px;
              bottom: 20px;
              right: 10px;
              font-size: 22px;
          }
      }