input {
    font-family: arial;
    text-align: center;
    width: 70%;
    font-size: 1em;

  }


  input[type=submit] {
    padding: 5px 5px;
    background: #3366BB;
    border: 0 none;
    cursor: pointer;
    border-radius: 10px;
    color: white;
    text-align: center;
    width: 50%;
    font-size: 1em;

  }

  input[type=submit]:active {
    opacity: 0.8;

  }

  .button_fullscreen {
    background: transparent;
    color: black;
    border: 0 none;
    cursor: pointer;
    font-size: 1em;

  }

  .button_trash {
    background: transparent;
    color: black;
    border: 0 none;
    cursor: pointer;
    font-size: 1em;

  }

  .button_trash:active {
    transform: translateY(-4px);
  }

  .button_fullscreen:active {
    transform: translateY(-4px);
  }

  @media only screen and (max-width: 1200px) and (min-width: 600px) {


    input {
      font-family: arial;
      text-align: center;
      width: 35%;
      font-size: 1em;
  
    }
  
  
    input[type=submit] {
      padding: 5px 5px;
      background: #3366BB;
      border: 0 none;
      cursor: pointer;
      border-radius: 10px;
      color: white;
      text-align: center;
      width: 25%;
      font-size: 1em;
  
    }
  }