/* tab 2 */
  #tab-content-2 {
    padding: 4px;
    padding-bottom: 0px;
    margin: 0 5px;
    background-color: #ffffff;
  }

  #scrollgif {
    width: 100%;
  }

  .tab2box {
    display: flex;
    gap: 0.2em;
  }

  #tab2-left,
  #tab2-middle,
  #tab2-right {
    flex: 1;
    box-sizing: border-box;
  }

  #tab2-middle{
    overflow: hidden;
    display: flex;
  }

  #tab2-middle img {
    transition: transform 0.3s ease-in-out;
    align-self: flex-end;
    height: 11em;
    width: 12em;
  }
  #tab2-middle img:hover {
transform: scale(105%);
  }


  #tab2-left a {
    font-family: 'mine', Arial, Helvetica, sans-serif;
    cursor: url('assets/pointer.svg'), pointer;
    font-size: clamp(1em, 0.8em + 0.8vw, 1.1em);
    color: rgba(44, 44, 44, 0.904);
    display: inline-block;
  }
  #tab2-left a:hover {
    color: rgba(44, 44, 44, 0.541);
    transition: color 0.3s ease;
  }

  #tab2-left hr {
    margin-top: 0.3em;
  }

  #lhr1 {
    margin-top: 0.2em !important;
  }

  #socials {
    width: 100%;
    height: fit-content;
    background-color: rgba(92, 92, 92, 0.747);
    border-radius: 2px;
    color: #ffffff;
    font-family: 'mine', 'Segoe UI', sans-serif;
    font-size: clamp(0.5em, 0.4em + 1vw, 1em);
    margin-top: 0.1em;
    margin-bottom: 0.3em;
    cursor: text;
    text-align: center;
  }

#tab2-img-bar{
  display: none;
}
  #tab2-right {
    height: 13em;
    position: relative;
  }

  #moodtext-container {
    position: absolute;
    top: 2em;
    left: 0;
    width: 100%;
    padding: 2px;
  }



  #profile {
    font-family: press2p;
    font-size: 0.7em;
    position: absolute;
    top: 0.6em;
    letter-spacing: -1px;
  }

  #profile:hover {
    text-decoration: underline;
  }

  #tb2pe {
    font-style: italic;
  }

  #profiletxt p {
    position: relative;
    top: 1.7em;
    font-family: 'mine', Arial, sans-serif;
    max-height: 1em;
  }

  #breakbtn {
    position: absolute;
    font-family: 'press2p' ;
    font-size: 0.6em ;
    bottom:4em ;
    margin-left: 62%;
    white-space: nowrap;
    cursor: url('assets/pointer.svg'), pointer;
    font-style: italic;
    display: inline-block;
    animation: scaleText 1s infinite;
  }
  @keyframes scaleText {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.05);
    }
    100% {
      transform: scale(1);
    }
  } #moodtext {
    position: absolute;
    color: rgba(71, 69, 69, 0.836);
    bottom: 2.3em;
    cursor: progress;
    font-family: 'mine' !important;
  }

 
  @media only screen and (max-width:493px) {
    #socials {
      font-size: 3vw;
    }
    #tab2-left {
      flex: 0.8;
    }
    #breakbtn {
      font-size: 0.5em ;
    }
  }
  @media only screen and (max-width:390px) {
    #tab2-right,#breakbtn{
      display: none;
    }
    #tab-content-2 {
height: 14.5em;
    }  
    #tab2-img-bar{
      display: flex;
 align-items: center;justify-content: center;
    }
    #tab2-img-bar img{
      width: 12em;
      height: auto;
    }
  }