.headerc{
  background-color: #000000ae;
  font-size: 15px;
  width: 100%;
  position: fixed;
  z-index: 1000;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  }

.header{
  padding: 4px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
 
  }
  
  .hname{
    font-size: 20px;
    margin: 8px;
    color: rgb(255, 255, 255);
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: 200;
  }

  .nav{
      display: flex;
      justify-content: center;
      border-top-right-radius: 10px;
      margin: 0;
      padding: 10px;
      width: 70%;
      background-color: #00000000;
  }
  .pjt{
      justify-content: center;
      display: flex;
      width: 50%;
      cursor: pointer;
      color: white;
      font-size: 17px;
      font-weight: 100;
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  }
  
  .pjt-img{
    width: 23px;
    padding: 0;
    margin: 0;
  }

  a{
    text-decoration: none;
    color: white;
  }
  
  .st{
  margin: 9px;
  font-size: 14px;
  color: rgb(255, 255, 255);
  font-weight:500;
  cursor: pointer;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  }

  .sname{
    font-size: 16px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    margin: 0;
    font-weight: 500;
    transition: 1s;
  }

  .sname:hover{
    color: rgb(156, 230, 255);
    transition: 1s;
  }