greyscaled

.navigation {
  // ...
  
  &__hamburger {
    margin-top: 2rem;
    position: relative;
  }
}

greyscaled

<ul>
  <li>sassy</li>
  <li>sassy</li>
  <li>boi</li>
</ul>

<style>
ul { list-style:none; }
li::before { content: "💅 "; }
li::after { content: "✨"; }

greyscaled

.navigation {
  &__cbox { display: none; }
  &__hamburger-box {
    width: 4rem;
    height: 4rem;
    
    position: absolute;
    top: 3rem;
    left: 3rem;
    

greyscaled

<div class="navigation">
  <input class="navigation__cbox" id="DrawerToggle" type="checkbox"/>
  <label class="navigation__hamburger-box" for="DrawerToggle">
    <span class="navigation__hamburger">&nbsp;</span>
  </label>
</div>

greyscaled

<div class="navigation">
  <input class="navigation__cbox" id="DrawerToggle" type="checkbox"/>
  <label class="navigation__hamburger-box" for="DrawerToggle">
  </label>
</div>

greyscaled

function draw () {
  let WIDTH = visualizer.width
  let HEIGHT = visualizer.height

  // loop this
  window.requestAnimationFrame(draw)

  // get the current Data (gets placed into array arg)
  player.getAnalyzerTimeBytes(1, f1visualData)
  player.getAnalyzerTimeBytes(2, f2visualData)

greyscaled

<div class="svg-wrapper">
  <svg
    class="svg-paper"
    id="paper"
    preserveAspectRatio="xMidYMid meet"
    viewbox="0 0 400 400"
    width="100%"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:svg="http://www.w3.org/2000/svg">
    <g class="svg-paper__group">

greyscaled

catch (err) {
  // never forget to rollback
  await transaction.rollback() 
  
  if (err instanceof TypeError) {
    // we know now that we couldn't find a team
    return res.status(404).send('useful message regarding team not found')
  } 
  
  else if (err.message === 'tag not found') {

greyscaled

let transaction
let teamToUpdate
try {
  transaction = await sequelize.transaction() // Managed Transaction
  
  // update the team
  teamToUpdate = await Team.findOne({ where: {...}, transaction })
  /* POTENTIAL ERROR - .update of null */
  await teamToUpdate.update({...}, {transaction})
  

greyscaled

let transaction
try {
  // Unmanaged Transaction
  transaction = await sequelize.transaction()
  
  // make sure to use the transaction in options
  await Team.create({...},{transaction})
  
  // always call commit at the end
  await transaction.commit()