text: const quoteContainer = document.getElementById('quote-container');
  const quoteText = document.getElementById('quote');
  const authorText = document.getElementById('author');
  const twitterBtn = document.getElementById('twitter');
  const newQuoteBtn = document.getElementById('new-quote');
  const loader = document.getElementById('loader');
  let apiQuotes = [];
  
  function showLoadingSpinner() {
      loader.hidden = false;
      quoteContainer.hidden = true;
  }
  
  function removeLoadingSpinner() {
      if (!loader.hidden) {
          quoteContainer.hidden = false;
          loader.hidden = true
      }
  }
  
  // Show New Quote
  function newQuote() {
      showLoadingSpinner();
      // Pick a random quote from apiQuotes array
      const quote = apiQuotes[Math.floor(Math.random() * apiQuotes.length)]
      // Display 'Unknown' Text if author is null
      authorText.textContent = !quote.author ? 'Unknown' : quote.author;
      // Adjust font-size through long-quote class if length of text greater than 50
      quote.text.length > 50 ? quoteText.classList.add('long-quote') : quoteText.classList.remove('long-quote');
      quoteText.textContent = quote.text;
      removeLoadingSpinner();
  }
  
  // Get Quotes From API
  async function getQuotes() {
      showLoadingSpinner();
      const apiUrl = 'https://type.fit/api/quotes';
      try {
          const response = await fetch(apiUrl);
          apiQuotes = await response.json();
          newQuote();
      } catch (error) {
          // Catch Error Here
      }
  }
  
  // Tweet Quote
  function tweetQuote() {
      const twitterUrl = `https://twitter.com/intent/tweet?text=${quoteText.textContent} - ${authorText.textContent}`;
      window.open(twitterUrl, '_blank')
  }
  
  // Event Listeners
  newQuoteBtn.addEventListener('click', newQuote);
  twitterBtn.addEventListener('click', tweetQuote);
  
  // On load
  getQuotes();
  