@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&display=swap");

html, body {
	width:100%;
	height:100%;
}
body {
    margin: 0;
    padding: 0;
    background-image: linear-gradient(to right top, #0f2a42, #3b0b17);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Montserrat', sans-serif;
    background-size: 200% 200%;
    color: white;
	animation: gradient 15s ease infinite;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

h1 {
  margin: auto;
  margin-top: 15px;
}

.title_card {
  background: rgba(255,255,255, 0.06);
  border-radius: 10px;
  border-left: 1px solid rgba(255,255,255, 0.3);
  border-top: 1px solid rgba(255,255,255, 0.3);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 20px 20px 40px -6px rgba(0,0,0, 0.2);
  text-align: center;
  width: calc(100%-2em);
  height: 70px;
}

.command_line {
  background: rgba(255,255,255, 0.06);
  padding: 0.5em;
  border-radius: 10px;
  border-left: 1px solid rgba(255,255,255, 0.3);
  border-top: 1px solid rgba(255,255,255, 0.3);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 20px 20px 40px -6px rgba(0,0,0, 0.2);
  text-align: center;
  width: calc(100%-2em);
  height: 30px;
}

.text_area {
  width: calc(100%-2em);
  font-size: 25px;
  color: white;
  background: none;
  border: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  resize: none;
  border-radius: 10px;
  border: solid 2px grey;
}

.text_area:focus {
  outline: none;
}

.text_field {
  border: none;
  width: 100%;
  background: none;
  color: white;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 25px;
}

.text_field:focus {
  outline: none;
}

.console_grid {
  display: grid;
  height: 100%;
  width: 100%;
  padding: 1em;
  row-gap: 1em;
}

.grid_item {
  width: auto;
  height: auto;
  border:  1px solid red;
}