body {
    background-image: url('../imgs/defaultWallpaper.webp');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
    user-select: none;
  }

  .glass-container {
    background: rgba(23, 23, 23, 0.6);
    backdrop-filter: blur(1.5vh);
    -webkit-backdrop-filter: blur(1.5vh);
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0.14vh solid rgba(255, 255, 255, 0.1); 
    box-shadow: 0 0.2vh 0.47vh rgba(0, 0, 0, 0.1); 
  }

  .glass-item{
    background: rgba(244, 244, 244, 0.04);
    border-radius: 15%;
    padding: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0.14vh solid rgba(255, 255, 255, 0.1); 
    box-shadow: 0 0.2vh 0.47vh rgba(0, 0, 0, 0.1); 
    
  }


  .taskbar {
    display: flex;
    position: fixed;
    align-items: center;
    justify-items: center;
    align-content: center;
    justify-content: center;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5.4%;
  }


 .taskbar .center-group {
    display: flex;
    align-items: center;
    justify-items: center;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin-left: 0.8%;
    margin-right: 0.8%;
  }

  .taskbar-icon {
    height: 83.3%;
    align-items: center;
    justify-items: center;
    justify-content: center;
    margin-left: 0.8%;
    margin-right: 0.8%;
}

.searchBar {
    width: 14.3%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
  }

#searchQueryInput {
    width: 100%;
    height: 71%;
    
    background: rgba(255, 255, 255, 0.059);
    backdrop-filter: blur(0.25vh);
    -webkit-backdrop-filter: blur(0.25vh);
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0.14vh solid rgba(255, 255, 255, 0.1); 
    box-shadow: 0 0.2vh 0.47vh rgba(101, 101, 101, 0.1);

    outline: none;
    border: none;
    border-radius: 0.925vw;
    padding: 0 10% 0 2.5vw;
    font-size: 1.7vh;
    color: white;
  }

  #searchQueryInput::placeholder{
    color: #C9CBD1;
    font-size: 1.7vh;
  }

.taskbar-icon-img {
    user-select: none;
    height: 100%;
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
}

.taskbar .clock {
    margin-left: auto;
    margin-right: 1%;
    color: white;
    border-top: 0; 
    font-size: 1.5vh;
    .clock-info {
        justify-items: end;
        padding-left: 2%;
        text-align: right;
        #current-time{
            width: max-content;
            text-align: right;
            padding: 0.4vh 1vh 0 1vh;
            margin: 0;
        }
        #current-date{
          width: max-content;
          text-align: right;
          padding: 0 1vh 0.4vh 1vh;
          margin: 0;
      }
    }
    
}

.taskbar-icon-img img {
    height: 61%;
    width: auto;
}

.taskbar-icon-img :hover {

    background: rgba(244, 244, 244, 0.04);
    border-radius: 15%;
    padding: 40%;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0.14vh solid rgba(255, 255, 255, 0.1); 
    box-shadow: 0 0.2vh 0.47vh rgba(0, 0, 0, 0.1); 
  
}
.clock :hover {
    background: rgba(244, 244, 244, 0.116);
    
    border-radius: 0.5vh;
    p {
        text-align: right;
        background: rgba(244, 244, 244, 0);
    }
  
}