<input id="trigger" class="toggle-checkbox" type="checkbox"><label for="trigger">Throw the Switch</label>

<div class="bracket"><svg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 337 334"><path fill="#b7b0b0" d="M217 296h25v-48h24v-34h27v-62h22V47h22V0H0v47h22v105h22v62h27v34h23v48h26v38h97v-38zm-38 1v10h-22v-10h-9v-22h9v-9h22v9h10v22h-10z"/></svg><div class="bracketbottom"></div></div>
<div class="shrinkray"><svg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 958 383"><path fill="#696969" d="M289 28l196-1v327H290l-1-326z"/><path fill="#3d5070" d="M758 147h33v20h45v11h87v23h-87v12h-45v19h-33v28h-63V119h63v28z"/><path fill="#404040" d="M329-4l1 392-258 1v-34H51v-25H27v-27H1L0 81h26V53h24V28h21V-3l258-1z"/><path fill="#b0b0b0" d="M502 52l165-1v28l32-1 1 223h-33v27l-175 1 10-277z"/><path fill="#9f5f3a" d="M478 11h24v359h-24V11zM686 62h14v257h-14V62zM745 103h13v175h-13V103zM784 131h14v119h-14V131zM824 153h14v75h-14v-75zM940 166h8v9h9v29h-9v9h-8v8h-28v-8h-9v-9h-9v-29h9v-9h9v-8h28v8z"/></svg><div class="beam"></div></div>
<div class="scientist"><svg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 208 374"><g transform="matrix(1.08695 0 0 1.04752 -4822 -2524)"><path fill="#3d5070" fill-rule="nonzero" d="M4491 2723v-71h81v23h1v48h-37v-39h-9v39h-36z"/><path fill="#60422d" fill-rule="nonzero" d="M4436 2584h33v35h-33zM4627 2584h-36v29h36z"/><path fill="#43703d" fill-rule="nonzero" d="M4591 2551h9v10h9v9h9v10h9v9h-27v15h-9v-9h-9v-6h-10v63h-81v-63h-55v-10h9v-9h9v-9h9v-10h9v-9h119v9z"/><path fill="#2d2d2d" fill-rule="nonzero" d="M4491 2645h81v9h-81zM4527 2766h-59v-36h23v-11h36v47zM4536 2719h37v11h23v36h-60v-47z"/><path fill="#60422d" fill-rule="nonzero" d="M4509 2525h45v26h-45z"/><path fill="#fff" fill-rule="nonzero" d="M4570 2542h21v9h9v10h9v9h9v10h9v9h-27v15h-9v-9h-9 1v67h2v37h-42v-5h-7v-27h-2v-49h2v-31h4v-11h1v-13h2v-11h3v-13h24v3zM4500 2542v-3h21v13h2v11h3v13h3v13h1v11h1v36h-4v48h-6v13h-21v8h-33v-18h4v-18h7v-17h5v-16h1v-47h-48v-10h9v-9h9v-9h9v-10h9v-9h28z"/><path fill="#1b1006" fill-rule="nonzero" d="M4563 2419h10v28h-82v-28h8v-10h64v10z"/><path fill="#7c5439" fill-rule="nonzero" d="M4564 2438h13v18h14v29h-10v28h-8v9h-9v10h-18v10h-28v-10h-18v-10h-9v-9h-10v-28h-9v-29h14v-18h14v-10h64v10z"/><path fill="#fff" fill-rule="nonzero" d="M4536 2447h31v29h-31zM4500 2447h27v29h-27z"/>
  <path class="mouth" fill="#493222" fill-rule="nonzero" d="M4518 2504h27v9h-27z"/><g class="eyes"><path id="rteye" fill="#444445" fill-rule="nonzero" d="M63 45h9v9h-9z" transform="matrix(1.01311 0 0 1.05124 4454 2409)"/><path id="lteye" fill="#444445" fill-rule="nonzero" d="M108 36h9v9h-9z" transform="matrix(1.01311 0 0 1.05124 4447 2419)"/></g><path fill="#1b1006" fill-rule="nonzero" d="M4573 2438h9v37h-9zM4481 2438h10v37h-10z"/><path fill="#342217" d="M4529 2444h38l1 1 16 7v5h-2l-14-6v27l-1 2h-33l-1-2v-15h-3v15l-1 2h-33l-1-2v-27l-14 6h-2v-5l16-7 1-1h33zm-32 2v31h31v-31h-31zm69 0h-31v31h31v-31zm-33 0h-3v15h3v-15z"/><path fill="#1b1006" fill-rule="nonzero" d="M4577 2438h5v37h-5zM4481 2438h5v37h-5z"/><path fill="#60422d" fill-rule="nonzero" d="M4527 2466h9v28h-9z"/>
  <g class="mug"><path fill="silver" d="M4546 2586v40h-30v-7h-11l-1-1v-23l1-1h11v-8h30zm-30 30v-20h-10v20h10z"/><path fill="#fff" fill-rule="nonzero" d="M4523 2598v5h-2 1v-2h-3v2h1-2 1v-4h-1v-1h2v1h-1v1h3v-1h-1v-1h2zM4528 2603h-4v-3h1v3h1v-1h1v-2h-1 2v3zM4532 2600h3v3h-2 1v-3h-1v1h-1v2h1-2v-3 1h-1v2h1-2v-3h3zM4538 2601v-1h-1v1h1zm1 0v1h-2v1h1v-1h1v1h-3v-3h3v1zM4542 2601v1-2h1v1h-1v3h-1v1h-1v-1h1v-3h-1v-1h2-1v1h1zM4525 2605v1h1v1h-1v2h1v1h-2v-3h-1v-1h1v-1h1zM4529 2608v-1h-2v1h2zm0-1h1v1h-3v1h3-1v1h-2v-1h-1v-2h1v-1h2v1zM4533 2606v1h-2v2h2v1h-2v-1h-1v-2h1v-1h2zM4538 2607v3h-2v-1h1v-2h-2v2h1v1h-2v-5h1v2h1v-1h1v1h1z"/>
  </g>
    <g><path fill="#7c5439" fill-rule="nonzero" d="M4497 2588h8v9h6v19h-6v9h-27v-7h-35v-23h35v-7h1v-2h18v2z"/></g><g><path fill="#7c5439" fill-rule="nonzero" d="M4582 2601h45v28h-9v10h-18v-10h-9v-19h-9v-9z"/></g></g></svg></div>
 <div class="z">
    <div class="twrapper"><svg id="tophat" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1.5" clip-rule="evenodd" viewBox="15 -50 165 170">
      <path d="M170.3 63.3h20.1v9.6H59v-9.6h20.1V-10h91.2v73.3z" transform="matrix(-.89172 0 0 .89172 207.7 -24)"/>
      <path fill="#c95656" d="M776.8 330.2h180.5v19.4H776.8z" transform="matrix(-.45056 0 0 .44383 487.2 -123)"/>
      </svg></div>
    
    
