html {
  font-family: Roboto;
  min-height: 1200px;
  background: linear-gradient(to top, #9f192a, #1d252d);
  background-repeat: no-repeat;
  display:flex;
  justify-content: center;
  height:120vh;
 }
	
  html body {
    width:200vh;
    border-radius: 40px;
    background: linear-gradient(to top, #1d252d, #9f192a);
    background-repeat: no-repeat; }
    html body #answer {
      text-align: center;
      padding: 10px;
      color: red; }
    html body #content {
      display: flex;
      flex-direction: row;
      justify-content: center;
      padding: 20px; }
      html body #content #code {
        max-width: 50%;
        text-align: center;
	margin:2% }
      html body #content #view {
        max-width: 50%;
        background-color: white;
        text-align: left;
        padding: 20px; 
	margin:2%}
    html body form p {
      text-align: center;
      display: flex;
      flex-direction: row;
      vertical-align: center;
      justify-content: center; }
    html body #comp_info {
      display: flex;
      flex-direction: row; }
    html body nav {
      text-align: center; }
      html body nav img {
        padding: 10px; }
    html body #radio img {
      padding: 0 15px; }
    html body #radio input {
      width: 30px; }
    html body form {
      margin: 6% 15% 2% 15%;
      display: flex;
      flex-direction: column; }
    html body form input{
        margin: 20px;
        border-bottom: 2px solid #1d252d;
        border-radius: 40px;
        width: 250px;
        padding: 10px;
	font-size:17 }

      html body form input[type=text] {
        margin: 20px;
	background: transparent;
	border: 0 solid white;
        border-bottom: 2px solid #1d252d;
	border-radius: 0px;
        width: 250px;
        padding: 10px;
        color:white;
	font-size:20; }
      html body form input[type=text]:focus {
        border-bottom-width:2px; }

      html body form input[type=text]:focus {
        border: 0 solid #1d252d; }
      html body form input[type=button]{        
        border-bottom: 2px solid #1d252d;
        border-radius: 40px;
        width: 250px;
        padding: 10px;
	margin: 0px;
	font-size:17; }
      html body form input[type=button]:hover{
         cursor:pointer}

       html body form input[type=submit]:hover{
        cursor:pointer}
	a{
	margin:10px;
	padding:0; }
      .input{
	margin:auto 0;
        font-size: 1.6rem }
      html body form label span: {
	white-space: nowrap;
	display:inline-block; }
      html body form #first {
        display: flex;
        flex-direction: row;
	
        justify-content: space-between; }
      html body form #second {
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
      html body form .justifier {
        display: flex;
        flex-direction: row;
        justify-content: center; }
    html body #gen {
      width: 500px;
      height: 500px; }