*{
		margin:0px;
		padding: 0px;
		box-sizing: border-box;
	}
	.container{
		display: flex;
		height: 100vh;
		flex-direction: column;

	}
	.top{
		width: 100vw;
		flex: 1;
		background: 	 #668cff;
		border: 2px solid black;
		border-radius: 10px;
	}
	.middle{
		flex: 10;
		/*background: green;*/
		width: 100vw;

		display: flex;
		flex-direction: row;
	}
	#code{
		margin-top: 10px;
		width: 170px;
		margin-left: 20%;
	}
	.bottom{
		background: red;
		flex: 1;
		border: 2px solid black;
		border-radius: 10px;
		width: 100vw;
	}
	.one{
		padding: 10px;
		flex:3;
		/*background-color: white;*/
		/*display: flex;*/
		border: 2px solid black;
		border-radius: 10px;
		flex-direction: column;
	}
	.two{
		flex: 3;
		/*background-color: yellow;*/
		border: 2px solid black;
		/*height: 100vh;*/
		border-radius: 10px;
		overflow-y: scroll;
		border-color: #809fff;
	}
	.three{
		flex:3;
		/*background-color: white;*/
		border: 2px solid black;
		border-radius: 10px;
	}
	.text-file{
		flex: 1;
		border: 2px solid black;
		border-radius: 10px;
		/*background-color: white;*/
	}
	.buttons{
		flex: 2;
		border: 2px solid black;
		border-radius: 10px;
		padding-bottom: 20px;
		/*background-color: green;*/
	}
	.next{
		flex: 1;
		border: 2px solid black;
		border-radius: 10px;
		/*background-color: orange;*/
	}
	#code-text{
		width: 100%;
		height: 60vh;
		border: 2px solid black;
		border-radius: 10px;
		padding: 10px;

	}
		/*#textInput{

			}*/
			#formx{
				display: block;

			}
			.text-file{
				flex: 2;
				display: none;

			}
			.output-box{
				flex:4;

			}
			.buttons{
				flex:3;

			}
			#love{
				background: #809fff;
			/*border: 2px solid black;
			border-radius: 10px;*/

			height: 100vh;
			color: white;
			width: 100%;
			padding: 20px;
		}
		#sentence1{
			display: none;
		}
		/*#word1{
			display: none;

			}*/
			button{
				
				

				margin: 40px;
				width: 80%;
				padding: 50px;
				border-radius: 10px;


			}
		/*#bigButton{
			width: 30vw;
			}*/
			#o1{
				display: none;
			}
			#o2{
				display: none;
			}
			#word1{
				display: none;
			}