<svg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1.5" clip-rule="evenodd" viewBox="8 90 197 500">
  <g transform="matrix(-1.12143 0 0 1.12143 215.3 127)">
    <path fill="#493222" d="M128 21.6v-9H65v9h-9v20.7h81V21.6h-9z"/>
    <path fill="#222" d="M34.6 299h18.2v-12.8h36v1h.3v45.4H34.6v-33.5zM153.2 299.1H135v-22.6H99v10.8h-.3v45.3h54.5v-33.5z"/>
    <path fill="#9cd3b3" fill-rule="nonzero" d="M143.2 236.4h-11.5v18.2h3v9h9v9h18.2v-9h9v-9h9v-18.2h-9v-9h-27.7v9z"/>
    <path d="M64 136.7v-7.6h-8.4v-8.7h-6.7V114h-8.4v-8.7h-36V132h9.1v9h9.1v9.1H31v9.5H41v9h9.6v13.8l-.8 43.6H53v12.7H53V293h35.9l1.4-32.9H97l1.7 32.9h36v-54.3h-.2v-12.2h3.7v-44.3l5.4.2v8.9h9v36h9.1v9h9v9.2H189V164h-9v-9h-9.1v-9.2h-9v-9l-45.4-.2H64z"/>
    <path fill="#4d4c4c" fill-rule="nonzero" d="M53 234h81.8v9H53z"/>
    <path fill="#fff" d="M128 143H64v92.6h64z"/>
    <path fill="#91c1a3" fill-rule="nonzero" d="M72.5 122.3H119v25.2H72.5z"/>
    <path fill="#9cd3b3" fill-rule="nonzero" d="M137 57.6h18v27.5h-9.5v26.5h-8.6v9h-8.3v9h-18.2v9H82.9v-9H65v-9.2h-9v-8.8h-9V85.1h-9V57.6h18v-18h9v-9h63.7v9h8.3v18z"/>
    <path id="bowtie" fill="#d84444" d="M115.2 187h20.3v-5H147v20.8h-11.6v-5h-20.3v5h-11.7V182h11.7v4.9z" transform="matrix(-.89172 0 0 .89172 207.7 -24)"/>
    <path fill-opacity=".5" d="M100.8 142.7H92v9.7h8.8z"/>
    <path id="hair" fill="#493222" d="M844 534h-40.5V512h20V491h.6v-18.8h40.6v19.6h20.8v-19.6H926V491h.6V512h20V534h-40.5v-21.1h-.5v.8h-60.8v-.8h-.8v21z" transform="matrix(-.44383 0 0 .44383 484.9 -125)"/>
    <path fill="#758b7c" fill-rule="nonzero" d="M91.8 102.6h9.1v9h-9.1z"/>
    <path fill="#91c1a3" fill-rule="nonzero" d="M92 66.6h9v26.8h-9z"/>
    <path fill="#493222" d="M47 39.6v38.5l9 .2V39.6h-9zM137 39.6V76h9V39.6h-9z"/>
    <path fill="#fbeb8e" fill-rule="nonzero" d="M131.1 76.1H101V48.6h30.2v27.5zM65 48.6h27v27h-.2v.5H65V48.6z"/>
    <path fill="#444445" fill-rule="nonzero" d="M83.4 57.9h9v9h-9zM101.1 67h9V76h-9z"/>
    <path fill="#333354" d="M100.4 167.1h-8.8v9h8.8zM100.4 192.4h-8.8v8.9h8.8zM100.4 218.2h-8.8v8.8h8.8z"/>
    <g id="rabbit">
      <path fill="#ecdfd6" d="M121.228 146.457H91.042v-12.612h.397v-.71h.365v-.712h.463v-.877h1.011v-6.928h1.923v-2.608h21.839v2.608h1.923v6.928h1.041v.877h.462v.712h.365v.71h.397v12.612z" transform="matrix(-.79931 0 0 .79931 183.9835 -94.3642)"/>
      <path fill="#f2e9e3" d="M21.162 9.355h1.113v2h1.135v21.69h-7.25v-21.69h1.135v-2h1.113v-2h2.754v2z" transform="matrix(-.79931 0 0 .79931 119.2064 -38.1294)"/>
      <path fill="#f2e9e3" d="M21.162 9.355h1.113v2h1.135v21.69h-7.25v-21.69h1.135v-2h1.113v-2h2.754v2z" transform="matrix(-.79931 0 0 .79931 110.3556 -38.1294)"/>
      <path fill="#cf9999" d="M20.369 16.921h.793v12.982h-2.557V16.921h.792v-.767h.972v.767z" transform="matrix(-.79931 0 0 .79931 119.2849 -38.0509)"/>
      <path fill="#cf9999" d="M20.369 16.921h.793v12.982h-2.557V16.921h.792v-.767h.972v.767z" transform="matrix(-.79931 0 0 .79931 110.4341 -38.0509)"/>
      <path fill="#ede1d9" d="M36.483 31.332h1.983v18.341h-1.983v1.983h-18.34v-1.983H16.16V31.332h1.983v-1.983h18.34v1.983z" transform="matrix(-.79931 0 0 .79931 120.805 -38.1294)"/>
      <path fill="#3c2e2e" d="M26.88 42.528h.441v4.383h-.441z" transform="matrix(-.79931 0 0 .79931 120.6353 -38.9287)"/>
      <path fill="#3c2e2e" d="M26.88 42.528h.441v4.383h-.441z" transform="matrix(0 .79931 .79931 0 63.2289 -23.2183)"/>
      <path fill="#c3b6b6" d="M26.88 42.528h.441v4.383h-.441z" transform="matrix(0 -.79931 .26723 0 84.686 18.7978)"/>
      <path fill="#c3b6b6" d="M26.88 42.528h.441v4.383h-.441z" transform="matrix(0 -.79931 .5189 0 72.7774 18.0824)"/>
      <path fill="#f5eee9" d="M11.919 60.086h.849V75.7H8.185V60.086h.849v-1h2.885v1z" transform="matrix(-.7989 -.02536 -.02536 .7989 122.999 -37.5696)"/>
      <path fill="#f5eee9" d="M11.919 60.086h.849V75.7H8.185V60.086h.849v-1h2.885v1z" transform="matrix(.7989 -.02536 .02536 .7989 75.298 -37.5696)"/>
      <path fill="#f5eee9" d="M11.919 60.086h.849V75.7H8.185V60.086h.849v-1h2.885v1z" transform="rotate(-90 21.893 -6.494) scale(.79931)"/>
      <path fill="#f5eee9" d="M11.919 60.086h.849V75.7H8.185V60.086h.849v-1h2.885v1z" transform="matrix(-.79931 0 0 -.69182 114.0946 63.5773)"/>
      <path fill="#cf9999" d="M8.759 61.97h.654v1.425h-.654z" transform="matrix(-.7989 -.02536 -.02536 .7989 122.999 -37.5696)"/>
      <path fill="#cf9999" d="M8.759 61.97h.654v1.425h-.654z" transform="matrix(-2.73909 -.08694 -.03403 1.07214 139.9434 -52.2909)"/>
      <path fill="#cf9999" d="M8.759 61.97h.654v1.425h-.654z" transform="matrix(2.73909 -.08694 .03276 1.03225 58.447 -49.819)"/>
      <path fill="#cf9999" d="M8.759 61.97h.654v1.425h-.654z" transform="matrix(0 -2.74047 1.03277 0 15.6093 31.8528)"/>
      <path fill="#cf9999" d="M8.759 61.97h.654v1.425h-.654z" transform="matrix(.7989 -.02536 .02536 .7989 75.298 -37.5696)"/>
      <path fill="#cf9999" d="M8.759 61.97h.654v1.425h-.654z" transform="rotate(-90 21.893 -6.494) scale(.79931)"/>
      <path fill="#cf9999" d="M8.759 61.97h.654v1.425h-.654z" transform="matrix(-.7989 -.02536 -.02536 .7989 122.2824 -38.785)"/>
      <path fill="#cf9999" d="M8.759 61.97h.654v1.425h-.654z" transform="matrix(.7989 -.02536 .02536 .7989 76.0145 -38.785)"/>
      <path fill="#cf9999" d="M8.759 61.97h.654v1.425h-.654z" transform="rotate(-90 20.9198 -6.2755) scale(.79931)"/>
      <path fill="#cf9999" d="M8.759 61.97h.654v1.425h-.654z" transform="matrix(-.7989 -.02536 -.02536 .7989 121.528 -38.8089)"/>
      <path fill="#cf9999" d="M8.759 61.97h.654v1.425h-.654z" transform="rotate(-1.8151 -1184.7539 -2438.6265) scale(.79931)"/>
      <path fill="#cf9999" d="M8.759 61.97h.654v1.425h-.654z" transform="rotate(-90 20.5424 -6.6529) scale(.79931)"/>
      <path fill="#cf9999" d="M8.759 61.97h.654v1.425h-.654z" transform="matrix(-.7989 -.02536 -.02536 .7989 120.736 -37.6415)"/>
      <path fill="#cf9999" d="M8.759 61.97h.654v1.425h-.654z" transform="matrix(.7989 -.02536 .02536 .7989 77.561 -37.6415)"/>
      <path fill="#cf9999" d="M8.759 61.97h.654v1.425h-.654z" transform="rotate(-90 20.761 -7.6261) scale(.79931)"/>
      <path fill="#c3b6b6" d="M26.88 42.528h.441v4.383h-.441z" transform="matrix(0 .79931 -.26723 0 113.2299 -25.8514)"/>
      <path fill="#c3b6b6" d="M26.88 42.528h.441v4.383h-.441z" transform="matrix(0 -.79931 -.26723 0 113.315 18.7978)"/>
      <path fill="#c3b6b6" d="M26.88 42.528h.441v4.383h-.441z" transform="matrix(0 -.79931 -.52695 0 125.396 18.0824)"/>
      <path fill="#c3b6b6" d="M26.88 42.528h.441v4.383h-.441z" transform="matrix(0 .79931 .26723 0 84.601 -25.8514)"/>
      <path fill="#c3b6b6" d="M26.88 42.528h.441v4.383h-.441z" transform="matrix(0 -.79931 .26723 0 83.539 19.1091)"/>
      <path fill="#c3b6b6" d="M26.88 42.528h.441v4.383h-.441z" transform="matrix(0 .79931 -.26723 0 114.377 -26.1627)"/>
      <path fill="#c3b6b6" d="M26.88 42.528h.441v4.383h-.441z" transform="matrix(0 -.79931 -.26723 0 114.462 19.1091)"/>
      <path fill="#c3b6b6" d="M26.88 42.528h.441v4.383h-.441z" transform="matrix(0 .79931 .26723 0 83.4538 -26.1627)"/>
      <path fill="#c3b6b6" d="M26.88 42.528h.441v4.383h-.441z" transform="matrix(0 -.79931 .26723 0 82.3941 19.3978)"/>
      <path fill="#c3b6b6" d="M26.88 42.528h.441v4.383h-.441z" transform="matrix(0 -.79931 .26723 0 82.2913 18.3904)"/>
      <path fill="#c3b6b6" d="M26.88 42.528h.441v4.383h-.441z" transform="matrix(0 .79931 -.26723 0 115.5219 -26.4514)"/>
      <path fill="#c3b6b6" d="M26.88 42.528h.441v4.383h-.441z" transform="matrix(0 -.79931 -.26723 0 115.607 19.3978)"/>
      <path fill="#c3b6b6" d="M26.88 42.528h.441v4.383h-.441z" transform="matrix(0 -.79931 -.26723 0 115.5042 18.3904)"/>
      <path fill="#c3b6b6" d="M26.88 42.528h.441v4.383h-.441z" transform="matrix(0 .79931 .26723 0 82.309 -26.4514)"/>
      <path fill="#fff" stroke="#cf9999" stroke-width=".0559517" d="M103.6894-9.8873h-.5692v2.0438h.5692v.5699h2.0438v-.57h.5699v-2.0437h-.57v-.57h-2.0437v.57zM92.4471-9.8873h-.569v2.0438h.569v.5699h2.0439v-.57h.5699v-2.0437h-.57v-.57h-2.0438v.57z"/>
      <path fill="#463e9a" d="M21.064 35.333h.712v2.557h-.712v.713h-2.557v-.713h-.713v-2.557h.713v-.713h2.557v.713z" transform="matrix(-.45603 0 0 .45603 113.617 -25.5614)"/>
      <path fill="#463e9a" d="M21.064 35.333h.712v2.557h-.712v.713h-2.557v-.713h-.713v-2.557h.713v-.713h2.557v.713z" transform="matrix(-.45603 0 0 .45603 102.3748 -25.5614)"/>
      <path fill="#cf9999" d="M26.329 42.022h-.919v-1.984h3.823v1.984h-.919v.919h-1.985v-.919z" transform="matrix(-.79931 0 0 .79931 120.805 -38.1294)"/>
      <path fill="#c9a48b" d="M66.611 40.15h4.716v30.882h-4.716z" transform="matrix(-.4012 .06517 .1099 .67648 100.0296 -36.302)"/>
      <path fill="#fff" d="M47.332 23.189h42.163v28.467H47.332z" transform="matrix(-.54128 .08793 .06831 .42051 111.0158 -26.5521)"/>
      <path fill-rule="nonzero" d="M1.375-1.25v.125H1.25v1h.125V0h-.5v-.125H1v-.5H.375v.5H.5V0H0v-.125h.125v-1H0v-.125h.5v.125H.375v.375H1v-.375H.875v-.125h.5z" transform="matrix(-3.1286 .50823 .52898 3.25633 85.5008 -5.2452)"/>
      <path fill-rule="nonzero" d="M1.125-1.25v.375H1V-1H.875v-.125h-.5v.375H.75v.125H.375v.5h.5V-.25H1v-.125h.125V0H0v-.125h.125v-1H0v-.125h1.125z" transform="matrix(-3.1286 .50823 .52898 3.25633 80.8079 -4.4828)"/>
      <path fill-rule="nonzero" d="M1-.25v-.125h.125V0H0v-.125h.125v-1H0v-.125h.5v.125H.375v1h.5V-.25H1z" transform="matrix(-3.1286 .50823 .52898 3.25633 76.8971 -3.8476)"/>
      <path fill-rule="nonzero" d="M.375-1.125v.499h.25V-.75H.75V-1H.625v-.125h-.25zm.5 0V-1H1v.25H.875v.125H.75v.124H.375v.376H.5V0H0v-.125h.125v-1H0v-.125h.75v.125h.125z" transform="matrix(-3.1286 .50823 .52898 3.25633 72.9864 -3.2123)"/>
      <path fill-rule="nonzero" d="M.5 0H.25v-.25H.5V0zm0-1.25v.875H.25v-.875H.5z" transform="matrix(-3.1286 .50823 .52898 3.25633 69.4667 -2.6405)"/>
    </g>
    <g id="hand">
    <path id="lhand" fill="#9cd3b3" fill-rule="nonzero" d="M1731 799.1h-46.8v-16.3h-14.4v-65.3h20.4v-21h61.2v21h20.4v42h-20.4v19.2H1731v20.4z" transform="matrix(.4439 0 0 .4439 -725.1 -291)"/>
    <path id="top" d="M234.2 271.9l.2 30.4h-21.9v-10l-10 .3V282l-9.9.1v-10.3h41.6z" transform="matrix(-.78275 0 0 -.89172 183.2 314.4)"/>
    </g>
    <g id="stretch">
    <path d="M234 208.6l.2 70.3h-41.6v-70.3h41.3z" transform="matrix(-.78519 0 0 -.94906 183.7 330.4)"/>
    </g>
  </g>
