html {
    width: 100vw;
}

body {
    text-align: center;
    margin: auto;
}

.download-button {
    display: none;
    text-decoration: none;
    background-color: #008080; /* Teal color */
    border: 2px solid #000; /* Black border */
    color: #fff; /* White text */
    padding: 10px 20px; /* Padding */
    font-size: 16px; /* Font size */
    font-weight: bold; /* Bold text */
    cursor: pointer; /* Cursor on hover */
    outline: none; /* Remove outline on focus */
    transition: background-color 0.3s, border-color 0.3s, color 0.3s; /* Smooth transition */
  }
  
  .download-button:hover {
    background-color: #fff; /* White background on hover */
    border-color: #008080; /* Teal border on hover */
    color: #008080; /* Teal text on hover */
  }
  
  #state {
    padding: 30px;
    margin: 30px;
    font-size: 40px;
  }

  #err_msg {
    display: none;
  }