.letters-remaining {
	color: white;
	background-color: white;
	}
	.main-display {
	background-color: white;
	height: 20px;
	}
	.highlight {
	background-color: lightgrey;
	}
	
	.welcome {
	text-align: center;
	font-size: 32pt;
	background-color: black;
	color: white;
	height: 80px;
	margin: 0px;
	}
	
	.hint_banner {
	text-align: center;
	font-size: 12pt;
	background-color: black;
	color: white;
	height: 30px;
	margin: 0px;
	}
	
	.column {
    float: left;
     }

   .left, .right {
     width: 25%;
	 border: 5px solid cyan;
	  padding: 10px;
    }

    .middle {
     width: 50%;
	 border: 5px solid yellowgreen;
	  padding: 10px;
    }

	.column-1 {
		float: left;
		width: 35%;
		padding: 0px;
	}
	.column-2 {
		float: left;
		width: 50%;
		padding: 5px;
	}	
	
	.column-3 {
		float: left;
		width: 10%;
		padding: 0px;
	}	
	

		.row {
		  display: flex;
		  }
	.button2 {
		 border-radius: 12px;
		 background-color: #4CAF50;
		 border: none;
		 color: white;
		 padding: 10px 15px;
		 text-align: center;
		 text-decoration: none;
		 display: inline-block;
		 font-size: 16px;
		 margin: 4px 2px;
		 cursor: pointer;
		 }
		 
	.border {
    width: 35pc;
    height: 500px;
    padding: 10px;
    border: 5px solid yellowgreen;
	}
	.border2 {
    width: 55pc;
    height: 500px;
    padding: 10px;
    border: 5px solid cyan;
	}