MattMcAdams

body{
  font-family: sans-serif;
}
#Q2{
  display: none;
}
.answers div{
  display: none;
}
.show{

MattMcAdams

body {
	--offset: 0px;
}
	
#wrapper {
	min-height: 100vh;
	min-height: calc(100vh - var(--offset));
}

/*

MattMcAdams

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
}

MattMcAdams

/* Allow positioning of the overlay */
.overlay {
  position: relative;
}
/* Create pseudo element to hold overlay effects */
.overlay::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;

MattMcAdams

<h2 id="my-section">
  <a class="anchor" href="#my-section" aria-label="link to section"></a>
  My Section
</h2>
 <!-- OR -->
<section id="my-section">
  <h2>
    <a class="anchor" href="#my-section" aria-label="link to section"></a>
    My Section
  </h2>

MattMcAdams

/// Power function
/// @group utility
/// @param {number} $base - number to be multiplied
/// @param {number (unitless)} $exponents - number of times it should be multiplied
/// @return `$base` to the power of `$exponents`
@function pow($base, $exponents) {
  $raised: 1;
  @for $i from 1 through $exponents {
    $raised: $raised * $base;
  }

MattMcAdams

/// Get value from a deep map
/// @group utility
/// @param {map} $map - source map to pull key from
/// @param {string...} $keys - key to extract value of
/// @return key value
@function map-deep-get($map, $keys...) {
  @each $key in $keys {
    $map: map-get($map, $key);
  }
  @return $map;

MattMcAdams

/// Tint color
/// @group utility
/// @param {color} $color - color to be tinted
/// @param {number(%)} $percentage - key to extract value of
/// @return `$color` mixed with white by `$percentage`
@function tint($color, $percentage) {
  @return mix(white, $color, $percentage);
}

/// Shade color

MattMcAdams

/// base unit of measurement for spacing
/// @type number
$space-unit: $line-height !default;

/// function to create a general unit of measurement for spacing
/// @requires $space-unit
/// @group spacing
/// @param {number} $value
/// @return number(rem) = `$space-unit` times `$value`
@function s($value) {

MattMcAdams

/// Power function
/// @group utility
/// @param {number} $base - number to be multiplied
/// @param {number (unitless)} $exponents - number of times it should be multiplied
/// @return `$base` to the power of `$exponents`
@function pow($base, $exponents) {
  $raised: 1;
  @for $i from 1 through $exponents {
    $raised: $raised * $base;
  }