.header {
    height: 100vh;
  }
  .web-dev {
    min-width: 18rem !important;
    padding: 2.5rem;
    cursor: grab;
  }
  .web-dev h3,.web-dev p{white-space: pre-wrap;}
  .technology {
    width: 7rem;
    height: 7rem;
    /* background: rgb(121, 64, 64); */
  }
  .technology svg {
    height: 4rem;
  }
  .transparency span{
      width: 2rem !important;
      height: 2rem !important;
      border-radius: 50%;
      margin-top: -2.5rem;
      margin-left: -2rem;
  }
  
  .os-adjesstment{
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 1rem;
  }
  
  .h-grabscrollbar{  -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */}
  
   .web-dev ::ng-deep drag-scroll{
      height:25rem;
    }
  
  .mobile-tech-logo{
    display: flex;
    justify-content: center;
    align-items: center;
   }
   
   @media only screen and (max-width: 368px) {
     .mobile-tech-logo{
       display: none;
     }
   }