/* "Dracula" theme colors */
:root {
    --dracula-background: #282a36;
    --dracula-text: #f8f8f2;
    --dracula-accent: #8be9fd;
    --dracula-accent-hover: #50fa7b;
  }
  
  body {
    font-family: 'Open Sans', sans-serif;
    background-color: var(--dracula-background);
    color: var(--dracula-text);
    text-align: center;
  }
  
  input {
    width: 50%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 2px solid var(--dracula-accent);
    border-radius: 4px;
    color: var(--dracula-text);
    background-color: var(--dracula-background);
  }
  
  button {
    width: calc(12% - 50px);
    background-color: var(--dracula-accent);
    color: #44475a;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    padding: 1em;
    margin: 1em 0;
    font-size: 1em;
  }
  #thumbnail-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);    
  }
  

  button:hover {
    background-color: var(--dracula-accent-hover);
  }
  
  img {
    width: 50%;
  }