style.css

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

body {
  background-color: rgb(44, 44, 44);
}

marquee {
  color: #fff;
  background: #000;
  padding: 10px;
  width: 100%;
}

.container {
  display: flex;
  align-items: center;
  margin-left: 100px;
  margin-top: 80px;
}

.left {
  display: flex;
  flex-direction: column;
}

#html-code,
#css-code,
#js-code {
  height: 200px;
  width: 400px;
  background-color: rgb(19, 19, 19);
  border: none;
  outline: none;
  padding: 10px 15px;
  color: #fff;
  margin-bottom: 1em;
}

label {
  background-color: #000;
  color: #fff;
  padding: 6px;
}

.fa-html5 {
  color: orange;
}

.fa-css3-alt {
  color: rgb(4, 198, 247);
}

.fa-js {
  color: yellow;
}

#output {
  height: 750px;
  width: 600px;
  background-color: #fff;
  border: none;
  padding: 25px;
}

.right > label {
  position: relative;
  top: -728px;
  left: 85px;
}