*{
		 box-sizing: border-box;
		}
		
		table, th{
		background-color: rgba(64,64,64,0.8);
		border: 3px solid black;
		table-layout: fixed;
		color: white;
		margin-bottom:100px;
		}	
		
		#encodeInputString, #inputString{
			width: 200%;
		}
		
		#break{
		word-wrap: break-word;
		}
		
		#decodeOutput{
		
		}
		
		h1{
         font-size: 45pt;
         font-family: 'courier new', courier;
         }
		 
        h3{
         line-height : 0px;
         }
		 
		 h4{
		 background: lightgrey;
		 width: 350px;
		 border:3px solid black;
         display: block;
         list-style-type: disc;
         margin-top: 3px;
		 margin-bottom: 11px;
		 }
		 
        ul{
		
		 background: lightgrey;
		 width: 350px;
		 border:3px solid black;
         display: block;
         list-style-type: disc;
         margin-top: -1em;
         }
		 
        html, body {
		
         /*background-image: url("https://cdn.pixabay.com/photo/2014/05/27/23/32/matrix-356024_960_720.jpg");*/
         width: 100%;
         height: 1700px;
         margin: 0;
         padding: 65px;
		 padding-bottom: 65px;
         }
		 
        #container {
		 	opacity: 0.98;
         width: inherit;
		 margin-bottom: 125px;
         padding: 15px;
         background-color: #61CE32;
         box-shadow: 0px 0px 7px 7px #0BCE18;
         }
		 
		#myVideo {
		 z-index: -1;
		 position: fixed;
		 right: 0;
         bottom: 0;
		 min-width: 100%; 
		 min-height: 100%;
		 }
		 
        .pageHeading{
         text-align: center;
         color: #26CE53;
         background-color: black;
		 text-shadow: 2px 2px 7px #0BCE18;
		  box-shadow: 0px 0px 7px 7px black;
         }
		 
		 .aboutMe{
		 max-width: 575px;
		 background: lightgrey;
		 padding: 10px;
		 margin-top: -23px;
		 border:3px solid black;
		 }
/* This is the CSS code for my the HTML_Homepage */