</svg>

</div>
<div class="stage"></div>



<div class="logo"><a href="https://undead.institute" target="_blank"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/1804713/UndeadInsti-LogoOnWhite.png" alt="Getting Braaains should be fun"></a></div>
.toggle-checkbox:checked ~ .shrinkray .beam { 
  animation: 5s ease-in-out 0s beamer forwards;
}
.shrinkray .beam {
  opacity: 0;
}
@keyframes beamer {
  0% { opacity: 0;}
  1%, 99% { opacity: 1; }
  20% {
    transform: scaleX(1);
  }
  100% { opacity: 0; transform: scaleX(1);}
}

.toggle-checkbox:checked ~ .z #tophat {
  animation: 5s ease-in-out 0s highlight forwards;
}
@keyframes highlight {
  0%, 99% {   filter: drop-shadow(0 0 0.5vw yellow) drop-shadow(0 0 1vw yellow); }
  100% { filter: drop-shadow(0 0 0.5vw yellow); }
}
.toggle-checkbox:checked ~ .z .twrapper {
  animation: 5s ease-in-out 0s shrinkydink forwards;
}
.twrapper {
  transform: scale(1) translate( 0, 0 );
  
}
@keyframes shrinkydink {
  0%, 20% {   transform: scale(1) translate( 0, 0 ) }
  100% { transform: scale(0.2, 0.25) translate( -0.75vw, 0.5vw ); }
}
.bracket {
  width: 10vw;
  position: absolute;
  bottom: 40vw;
  left: 15vw;
  z-index: 10;
}
.bracketbottom {
  height: 100vh;
  width: 10vw;
  background-color: #b7b0b0;
  position: absolute;
  top: -99vh;
}
.shrinkray {
  width: 25vw;
  position: absolute;
  bottom: 37vw;
  left: 15vw;
  transform-origin: 20% 50%;
  transform: rotate(10deg);
  z-index: 9;
}
.beam {
  position: absolute;
  width: 39vw;
  height: 0.5vw;
  bottom: 5.05vw;
  left: 24vw;
  background-color: yellow;
  z-index: -1;
  box-shadow: 0 0 0.5vw yellow, 0 0 0.5vw yellow;
}
.scientist {
  width: 15vw;
  position: absolute;
  bottom: 1vw;
  left: 15vw;
}
.z {
  width: 15vw;
  position: absolute;
  bottom: -3.1vw;
  right: 15vw;
}
#tophat {
  position: absolute;
  z-index: 10;
  transform: rotate(0) translateY(0);
  transform-origin: center 50px;
  top: -2vw;
}

.stage {
  width: 30vw;
  background-color: darkslategray;
  height: 5vw;
  position: absolute;
  bottom: -1vw;
  right: 7.5vw;
  z-index: 0;
}
.toggle-checkbox:checked ~ .shrinkray { 
  animation: 5s ease-in-out 0s follow forwards;
}
@keyframes follow{
  0%, 20% { 
    transform: rotate(10deg);}
  100% { 
  transform: rotate(8deg); }
}

body {
  background-color: lightskyblue;
  overflow: hidden;
}

.logo {
  width: 100%;
  max-width: 400px;
  position: absolute;
  top: 0;
  right: 0;
}
.logo img {
  width: 100%;
}
input{
  display: none;
}
input:checked + label {
  box-shadow: inset 3px 3px 2px #660000;
  transform: translate(3px, 3px);
}
label {
  font-size: 1.5em;
  color: #FFF;
  background-color: #960B0B;
  width: 200px;
  height: 30px;
  text-align: center;
  font-weight: bold;
  display: block;
  border-radius: 7px;
  box-shadow: 3px 3px 0 #660000;
  cursor: pointer;
  position: relative;
  z-index: 1000;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.