#navbar
{
    font-size: 20px;
    font-family:Century;
    background:white;
    font-weight: bold;
}
#head
{
    font-size: 33px;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#text
{
    font-size: 20px;
    font-family: futurablack;
    padding:10px;
}
.ssm
{
    margin-top:-10px;
    width:120px;
    height:40px;
}
#image
{
    height:300px;
    width:90%;
    border-radius: 0px 50px 0px 50px;
}
#readmore{
    text-decoration: none;
    background: #eee;
    color: #009485;
    border:2px solid orangered;
    padding: 7px 15px;
    border-radius:10%;
    /* font-size: 17px; */
    font-weight: 400;
    transition: all 0.3s ease;
    outline: none;
  }
#hr
{
    border:1px solid black;
    width:99%;
}
#panel1, #flip1, #panel2, #flip2, #panel3, #flip3, #panel4, #flip4, #panel5, #flip5, #panel6, #flip6, #panel7, #flip7, #panel8, #flip8, #panel9, #flip9{
    padding: 5px;
    text-align: left;
    background-color:white;
    color:black;
    border: none;
    cursor: pointer;
    font-size: 25px;
    font-family: futurablack;
    padding: 10px;
    font-weight: bold;
  }
  #flip1>span,#flip2>span,#flip3>span,#flip4>span,#flip5>span,#flip6>span,#flip7>span,#flip8>span,#flip9>span
  {
  float:right;
  cursor:pointer;
  font-weight: bold;
  }
  
  #panel1,#panel2, #panel3, #panel4, #panel5, #panel6, #panel7, #panel8, #panel9{
    display: none;
  }
  #top-r {
    background-image: url("https://wallpaper-mania.com/wp-content/uploads/2018/09/High_resolution_wallpaper_background_ID_77701688568.jpg");

    width: 100%;
         top: 10px;
         padding-bottom: 30px;
         left: 16px;
         font-family: raleway;
         src: local('Raleway Bold Italic'), local('Raleway-BoldItalic'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptpg8zYS_SKggPNyCgw9qR_AtCb71ka4Q.woff2) format('woff2');
         font-size: 17px;
         background-size:cover;
    }
    #r{
        color: aliceblue;
        margin-left: 20px;
        font-family: futurablack;
        src: local('Raleway Bold Italic'), local('Raleway-BoldItalic'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptpg8zYS_SKggPNyCgw9qR_AtCb71ka4Q.woff2) format('woff2');
        font-size: 17px;
    }
    #top-left {
        background-image: url("https://www.roberthalf.com/sites/default/files/2020-08/7-Ways-to-Support-Employee-Career-Advancement-RH-Blog-08-06-20.jpg");
        padding:74px 50px;
        background-size: cover;
        background-image: responsive;
        color:white;
        text-shadow:2px 2px 2px gray;
    }
    .pvs
    {
        padding:40px 110px;
        background-color: rgb(3, 77, 77);
        color:white;
        font-family: futurablack;
        font-size: 20px;
        text-align: center;
    }
    #bold
    {
        background-color: #034f4f;
        font-family: elephant;
        font-size: 45px;
        text-align: center;
    }
    .mal
    {
        font-family: monoscript;
        font-weight: bold;
        font-size: 50px;
    }
    #select
    {
        width:100%;
        padding:10px;
        outline: none;
        font-size: 20px;
        font-weight: bold;
        border:none;
        background-color: whitesmoke;
        border-bottom: 2px solid orangered ;

    }
    #btn2
    {
        float:right;
        background-color:#009688 ;
        padding:12px;
        border-radius: 50px;
        color:white;
        width:25%;
        border: none;
    }
    #btn3
    {
        font-size: 16px;
        background-color:#009688 ;
        padding:12px;
        border-radius: 50px;
        color:white;
        width:35%;
        border: none;

    }

      #footer
      {
        background-image:url("background1.jpg") ;    
          color:white;
          padding:10px;
          background-size: cover;
         
   
    }
    #f1
  {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
      color:black;
      font-weight: 600;
      font-size:18px;
  } 
     
      #text1
      {
          height:20px;
          padding:20px;
          width:165px;
          color:black;
          
          font-size:18px;
          padding:20px;
          border-color:#0096b480;
          border:none;
          outline: none;
          background: none;
          border-bottom: 2px solid black;
      }
      #text1::placeholder
      {
          color:whitesmoke;
      }
      #text2::placeholder
      {
          color:whitesmoke;
      }
      #text2
      {
          height:20px;
          padding:20px;
          width:331px;
          color:black;
          
          font-size:18px;
          border-color:rgba(0,150,180,0.5);
          border:none;
          outline: none; 
          background: none;
          border-bottom: 2px solid black;

      }
      #btn
      {
          height:60px;
          width:60%;
          margin-left:10px;
          font-size: 25px;
          text-align: center;
          background-color: orangered;
          color:white;
          border:none;
          border-radius:30px;
      }
      #btn:hover
      {
          background-color:chocolate;
      }
      #f
      {
          font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
          color:black;
          font-size:18px;
          text-decoration: none;
      }
      #f:hover
      {
          color:greenyellow;
      }
    
    .fa
     {
         width:70px;
         color:black;
         margin-bottom: 10px;

     }
     #e
     {
         color:black;
         font-size: 16px;
         text-decoration: none;
     }
     #e:hover{
         color:#00ccff;
     }
     .fe
     {
         text-align: right;
         font-family:sans-serif;
         font-weight:600;
     }
    
     .ef
     {
         font-family: sans-serif;
         font-weight:600;
         text-align:center;
     }
     .fg
     {
         background:#eee;
     }