Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <input id="trigger" class="toggle-checkbox" type="checkbox"><label for="trigger">Go</label>

<div class="car">
  <svg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" stroke-miterlimit="1.5" clip-rule="evenodd" viewBox="0 0 1920 1080"><g id="zomb"><path fill="#36251a" d="M809.76 729.94h53.06v498.75h-561.5V729.94h53.07v-60.8h455.37v60.8z" transform="matrix(1 0 0 1 0 -110)"/><path fill="#43342a" d="M581.96 79.33h435.98v157.89H581.96z" transform="matrix(1.1907 0 0 1 -370.54 971.23)"/><path fill="#91c1a3" d="M0 187.58h39.12v24.68H0z" transform="matrix(3.62301 0 0 3.29404 241.93 218.08)"/><path fill="#91c1a3" d="M167.91 187.61h39.12v24.68h-39.12z" transform="matrix(3.30941 0 0 3.29404 241.93 218.08)"/><path fill="#676767" d="M39.67 148.09v-9.87h128.98v9.9h9.6v9.87h9.91v9.87h9.92v9.88H208v9.87l-29.76.15v9.56l-19.33.16v-9.56l-10.36-.01v62.47H59.5v-62.5l-10.34-.04-.13 9.64-18.86-.16v-9.59L0 187.58v-9.87h9.92v-9.87h9.92v-9.88h9.92v-9.87h9.91z" transform="translate(241.93 218.08) scale(3.29404)"/><path fill="#5a5a5a" d="M59.51 251.63h89.04v24.93h.04v29.66h-39.62v-20.27h-9.9v20.27H59.51v-54.6z" transform="translate(241.93 218.08) scale(3.29404)"/><path fill="#9cd3b3" d="M0 207.33h9.92v-9.88h49.6v9.88h-10.3v19.74h-9.55v9.87H19.65v-9.87H9.92v-9.87H0v-9.87zM148.49 197.48h49.6v9.87H208v9.88h-9.92v9.87h-9.73v9.87h-20.03v-9.87h-9.54v-19.75h-10.3v-9.87z" transform="translate(241.93 218.08) scale(3.29404)"/><path fill="#91c1a3" d="M78.98 128.34h49.36v19.62H78.98z" transform="matrix(3.30941 0 0 3.29404 241.93 218.08)"/><path fill="#3a3a3a" d="M60.5 9.87h8.93V0h68.7v9.87h10.65V29.5H60.5V9.87z" transform="translate(241.93 218.08) scale(3.29404)"/><path fill="#9cd3b3" d="M139.63 29.62h9.15v19.74h19.84V79.5h-10.4v29.1h-9.44v9.65h-9.15v10.1h-20.1v9.88H89.27v-9.88H69.43v-10.1h-9.92v-9.64H49.6V79.49h-9.94V49.36H59.5V29.62h9.92v-9.88h70.2v9.88z" transform="translate(241.93 218.08) scale(3.29404)"/><path fill="#fbeb8e" d="M108.6 39.49h33.12v30.12H108.6z" transform="matrix(2.978 0 0 3.29404 277.92 218.08)"/><path fill="#fbeb8e" d="M69.11 39.49h29.37v30.12H69.11z" transform="matrix(3.30941 0 0 3.29404 241.93 218.08)"/><path fill="#758b7c" d="M88.85 98.73h29.62v9.87H88.85z" transform="matrix(3.30941 0 0 3.29404 241.93 218.08)"/><path fill="#91c1a3" d="M98.73 59.24h9.87v29.37h-9.87z" transform="matrix(3.30941 0 0 3.29404 241.93 218.08)"/><path fill="#444445" d="M69.11 49.36h9.87v9.87h-9.87zM118.47 39.49h9.87v9.87h-9.87z" transform="matrix(3.30941 0 0 3.29404 241.93 218.08)"/><path fill="#3a3a3a" d="M148.09 29.62h9.87v39.12h-9.87zM49.36 29.62h9.87v39.12h-9.87z" transform="matrix(3.30941 0 0 3.29404 241.93 218.08)"/><g><path fill="#4d4c4c" d="M59.24 256.69h88.62v9.87H59.24z" transform="matrix(3.30941 0 0 3.29404 241.93 185.14)"/></g></g><g id="h1"><path fill="#36251a" d="M809.76 729.94h53.06v498.75h-561.5V729.94h53.07v-60.8h455.37v60.8z" transform="translate(716.61 -110)"/><path fill="#00b0d8" fill-rule="nonzero" d="M1497.65 803.35h31.67v31.67h31.67v31.66h31.67v31.67h31.67v96.91h-126.68v-33h-31.81v-31.67h-32.98v317.7h-282.81V930.02h-32.42v31.67h-31.67v31.67H959.28v-95h31.67v-31.68h29.08v-32.23h34.12v-30.96h31.81v-31.74h64.09v-.07h347.6v31.67z" transform="translate(0 -110)"/><path fill="#e1b389" fill-rule="nonzero" d="M72 117h9v9h-9z" transform="matrix(17.9286 0 0 10.446 -78.22 -622.7)"/><path fill="#3a3435" fill-rule="nonzero" d="M1401.05 359.99H1433v63.33h-283.7V360h31.66v-31.67h220.09v31.67z" transform="translate(0 -110)"/><path fill="#fccb98" fill-rule="nonzero" d="M1402.93 423.32h31.38v63.34h63.34v95.29h-31.67v95.15h-31.67v32.38h-31.38v29.5h-63.34v32.7h-95.29v-32.7h-63.34v-29.5h-31.66V677.1h-31.67v-95.15h-31.67v-95.29h63.34v-63.34h31.66v-31.67h221.97v31.67z" transform="translate(0 -110)"/><path fill="#3a3435" fill-rule="nonzero" d="M45 27h9v9h-9zM135 27h9v9h-9z" transform="matrix(3.51874 0 0 14.1222 959.28 -67.98)"/><path fill="#fff" fill-rule="nonzero" d="M99 36h9v9h-9z" transform="matrix(10.5877 0 0 3.55023 259.46 248.85)"/><path fill="#fff" fill-rule="nonzero" d="M63 36h9v9h-9z" transform="matrix(10.5877 0 0 3.47659 513.94 251.84)"/><path fill="#3a3435" fill-rule="nonzero" d="M135 54h9v9h-9z" transform="matrix(3.51874 0 0 12.0743 959.28 -320.68)"/><path fill="#b18c6f" fill-rule="nonzero" d="M81 90h9v9h-9z" transform="matrix(3.92104 0 0 .96318 956.7 471.32)"/><path id="m2" fill="#b18c6f" fill-rule="nonzero" d="M81 90h9v9h-9z" transform="matrix(3.92104 0 0 .96318 956.7 471.32)"/><path id="m1" fill="#b18c6f" fill-rule="nonzero" d="M81 90h9v9h-9z" transform="matrix(3.92104 0 0 .96318 956.7 471.32)"/><path fill="#e1b389" fill-rule="nonzero" d="M90 54h9v9h-9z" transform="matrix(3.51874 0 0 10.5798 959.28 -162.98)"/><path fill="#e1b389" fill-rule="nonzero" d="M90 63h9v9h-9z" transform="matrix(10.6298 0 0 3.51874 223.45 122.98)"/><path fill="#e1b389" fill-rule="nonzero" d="M90 63h9v9h-9z" transform="matrix(10.6298 0 0 3.51874 352.18 122.98)"/><path fill="#444445" fill-rule="nonzero" d="M72 45h9v9h-9zM108 45h9v9h-9z" transform="translate(959.28 218.32) scale(3.51874)"/><path fill="#404040" d="M1185.57 826h298v46h43.78v43.22h44.85v45h-1.15v255.87h-46V960.22h-41.38v43.33h-300.01v-43.33h-42.39v255.87h-46V960.22h-.14v-45h44.44V872h46v43.22h43.56v43.33h209.07v-43.33h43.15V872h-295.78v-46z" transform="translate(123.44 -7.11) scale(.87976)"/><path fill="#fccb98" d="M1087.72 945h41.78v31.67h-49.26v-12.7h-24.18v-43.11h31.66V945zM1506.31 929.17v-30.82h31.67v78.32h-73.45v-47.5h41.78z" transform="translate(0 -110)"/></g><path fill="#a6a398" d="M123.44 1099.62v-430.2h24.93V552.5h24.34V447.5h22.34v-70.6h25v-79.73h26.46V236.1h30v-31.78h34.15v-36.07h1314.69v36.07h34.15v31.78h30v61.06h26.46v79.73h25.01v70.6h22.33V552.5h24.34v116.93h24.94v430.2H123.44zm1615.09-248.09V734.6h-22.57V629.6h-2.19v-70.6h-27.2v-79.73h-35.3v-92.84h-25.92v-121.7h-26.26V240.4H336.92v24.33h-26.26v121.71h-25.91v92.84h-35.31V559h-27.2v70.6h-2.2V734.6h-22.56v116.93h1541.05z"/><path fill="#fffdd0" d="M1725.66 903.11h16.19v17.99h19.26v18.55h17.87v72.94h-17.87v16.98h-19.26v18.02h-16.19v18.74h-74.26v-18.74h-19.05v-18.02h-17.75v-16.98h-18.86v-72.94h18.86V921.1h17.75v-17.99h19.05v-18.28h74.26v18.28zM316.4 903.11h16.2v17.99h19.25v18.55h17.87v72.94h-17.87v16.98h-19.26v18.02h-16.18v18.74h-74.27v-18.74H223.1v-18.02h-17.75v-16.98h-18.86v-72.94h18.86V921.1h17.75v-17.99h19.05v-18.28h74.27v18.28z"/><path fill="#59564d" d="M824 345h242v85H824z"/><path fill="#3d3b34" d="M906.5 304h77v83.5h-77z"/><g id="mulberry2"><path fill="#fff" stroke="#9e9e9e" stroke-width="3" d="M278.73 333.62H87.1v-26.1H60.47v-28.08H30.92v-28.1H4.83V125.1h26.09v-28.1h29.55V68.9H87.1V42.82h348.48V68.9h26.64V97h29.55v28.09h26.09v126.25h-26.1v28.1h-29.54v28.09h-26.64v26.09H330.73v26.85H354v26.62h26v24.85h24.85V439h-26v-24.84H354v-26.63h-49.8v-26.85h-25.48v-27.06z"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.13-1.25h.74v.38H.76V-1H.62v-.13H.26v.25h.13v.13h.24v.13h.13v.12h.13v.38H.74V0H0v-.38h.13v.13h.12v.13h.38v-.26H.5V-.5H.25v-.13H.12v-.12H0v-.38h.13v-.12z" transform="matrix(39.99995 0 0 40 113.84 132.32)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M1-.75v.63h.13V0h-.5v-.13h.12v-.62H.5v.13H.37v.5H.5V0H0v-.13h.13v-1H0v-.12h.38v.5H.5v-.13h.38v.13H1z" transform="matrix(39.99995 0 0 40 153.84 132.32)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.88-.75v.13H1v.37H.87v.13H.76V0h-.5v-.13H.12v-.12H0v-.38h.13v-.12h.12v-.13h.5v.13h.13zm-.13.5v-.38H.62v-.12H.39v.13H.24v.37h.13v.13h.24v-.13h.13z" transform="matrix(39.99995 0 0 40 203.84 132.32)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M1-.13h.13V0H.74v-.13H.62V0H.26v-.13H.12v-.62H0v-.13h.38v.76h.24v-.13h.13v-.5H.62v-.13H1v.76z" transform="matrix(39.99995 0 0 40 248.84 132.32)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.38-1.25v1.13H.5V0H0v-.13h.13v-1H0v-.12h.38z" transform="matrix(39.99995 0 0 40 298.84 132.32)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.38-.13h.24v-.62H.39v.13H.24v.37h.13v.13zM.5-1.25h.38v1.13H1V0H.25v-.13H.12v-.12H0v-.38h.13v-.12h.12v-.13h.38v-.24H.5v-.13z" transform="matrix(39.99995 0 0 40 323.84 132.32)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.75-.75v.63h.13V0H.11v-.13H0v-.24h.13V-.5H.5v-.25H.12v-.13h.5v.13h.13zm-.5.63H.5v-.26H.25v.26z" transform="matrix(39.99995 0 0 40 368.84 132.32)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M1.25-1.25v.38h-.13V-1H1v-.13H.75v1h.13V0h-.5v-.13H.5v-1H.25V-1H.12v.13H0v-.38h1.25z" transform="matrix(39.99995 0 0 40 168.84 208.32)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.75-.75v.63h.13V0H.11v-.13H0v-.24h.13V-.5H.5v-.25H.12v-.13h.5v.13h.13zm-.5.63H.5v-.26H.25v.26z" transform="matrix(39.99995 0 0 40 223.84 208.32)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.75-.75v.13H.62v.24h.13v.13h.13v.13h.24V0h-.5v-.25H.5v-.13H.37V0H0v-.13h.13v-1H0v-.12h.38v.75H.5v-.13h.13v-.12H.5v-.13H1v.13H.75z" transform="matrix(39.99995 0 0 40 263.84 208.32)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.63-.5v-.13H.5v-.12H.37v.13H.26v.12h.38zm.12-.13h.13v.26H.24v.12h.13v.13h.24v-.13h.26v.13H.74V0h-.5v-.13H.12v-.12H0v-.38h.13v-.12h.12v-.13h.38v.13h.12v.13z" transform="matrix(39.99995 0 0 40 313.84 208.32)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.88-.5v.25H.61V-.5H.5v-.25H.37V-1H.26v.88h.13V0H0v-.13h.13v-1H0v-.12h.5V-1h.13v.25h.12v.25h.13v-.25H1V-1h.13v-.25h.5v.13H1.5v1h.13V0h-.5v-.13h.12V-1h-.13v.25H1v.25H.87z" transform="matrix(39.99995 0 0 40 76.34 284.32)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M1-.13h.13V0H.74v-.13H.62V0H.26v-.13H.12v-.62H0v-.13h.38v.76h.24v-.13h.13v-.5H.62v-.13H1v.76z" transform="matrix(39.99995 0 0 40 146.34 284.32)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.38-1.25v1.13H.5V0H0v-.13h.13v-1H0v-.12h.38z" transform="matrix(39.99995 0 0 40 196.34 284.32)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.88-.75v.13H1v.37H.87v.13H.76V0H0v-.13h.13v-1H0v-.12h.38v.38h.37v.12h.13zm-.13.5v-.38H.62v-.12H.39v.63h.24v-.13h.13z" transform="matrix(39.99995 0 0 40 221.34 284.32)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.63-.5v-.13H.5v-.12H.37v.13H.26v.12h.38zm.12-.13h.13v.26H.24v.12h.13v.13h.24v-.13h.26v.13H.74V0h-.5v-.13H.12v-.12H0v-.38h.13v-.12h.12v-.13h.38v.13h.12v.13z" transform="matrix(39.99995 0 0 40 266.34 284.32)"/>
    <path fill="#3f3f3f" fill-rule="nonzero" d="M.5-.75v-.13h.25v.26H.37v.5H.5V0H0v-.13h.13v-.62H0v-.13h.38v.13H.5z" transform="matrix(39.99995 0 0 40 306.34 284.32)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.5-.75v-.13h.25v.26H.37v.5H.5V0H0v-.13h.13v-.62H0v-.13h.38v.13H.5z" transform="matrix(39.99995 0 0 40 341.34 284.32)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.5-.5v.25h.13V-.5h.12v-.25H.62v-.13H1v.13H.87v.25H.76v.25H.62V0H.5v.25H.37v.13H.14V.11h.24v-.37H.26V-.5H.12v-.25H0v-.13h.5v.13H.37v.25H.5z" transform="matrix(39.99995 0 0 40 376.34 284.32)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.13-.25h.25V0H.13z" transform="matrix(39.99995 0 0 40 421.34 284.32)"/></g><g id="mulberry"><path fill="#fff" stroke="#9e9e9e" stroke-width="3" d="M278.73 333.62H107.1v-26.1H80.47v-28.08H50.92v-28.1H24.83V125.1h26.09v-28.1h29.55V68.9h26.63V42.82h308.48V68.9h26.64V97h29.55v28.09h26.09v126.25h-26.1v28.1h-29.54v28.09h-26.64v26.09h-84.85v26.85H354v26.62h26v24.85h24.85V439h-26v-24.84H354v-26.63h-49.8v-26.85h-25.48v-27.06z"/><path fill="#3f3f3f" fill-rule="nonzero" d="M1.25-1.25v.38h-.13V-1H1v-.13H.75v1h.13V0h-.5v-.13H.5v-1H.25V-1H.12v.13H0v-.38h1.25z" transform="matrix(40.20403 0 0 40.20394 174.37 120.27)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.75-.75v.63h.13V0H.11v-.13H0v-.24h.13V-.5H.5v-.25H.12v-.13h.5v.13h.13zm-.5.63H.5v-.26H.25v.26z" transform="matrix(40.20403 0 0 40.20394 229.65 120.27)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.75-.75v.13H.62v.24h.13v.13h.13v.13h.24V0h-.5v-.25H.5v-.13H.37V0H0v-.13h.13v-1H0v-.12h.38v.75H.5v-.13h.13v-.12H.5v-.13H1v.13H.75z" transform="matrix(40.20403 0 0 40.20394 269.86 120.27)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.63-.5v-.13H.5v-.12H.37v.13H.26v.12h.38zm.12-.13h.13v.26H.24v.12h.13v.13h.24v-.13h.26v.13H.74V0h-.5v-.13H.12v-.12H0v-.38h.13v-.12h.12v-.13h.38v.13h.12v.13z" transform="matrix(40.20403 0 0 40.20394 320.11 120.27)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.88-.5v.25H.61V-.5H.5v-.25H.37V-1H.26v.88h.13V0H0v-.13h.13v-1H0v-.12h.5V-1h.13v.25h.12v.25h.13v-.25H1V-1h.13v-.25h.5v.13H1.5v1h.13V0h-.5v-.13h.12V-1h-.13v.25H1v.25H.87z" transform="matrix(40.20403 0 0 40.20394 81.4 208.35)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M1-.13h.13V0H.74v-.13H.62V0H.26v-.13H.12v-.62H0v-.13h.38v.76h.24v-.13h.13v-.5H.62v-.13H1v.76z" transform="matrix(40.20403 0 0 40.20394 151.76 208.35)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.38-1.25v1.13H.5V0H0v-.13h.13v-1H0v-.12h.38z" transform="matrix(40.20403 0 0 40.20394 202.01 208.35)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.88-.75v.13H1v.37H.87v.13H.76V0H0v-.13h.13v-1H0v-.12h.38v.38h.37v.12h.13zm-.13.5v-.38H.62v-.12H.39v.63h.24v-.13h.13z" transform="matrix(40.20403 0 0 40.20394 227.14 208.35)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.63-.5v-.13H.5v-.12H.37v.13H.26v.12h.38zm.12-.13h.13v.26H.24v.12h.13v.13h.24v-.13h.26v.13H.74V0h-.5v-.13H.12v-.12H0v-.38h.13v-.12h.12v-.13h.38v.13h.12v.13z" transform="matrix(40.20403 0 0 40.20394 272.37 208.35)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.5-.75v-.13h.25v.26H.37v.5H.5V0H0v-.13h.13v-.62H0v-.13h.38v.13H.5z" transform="matrix(40.20403 0 0 40.20394 312.57 208.35)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.5-.75v-.13h.25v.26H.37v.5H.5V0H0v-.13h.13v-.62H0v-.13h.38v.13H.5z" transform="matrix(40.20403 0 0 40.20394 347.75 208.35)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.5-.5v.25h.13V-.5h.12v-.25H.62v-.13H1v.13H.87v.25H.76v.25H.62V0H.5v.25H.37v.13H.14V.11h.24v-.37H.26V-.5H.12v-.25H0v-.13h.5v.13H.37v.25H.5z" transform="matrix(40.20403 0 0 40.20394 382.93 208.35)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.25 0H.12v-.25h.26v.38H.24v.12H.12V.12h.13V0z" transform="matrix(40.20403 0 0 40.20394 428.16 208.35)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M1.38-1.25v.13h-.13v1h.13V0h-.5v-.13H1v-.5H.37v.5H.5V0H0v-.13h.13v-1H0v-.12h.5v.13H.37v.37H1v-.38H.87v-.12h.5z" transform="matrix(40.20403 0 0 40.20394 111.55 296.44)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M1-.13h.13V0H.74v-.13H.62V0H.26v-.13H.12v-.62H0v-.13h.38v.76h.24v-.13h.13v-.5H.62v-.13H1v.76z" transform="matrix(40.20403 0 0 40.20394 171.86 296.44)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.88-.75h.24v-.13h.38v.13h.13v.63h.12V0h-.5v-.13h.13v-.62h-.25v.13H1v.5h.13V0h-.5v-.13h.12v-.62H.5v.13H.37v.5H.5V0H0v-.13h.13v-.62H0v-.12h.38v.12H.5v-.13h.38v.13z" transform="matrix(40.20403 0 0 40.20394 222.11 296.44)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.75-.75v.63h.13V0H.11v-.13H0v-.24h.13V-.5H.5v-.25H.12v-.13h.5v.13h.13zm-.5.63H.5v-.26H.25v.26z" transform="matrix(40.20403 0 0 40.20394 297.5 296.44)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M1-.75v.63h.13V0h-.5v-.13h.12v-.62H.5v.13H.37v.5H.5V0H0v-.13h.13v-.62H0v-.13h.38v.13H.5v-.13h.38v.13H1z" transform="matrix(40.20403 0 0 40.20394 337.7 296.44)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.5 0H.25v-.25H.5V0zm0-1.25v.88H.25v-.88H.5z" transform="matrix(40.20403 0 0 40.20394 387.95 296.44)"/></g><g id="nope"><path fill="#fff" stroke="#9e9e9e" stroke-width="3" d="M1638.24 309.7h171.62V283.6h26.63v-28.1h29.55v-28.08h26.09V101.17h-26.09v-28.1h-29.55V45h-26.63V18.9h-308.48v26.09h-26.64v28.09h-29.55v28.1h-26.08v126.25h26.08v28.09h29.55v28.1h26.64v26.08h84.86v26.85h-23.3v26.63h-26v24.84h-24.83v27.06h26v-24.84h24.84V363.6h49.8v-26.85h25.49V309.7z"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.75-1.13V-1H.62v.13h.26v.12H.61v.13h.13v.12H.5v-.13H.37v.13H.14v-.13h.12v-.12H0v-.13h.25V-1H.12v-.13h.26V-1H.5v-.13h.25z" transform="matrix(36 0 0 36 1479.56 111.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M0 .13h.25v.12h.38V0H.24v-.13H.12v-.12H0v-.38h.13v-.12h.12v-.13h.63V.25H.74v.13H.12V.24H0V.12zm.63-.88H.36v.13H.26v.37h.13v.13h.24v-.63z" transform="matrix(36 0 0 36 1515.56 111.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.5-.75v-.13h.25v.26H.37v.5H.5V0H0v-.13h.13v-.62H0v-.13h.38v.13H.5z" transform="matrix(36 0 0 36 1551.56 111.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M1-.13h.13V0H.74v-.13H.62V0H.26v-.13H.12v-.62H0v-.13h.38v.76h.24v-.13h.13v-.5H.62v-.13H1v.76z" transform="matrix(36 0 0 36 1583.06 111.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.88-.75h.24v-.13h.38v.13h.13v.63h.12V0h-.5v-.13h.13v-.62h-.25v.13H1v.5h.13V0h-.5v-.13h.12v-.62H.5v.13H.37v.5H.5V0H0v-.13h.13v-.62H0v-.12h.38v.12H.5v-.13h.38v.13z" transform="matrix(36 0 0 36 1628.06 111.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.88-.75v.13H1v.37H.87v.13H.76V0H0v-.13h.13v-1H0v-.12h.38v.38h.37v.12h.13zm-.13.5v-.38H.62v-.12H.39v.63h.24v-.13h.13z" transform="matrix(36 0 0 36 1695.56 111.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.38-1.25v1.13H.5V0H0v-.13h.13v-1H0v-.12h.38z" transform="matrix(36 0 0 36 1736.06 111.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.63-.5v-.13H.5v-.12H.37v.13H.26v.12h.38zm.12-.13h.13v.26H.24v.12h.13v.13h.24v-.13h.26v.13H.74V0h-.5v-.13H.12v-.12H0v-.38h.13v-.12h.12v-.13h.38v.13h.12v.13z" transform="matrix(36 0 0 36 1758.56 111.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.75-1.13V-1H.62v.13h.26v.12H.61v.13h.13v.12H.5v-.13H.37v.13H.14v-.13h.12v-.12H0v-.13h.25V-1H.12v-.13h.26V-1H.5v-.13h.25z" transform="matrix(36 0 0 36 1794.56 111.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.5-1.25v.13H.37v1H.5V0H0v-.13h.13v-1H0v-.12h.5z" transform="matrix(36 0 0 36 1486.31 187.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.25-1H.12v-.25h.26v.38H.24v.12H.12v-.13h.13V-1z" transform="matrix(36 0 0 36 1508.81 187.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.88-.75h.24v-.13h.38v.13h.13v.63h.12V0h-.5v-.13h.13v-.62h-.25v.13H1v.5h.13V0h-.5v-.13h.12v-.62H.5v.13H.37v.5H.5V0H0v-.13h.13v-.62H0v-.12h.38v.12H.5v-.13h.38v.13z" transform="matrix(36 0 0 36 1526.81 187.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.38-1.13v.25h.24v.13H.39v.63h.24V0H.26v-.13H.12v-.62H0v-.13h.13v-.24h.24z" transform="matrix(36 0 0 36 1612.31 187.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.75-.75v.63h.13V0H.11v-.13H0v-.24h.13V-.5H.5v-.25H.12v-.13h.5v.13h.13zm-.5.63H.5v-.26H.25v.26z" transform="matrix(36 0 0 36 1639.31 187.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.75-.75v.13H.62v.24h.13v.13h.13v.13h.24V0h-.5v-.25H.5v-.13H.37V0H0v-.13h.13v-1H0v-.12h.38v.75H.5v-.13h.13v-.12H.5v-.13H1v.13H.75z" transform="matrix(36 0 0 36 1675.31 187.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.38-1.25V-1H.11v-.25h.26zm0 .38v.74H.5V0H0v-.13h.13v-.62H0v-.13h.38z" transform="matrix(36 0 0 36 1720.31 187.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M1-.75v.63h.13V0h-.5v-.13h.12v-.62H.5v.13H.37v.5H.5V0H0v-.13h.13v-.62H0v-.13h.38v.13H.5v-.13h.38v.13H1z" transform="matrix(36 0 0 36 1742.81 187.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M0 .13h.25v.12h.38V0H.24v-.13H.12v-.12H0v-.38h.13v-.12h.12v-.13h.63V.25H.74v.13H.12V.24H0V.12zm.63-.88H.36v.13H.26v.37h.13v.13h.24v-.63z" transform="matrix(36 0 0 36 1787.81 187.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.13-1.25h.74v.38H.76V-1H.62v-.13H.26v.25h.13v.13h.24v.13h.13v.12h.13v.38H.74V0H0v-.38h.13v.13h.12v.13h.38v-.26H.5V-.5H.25v-.13H.12v-.12H0v-.38h.13v-.12z" transform="matrix(36 0 0 36 1531.31 263.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.75-.25v-.38H.62v-.12H.39v.63h.24v-.13h.13zm.13-.5v.13H1v.37H.87v.13H.76V0H.37v.25H.5v.13H0V.24h.13v-1H0v-.13h.75v.13h.13z" transform="matrix(36 0 0 36 1567.31 263.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.5-.75v-.13h.25v.26H.37v.5H.5V0H0v-.13h.13v-.62H0v-.13h.38v.13H.5z" transform="matrix(36 0 0 36 1607.81 263.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M1-.13h.13V0H.74v-.13H.62V0H.26v-.13H.12v-.62H0v-.13h.38v.76h.24v-.13h.13v-.5H.62v-.13H1v.76z" transform="matrix(36 0 0 36 1639.31 263.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.75-.88v.13h.13v.13H.61v-.13H.39v.13H.24v.37h.13v.13h.24v-.13h.26v.13H.74V0h-.5v-.13H.12v-.12H0v-.38h.13v-.12h.12v-.13h.5z" transform="matrix(36 0 0 36 1684.31 263.2)"/><path fill="#3f3f3f" fill-rule="nonzero" d="M.63-.5v-.13H.5v-.12H.37v.13H.26v.12h.38zm.12-.13h.13v.26H.24v.12h.13v.13h.24v-.13h.26v.13H.74V0h-.5v-.13H.12v-.12H0v-.38h.13v-.12h.12v-.13h.38v.13h.12v.13z" transform="matrix(36 0 0 36 1720.31 263.2)"/>
      <path fill="#3f3f3f" fill-rule="nonzero" d="M.13-.25h.25V0H.13z" transform="matrix(36 0 0 36 1756.31 263.2)"/></g><path fill="#383630" d="M488 935h1005.8v389H488z"/><path fill="#676459" d="M499.5 912h981v23h-981zM499.5 935v335h-23V935z"/><path fill="#676459" d="M590.75 912v358h-23V912zM682.01 912v358h-23V912zM773.26 912v358h-23V912zM864.52 912v358h-23V912zM955.77 912v358h-23V912zM1047.03 912v358h-23V912zM1138.28 912v358h-23V912zM1229.54 912v358h-23V912zM1320.79 912v358h-23V912zM1412.05 912v358h-23V912zM1503.3 935v338h-23V935z"/></svg>
</div>
<svg id="anvil" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 299 157"><path fill="#3d3d3d" d="M79.97 86.46h128.62v63.55H79.97z"/><path fill="#515151" d="M46.92 20.27V9.63h59.4v89.06h-59.4V88.06H21.29V76.54H0V31.78h21.3V20.27h25.62z"/><path fill="#4a4a4a" d="M66.82 140.96h157.8v15.32H66.81zM298.4 0v27.26h-20.07v20.28h-21.27v20.3h-14.59v20.28h-20.34v20.29H118.78v-.09H66.83V0h231.56z"/></svg>


<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>
              
            
!

CSS

              
                .car {
  width: 60vw;
  position: absolute;
  left: 20vw;
  bottom: -2vw;
  z-index: 100;
}
#mulberry, #mulberry2, #nope {
  opacity: 0;
}
.toggle-checkbox:checked ~ .car #mulberry { 
  animation: 10s linear 0s talk forwards;
}

.toggle-checkbox:checked ~ .car #mulberry2 { 
  animation: 10s linear 6s talk forwards;
}
.toggle-checkbox:checked ~ .car #nope { 
  animation: 10s linear 2s talk forwards;
}
@keyframes talk {
  0%, 5% {
    opacity: 0;
  }
  5.5%, 25% {
    opacity: 1;
  }
  25.5%, 100% {
    opacity: 0;
  }
}
.toggle-checkbox:checked ~ #anvil { 
  animation: 0.5s linear 5s drop forwards;
}
@keyframes drop {
  0% {
    transform: translateY( 0 );
  }
  100% {
    transform: translateY( calc( 20vw + 100vh ) );
  }
}
#anvil {
  width: 25vw;
  position: absolute;
  left: 48vw;
  bottom: 100vh;
  transform: translateY( 0 );
}
.toggle-checkbox:checked ~ .car #h1 { 
  animation: 0.5s linear 5.125s drop forwards;
}
#h1 {
    transform: translateY( 0 );
}
@keyframes drop {
  0% {
    transform: translateY( 0 );
  }
  100% {
    transform: translateY( 200vw );
  }
}
body {
  background-color: cornsilk;
  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: 140px;
  height: 30px;
  text-align: center;
  font-weight: bold;
  display: block;
  border-radius: 7px;
  box-shadow: 3px 3px 0 #660000;
  cursor: pointer;
}
              
            
!

JS

              
                
              
            
!
999px

Console