/******************************************
/* CSS
/*******************************************/

/* Box Model Hack */
*{
    box-sizing: border-box;
  }
  
  /******************************************
  /* LAYOUT
  /*******************************************/
  img{
    display: block;
    margin: 0 auto;
  }
  
  section {
    width: 75%;
    padding: 0 5%;
    margin: 0 13%;
  }

  .getDefinition {
    width: 100%;
    margin: auto;
    margin-top: 5%;
  }

  div h2, div h5, div p {
    display: inline;
    vertical-align: top;
  }

  @media (min-width: 300px) and (max-width: 680px) {
    section {
      margin: 0;
      padding: 0 2%;
      width: 100%;
    }

    .input input{
      font-size: 25px;
    }
  }
  
  /******************************************
  /* ADDITIONAL STYLES
  /*******************************************/
  h1 {
    text-align: center;
    font-size: 5em;
  }

  .input {
    text-align: center;
  }

  input {
    height: 50px;
    font-size: 2em;
  }

  button {
    height: 50px;
    font-size: 2em;
    border-radius: 10px;
    background: rgb(31, 184, 245);
    color: white;
  }

  button:hover {
    background: white;
    color: rgb(31, 184, 245);
  }

  div {
    margin-top: 5%;
  }

  p, h2, ol {
    font-size: 2em;
  }

  h4, h5, .synomyms{
    font-size: 18px;
  }

  h1, h2, h4, h5 {
    color: rgb(31, 184, 245);
  }