/* set background gradient and text color */
 .gradient-text {
    background:conic-gradient(#2D2D2D, #4D4D4D, #6D6D6D, #8D8D8D, #ADADAD);;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom:2em !important;
  }

  .gradient-text1{
    background:conic-gradient(#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom:2em !important;
  }
  .heading{
  border-bottom:1px solid gray;
  
  }
  
  .menu{
    padding:2px;position:absolute;right:-0.3em;bottom:1.2em;
  }
  .alltabs{
   position:absolute;right:0.2em;bottom:-1.5em;
  }
  .card{
    max-width:1280px;
    margin-top: 1.5em;
  }
  .time{
  position:absolute;font-size:0.8em;bottom:-2.3em;right:3.5em;
  -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }
  .menu:hover{
    color:gray !important;
  }
  .search{
    position:absolute;z-index: 9999;width:13em;left:0.5em;bottom:-0.5em;
  }
  .extension{
    position:absolute;right:1em;top:0.8em;width:1.2em;opacity: 0.6;
  }
  .dropmenu{
    position:absolute;right:0em;bottom:3.8em;width:2em;height:2em;background-color: #2f3337;
    display:flex;justify-content:center;align-items:center;border-radius:50%;opacity: 0.4;color:white
  }
  .dropmenu:hover{
    background-color: #2f3337;
    opacity: 0.8;
  }
  @media screen and (min-width: 600px) {
    .gradient-text {
    
      margin-bottom:3em !important;
    }
    .gradient-text1{
      margin-bottom:3em !important;
    }
    .dropmenu{
      position:absolute;right:-2.7em;bottom:1.1em;width:2em;height:2em;background-color: #2f3337;
      display:flex;justify-content:center;align-items:center;border-radius:50%;opacity: 0.4;color:white
    }
    .search{
    position:absolute;width:22em;left:0.5em;
    bottom:-1em
  }
    /* Styles for extra large screens */
    .menu{
    padding:2px;position:absolute;right:1.8em;bottom:-0.8em;
  }
  .alltabs{
   position:absolute;right:2em;bottom:-1.7em;
  }
  .card{
    max-width:1280px;
    margin-top: 3em;
  }
  .time{
  position:absolute;font-size:0.8em;bottom:-0.5em;right:2em;
  }
  }
  @media screen and (min-width: 1200px) {
    .extension{
    position:absolute;right:1em;top:1em;width:1.4em;opacity: 0.6;
  }
    .search{
    position:absolute;width:22em;left:0.5em;
    bottom:2em;
  }
    /* Styles for extra large screens */
    .menu{
    padding:2px;position:absolute;right:4.6em;bottom:-1.2em;
  }
  .alltabs{
   position:absolute;right:2em;bottom:1em;
  }
  .card{
    max-width:1280px;
    margin-top: 0em;
  }
  .time{
  position:absolute;font-size:0.8em;bottom:-0.5em;right:2em;
  }
  }
  
  .close:hover{
  color:white !important
  }
  .remove:hover{
    color:whitesmoke !important;
  }
  .popup {
      position: absolute;
      background-color: rgba(0, 0, 0, 0.8);
      color: white;
      padding: 6px;
      font-size: 12px;
      border-radius: 4px;
      z-index: 9999;
    }
  
  .hide{
    display: none;
  
    opacity:0;
    
  }
  .show{
    display: block;
    opacity: 1 !important;
    transition: opacity 1s ease-in-out;
  }