html {
  font-family: lato;
  background: linear-gradient(to top, #fff, gray);
  background-repeat: no-repeat; }
  html body {
    border-radius: 40px;
    background: linear-gradient(to top, gray, #fff);
    background-repeat: no-repeat; }
    html body #answer {
      text-align: center;
      padding: 10px;
      color: red; }
    html body #content {
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      padding: 20px; }
      html body #content #code {
        max-width: 50%;
        text-align: center; }
      html body #content #view {
        max-width: 50%;
        background-color: white;
        width: auto;
        text-align: left;
        padding: 20px; }
    html body form p {
      text-align: center;
      display: flex;
      flex-direction: row;
      vertical-align: center;
      justify-content: space-between; }
    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: 0 auto;
      display: flex;
      align-items: center;
      flex-direction: column; }
      html body form input {
        margin: 20px;
        border: 2px solid #fcc302;
        border-radius: 40px;
        width: 250px;
        padding: 10px; }
      html body form input:hover {
        border: 2px solid #0b743c; }
      html body form #first {
        display: flex;
        flex-direction: row;
        justify-content: space-around; }
      html body form #second {
        display: flex;
        flex-direction: row;
        justify-content: space-around; }
    html td a {
	text-decoration: none;
	color:#928977 }
     html body #gen {
      width: 500px;
      height: 500px; }

/*# sourceMappingURL=style.css.map */