/* widescreens */
@media only screen and (min-width: 900px) {
  .desktop {
    /* grid-template-columns: 200px 1fr; */

  }
  .header-buttons {
    font-size: 16px; 
  }
  .header-hostname {
    font-size: 20px;
  }
  .terminal {
    font-size: 20px;
  }
  .icon {
    font-size: 18px;
  }
  .desktop-icons{
    /* padding-left: 20px; */
  }
  .shell {
    font-size: 20px;
  }
  .taskbar-menu {
    font-size: 18px;
  }
}

/* small screens */
@media only screen and (max-width: 700px) {
  .desktop{
    flex-direction: column;
    row-gap: 15px;
  }

  .desktop-icons {
    flex-direction: row;
  }
  .terminal-header {
    height: 30px;
  }
  .header-buttons{
    font-size: 20px;
    column-gap: 8px;
  }
}