@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100..800&display=swap');

.texbta {
  resize: none;
  height: 200px;
  width: 100%;
  display: flex;
  margin: 20px 0px 20px 0px;
}

.boxdbshadow {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28) !important;
}

.bg-hover:hover,
.bg-hover:focus,
.bg-hover:active,
.bg-hover:target {
  opacity: 0.45 !important;
}



.codelives {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAwCAYAAADQMxCBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjFGMzU0NUJCRDNGMTFFRjhDOUJCNkU1NzlDRjMxM0QiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjFGMzU0NUFCRDNGMTFFRjhDOUJCNkU1NzlDRjMxM0QiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFDMDVCQjI0NTQxNDExRUY5RDZBQUREQUJDREIxRkZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFDMDVCQjI1NTQxNDExRUY5RDZBQUREQUJDREIxRkZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+o0QbvwAAACZJREFUeNpi/v//PwMTAxDQj3j69IUBo/M5CTrby/DkyXMDgAADAOo+CkbTg+ctAAAAAElFTkSuQmCC");
  border: none;
  font-size: 12px;
  line-height: 2;
  font-family: "JetBrains Mono", monospace;
  background-color: #1a1d20;
  color: #12bfe1;
  resize: none;
  border-left: 12px solid #312a2a;
  padding-top: 0 !important;
  border-bottom: 5px solid #858383 !important;
}



/*.codelives {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAwCAYAAADQMxCBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQzA1QkIyNDU0MTQxMUVGOUQ2QUFEREFCQ0RCMUZGQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQzA1QkIyNTU0MTQxMUVGOUQ2QUFEREFCQ0RCMUZGQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFDMDVCQjIyNTQxNDExRUY5RDZBQUREQUJDREIxRkZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFDMDVCQjIzNTQxNDExRUY5RDZBQUREQUJDREIxRkZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+dF1pZgAAACBJREFUeNpiVFJS+s/EAAR0Ixj+//8PJJWUB8JegAADAIHOCP1Z93WPAAAAAElFTkSuQmCC");
  font-size: 12px;
  line-height: 2;
  font-family: "JetBrains Mono", monospace;
  background-color: #333;
  /*border: none;*
  /*color: #14df58;*
  }
  */