body{
  font-family: "Lucida Console", "Lucida Sans Unicode", "Courier New";
  color:white;
  background-color: #1d1f21;
}

a{
  color:inherit;
  font-weight: inherit;
  text-decoration: inherit;
}

#sidebar{
  margin: 5%;
  margin-top: 0.5%;
  text-align: justify;
}

#terminal{
  margin:5%;
}

@media(min-width:1024px){
  .container{
    flex-wrap: nowrap;
    align-items: flex-start;
  }

  #sidebar{
    flex-basis: 20%;
    flex-shrink: 1;
    min-width: 0;
    margin:2%;
    margin-top:0.5%;
  }

  #sidebar h1{
    font-size: clamp(10px, 1.5vw, 42px);
  }

  #terminal{
    flex-basis: 72%;
    flex-direction: row;
    min-width: 0;
    margin-top:2%;
    margin-right: 2%;
    margin-left: auto;
    margin-bottom: auto;
  }

  body{
      overflow-x:hidden;
  }
}

.container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#sidebar h1{
  color: #58d49f;
  font-size: 38px;
}

@media(max-width:1024px){
  #sidebar h1{
    font-size: 10vw;
  }
}

#profile{
  float: left;
  max-width: 45%;
  margin: 0 12px 8px 0;
}

#intro{
  color: #de935f;
  text-align: justify;
}

#prompt{
  width:auto;
  font-size: 22px;
  text-align: right;
  vertical-align: middle;
  box-sizing: border-box;
  background-color: #1d1f21;
  color: #f0c674;
  border: none;
  padding: 0;
}

#txtBox{
  width:auto;
  font-size: 22px;
  text-align: left;
  vertical-align: middle;
  background-color: #1d1f21;
  color: #b5bd68;
  border: none;
  box-sizing: border-box;
}

#Copyright{
  color: #373b41;
  margin:2%;
}

#injected{
  font-size: 15px;
  color: white;
  text-align: justify;
  margin-top:2%;
}

#injected ul{
  list-style: none;
}

#injected li, th, td {
    padding-right: 45px;
    padding-left: 25px;
    padding-top: 7px;

    text-align: left;
}

#userInput{
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 1ch;
}