diff --git a/android-icon-192x192.ce9db1e8.png b/android-icon-192x192.ce9db1e8.png
new file mode 100644
index 0000000..34ff7c3
Binary files /dev/null and b/android-icon-192x192.ce9db1e8.png differ
diff --git a/android-icon-192x192.d5ec5ee6.png b/android-icon-192x192.d5ec5ee6.png
index ffddfdf..63ff076 100644
Binary files a/android-icon-192x192.d5ec5ee6.png and b/android-icon-192x192.d5ec5ee6.png differ
diff --git a/apple-icon-114x114.13602621.png b/apple-icon-114x114.13602621.png
new file mode 100644
index 0000000..7722dc4
Binary files /dev/null and b/apple-icon-114x114.13602621.png differ
diff --git a/apple-icon-114x114.9da54a24.png b/apple-icon-114x114.9da54a24.png
index 96a6072..355bcdd 100644
Binary files a/apple-icon-114x114.9da54a24.png and b/apple-icon-114x114.9da54a24.png differ
diff --git a/apple-icon-120x120.56abf743.png b/apple-icon-120x120.56abf743.png
new file mode 100644
index 0000000..9329649
Binary files /dev/null and b/apple-icon-120x120.56abf743.png differ
diff --git a/apple-icon-120x120.de54b054.png b/apple-icon-120x120.de54b054.png
index 906361d..31ce57b 100644
Binary files a/apple-icon-120x120.de54b054.png and b/apple-icon-120x120.de54b054.png differ
diff --git a/apple-icon-144x144.bb088ee4.png b/apple-icon-144x144.bb088ee4.png
index 5de5832..fb1b498 100644
Binary files a/apple-icon-144x144.bb088ee4.png and b/apple-icon-144x144.bb088ee4.png differ
diff --git a/apple-icon-144x144.e910ce45.png b/apple-icon-144x144.e910ce45.png
new file mode 100644
index 0000000..0fe530f
Binary files /dev/null and b/apple-icon-144x144.e910ce45.png differ
diff --git a/apple-icon-152x152.67b67671.png b/apple-icon-152x152.67b67671.png
index 49a3db2..349b20b 100644
Binary files a/apple-icon-152x152.67b67671.png and b/apple-icon-152x152.67b67671.png differ
diff --git a/apple-icon-152x152.8516fba9.png b/apple-icon-152x152.8516fba9.png
new file mode 100644
index 0000000..1f14cf9
Binary files /dev/null and b/apple-icon-152x152.8516fba9.png differ
diff --git a/apple-icon-180x180.0b02aeee.png b/apple-icon-180x180.0b02aeee.png
new file mode 100644
index 0000000..6299312
Binary files /dev/null and b/apple-icon-180x180.0b02aeee.png differ
diff --git a/apple-icon-180x180.31f85769.png b/apple-icon-180x180.31f85769.png
index 16ce50f..efd4172 100644
Binary files a/apple-icon-180x180.31f85769.png and b/apple-icon-180x180.31f85769.png differ
diff --git a/apple-icon-57x57.1f9600f2.png b/apple-icon-57x57.1f9600f2.png
new file mode 100644
index 0000000..ebf52b1
Binary files /dev/null and b/apple-icon-57x57.1f9600f2.png differ
diff --git a/apple-icon-57x57.64001a37.png b/apple-icon-57x57.64001a37.png
index 39a2761..6150333 100644
Binary files a/apple-icon-57x57.64001a37.png and b/apple-icon-57x57.64001a37.png differ
diff --git a/apple-icon-60x60.87af7f11.png b/apple-icon-60x60.87af7f11.png
index 69d405b..7a62f06 100644
Binary files a/apple-icon-60x60.87af7f11.png and b/apple-icon-60x60.87af7f11.png differ
diff --git a/apple-icon-60x60.93eac9d8.png b/apple-icon-60x60.93eac9d8.png
new file mode 100644
index 0000000..4690cc1
Binary files /dev/null and b/apple-icon-60x60.93eac9d8.png differ
diff --git a/apple-icon-72x72.25525ffa.png b/apple-icon-72x72.25525ffa.png
index 72a005b..cd22c69 100644
Binary files a/apple-icon-72x72.25525ffa.png and b/apple-icon-72x72.25525ffa.png differ
diff --git a/apple-icon-72x72.77e319b3.png b/apple-icon-72x72.77e319b3.png
new file mode 100644
index 0000000..7b95e34
Binary files /dev/null and b/apple-icon-72x72.77e319b3.png differ
diff --git a/apple-icon-76x76.11b0cdf6.png b/apple-icon-76x76.11b0cdf6.png
index f5b008a..c4b1468 100644
Binary files a/apple-icon-76x76.11b0cdf6.png and b/apple-icon-76x76.11b0cdf6.png differ
diff --git a/apple-icon-76x76.84c89c26.png b/apple-icon-76x76.84c89c26.png
new file mode 100644
index 0000000..df1ec74
Binary files /dev/null and b/apple-icon-76x76.84c89c26.png differ
diff --git a/brjs.f76ebc75.jpg b/brjs.f76ebc75.jpg
new file mode 100644
index 0000000..3d28f85
Binary files /dev/null and b/brjs.f76ebc75.jpg differ
diff --git a/coffee.97c781d0.jpg b/coffee.97c781d0.jpg
new file mode 100644
index 0000000..05058eb
Binary files /dev/null and b/coffee.97c781d0.jpg differ
diff --git a/coffee.fff7f5b5.jpg b/coffee.fff7f5b5.jpg
new file mode 100644
index 0000000..e3b51b3
Binary files /dev/null and b/coffee.fff7f5b5.jpg differ
diff --git a/favicon-16x16.5b943774.png b/favicon-16x16.5b943774.png
index ba6a3bb..3d0af14 100644
Binary files a/favicon-16x16.5b943774.png and b/favicon-16x16.5b943774.png differ
diff --git a/favicon-16x16.f738c16e.png b/favicon-16x16.f738c16e.png
new file mode 100644
index 0000000..dd84410
Binary files /dev/null and b/favicon-16x16.f738c16e.png differ
diff --git a/favicon-32x32.2e53e426.png b/favicon-32x32.2e53e426.png
index b837462..284d0fd 100644
Binary files a/favicon-32x32.2e53e426.png and b/favicon-32x32.2e53e426.png differ
diff --git a/favicon-32x32.368cedac.png b/favicon-32x32.368cedac.png
new file mode 100644
index 0000000..da2cb40
Binary files /dev/null and b/favicon-32x32.368cedac.png differ
diff --git a/favicon-96x96.0a2c5311.png b/favicon-96x96.0a2c5311.png
index bb2a89b..3b8623c 100644
Binary files a/favicon-96x96.0a2c5311.png and b/favicon-96x96.0a2c5311.png differ
diff --git a/favicon-96x96.ddb712e6.png b/favicon-96x96.ddb712e6.png
new file mode 100644
index 0000000..e05e1bf
Binary files /dev/null and b/favicon-96x96.ddb712e6.png differ
diff --git a/felipebernardes.github.io.59712999.js b/felipebernardes.github.io.59712999.js
new file mode 100644
index 0000000..42310e2
--- /dev/null
+++ b/felipebernardes.github.io.59712999.js
@@ -0,0 +1,581 @@
+// modules are defined as an array
+// [ module function, map of requires ]
+//
+// map of requires is short require name -> numeric require
+//
+// anything defined in a previous bundle is accessed via the
+// orig method which is the require for previous bundles
+
+(function (modules, entry, mainEntry, parcelRequireName, globalName) {
+  /* eslint-disable no-undef */
+  var globalObject =
+    typeof globalThis !== 'undefined'
+      ? globalThis
+      : typeof self !== 'undefined'
+      ? self
+      : typeof window !== 'undefined'
+      ? window
+      : typeof global !== 'undefined'
+      ? global
+      : {};
+  /* eslint-enable no-undef */
+
+  // Save the require from previous bundle to this closure if any
+  var previousRequire =
+    typeof globalObject[parcelRequireName] === 'function' &&
+    globalObject[parcelRequireName];
+
+  var cache = previousRequire.cache || {};
+  // Do not use `require` to prevent Webpack from trying to bundle this call
+  var nodeRequire =
+    typeof module !== 'undefined' &&
+    typeof module.require === 'function' &&
+    module.require.bind(module);
+
+  function newRequire(name, jumped) {
+    if (!cache[name]) {
+      if (!modules[name]) {
+        // if we cannot find the module within our internal map or
+        // cache jump to the current global require ie. the last bundle
+        // that was added to the page.
+        var currentRequire =
+          typeof globalObject[parcelRequireName] === 'function' &&
+          globalObject[parcelRequireName];
+        if (!jumped && currentRequire) {
+          return currentRequire(name, true);
+        }
+
+        // If there are other bundles on this page the require from the
+        // previous one is saved to 'previousRequire'. Repeat this as
+        // many times as there are bundles until the module is found or
+        // we exhaust the require chain.
+        if (previousRequire) {
+          return previousRequire(name, true);
+        }
+
+        // Try the node require function if it exists.
+        if (nodeRequire && typeof name === 'string') {
+          return nodeRequire(name);
+        }
+
+        var err = new Error("Cannot find module '" + name + "'");
+        err.code = 'MODULE_NOT_FOUND';
+        throw err;
+      }
+
+      localRequire.resolve = resolve;
+      localRequire.cache = {};
+
+      var module = (cache[name] = new newRequire.Module(name));
+
+      modules[name][0].call(
+        module.exports,
+        localRequire,
+        module,
+        module.exports,
+        this
+      );
+    }
+
+    return cache[name].exports;
+
+    function localRequire(x) {
+      var res = localRequire.resolve(x);
+      return res === false ? {} : newRequire(res);
+    }
+
+    function resolve(x) {
+      var id = modules[name][1][x];
+      return id != null ? id : x;
+    }
+  }
+
+  function Module(moduleName) {
+    this.id = moduleName;
+    this.bundle = newRequire;
+    this.exports = {};
+  }
+
+  newRequire.isParcelRequire = true;
+  newRequire.Module = Module;
+  newRequire.modules = modules;
+  newRequire.cache = cache;
+  newRequire.parent = previousRequire;
+  newRequire.register = function (id, exports) {
+    modules[id] = [
+      function (require, module) {
+        module.exports = exports;
+      },
+      {},
+    ];
+  };
+
+  Object.defineProperty(newRequire, 'root', {
+    get: function () {
+      return globalObject[parcelRequireName];
+    },
+  });
+
+  globalObject[parcelRequireName] = newRequire;
+
+  for (var i = 0; i < entry.length; i++) {
+    newRequire(entry[i]);
+  }
+
+  if (mainEntry) {
+    // Expose entry point to Node, AMD or browser globals
+    // Based on https://github.com/ForbesLindesay/umd/blob/master/template.js
+    var mainExports = newRequire(mainEntry);
+
+    // CommonJS
+    if (typeof exports === 'object' && typeof module !== 'undefined') {
+      module.exports = mainExports;
+
+      // RequireJS
+    } else if (typeof define === 'function' && define.amd) {
+      define(function () {
+        return mainExports;
+      });
+
+      // <script>
+    } else if (globalName) {
+      this[globalName] = mainExports;
+    }
+  }
+})({"beUwC":[function(require,module,exports) {
+var global = arguments[3];
+var HMR_HOST = null;
+var HMR_PORT = null;
+var HMR_SECURE = false;
+var HMR_ENV_HASH = "d6ea1d42532a7575";
+module.bundle.HMR_BUNDLE_ID = "7055c94b59712999";
+"use strict";
+/* global HMR_HOST, HMR_PORT, HMR_ENV_HASH, HMR_SECURE, chrome, browser, __parcel__import__, __parcel__importScripts__, ServiceWorkerGlobalScope */ /*::
+import type {
+  HMRAsset,
+  HMRMessage,
+} from '@parcel/reporter-dev-server/src/HMRServer.js';
+interface ParcelRequire {
+  (string): mixed;
+  cache: {|[string]: ParcelModule|};
+  hotData: {|[string]: mixed|};
+  Module: any;
+  parent: ?ParcelRequire;
+  isParcelRequire: true;
+  modules: {|[string]: [Function, {|[string]: string|}]|};
+  HMR_BUNDLE_ID: string;
+  root: ParcelRequire;
+}
+interface ParcelModule {
+  hot: {|
+    data: mixed,
+    accept(cb: (Function) => void): void,
+    dispose(cb: (mixed) => void): void,
+    // accept(deps: Array<string> | string, cb: (Function) => void): void,
+    // decline(): void,
+    _acceptCallbacks: Array<(Function) => void>,
+    _disposeCallbacks: Array<(mixed) => void>,
+  |};
+}
+interface ExtensionContext {
+  runtime: {|
+    reload(): void,
+    getURL(url: string): string;
+    getManifest(): {manifest_version: number, ...};
+  |};
+}
+declare var module: {bundle: ParcelRequire, ...};
+declare var HMR_HOST: string;
+declare var HMR_PORT: string;
+declare var HMR_ENV_HASH: string;
+declare var HMR_SECURE: boolean;
+declare var chrome: ExtensionContext;
+declare var browser: ExtensionContext;
+declare var __parcel__import__: (string) => Promise<void>;
+declare var __parcel__importScripts__: (string) => Promise<void>;
+declare var globalThis: typeof self;
+declare var ServiceWorkerGlobalScope: Object;
+*/ var OVERLAY_ID = "__parcel__error__overlay__";
+var OldModule = module.bundle.Module;
+function Module(moduleName) {
+    OldModule.call(this, moduleName);
+    this.hot = {
+        data: module.bundle.hotData[moduleName],
+        _acceptCallbacks: [],
+        _disposeCallbacks: [],
+        accept: function(fn) {
+            this._acceptCallbacks.push(fn || function() {});
+        },
+        dispose: function(fn) {
+            this._disposeCallbacks.push(fn);
+        }
+    };
+    module.bundle.hotData[moduleName] = undefined;
+}
+module.bundle.Module = Module;
+module.bundle.hotData = {};
+var checkedAssets /*: {|[string]: boolean|} */ , assetsToDispose /*: Array<[ParcelRequire, string]> */ , assetsToAccept /*: Array<[ParcelRequire, string]> */ ;
+function getHostname() {
+    return HMR_HOST || (location.protocol.indexOf("http") === 0 ? location.hostname : "localhost");
+}
+function getPort() {
+    return HMR_PORT || location.port;
+}
+// eslint-disable-next-line no-redeclare
+var parent = module.bundle.parent;
+if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== "undefined") {
+    var hostname = getHostname();
+    var port = getPort();
+    var protocol = HMR_SECURE || location.protocol == "https:" && !/localhost|127.0.0.1|0.0.0.0/.test(hostname) ? "wss" : "ws";
+    var ws;
+    try {
+        ws = new WebSocket(protocol + "://" + hostname + (port ? ":" + port : "") + "/");
+    } catch (err) {
+        if (err.message) console.error(err.message);
+        ws = {};
+    }
+    // Web extension context
+    var extCtx = typeof browser === "undefined" ? typeof chrome === "undefined" ? null : chrome : browser;
+    // Safari doesn't support sourceURL in error stacks.
+    // eval may also be disabled via CSP, so do a quick check.
+    var supportsSourceURL = false;
+    try {
+        (0, eval)('throw new Error("test"); //# sourceURL=test.js');
+    } catch (err) {
+        supportsSourceURL = err.stack.includes("test.js");
+    }
+    // $FlowFixMe
+    ws.onmessage = async function(event /*: {data: string, ...} */ ) {
+        checkedAssets = {} /*: {|[string]: boolean|} */ ;
+        assetsToAccept = [];
+        assetsToDispose = [];
+        var data /*: HMRMessage */  = JSON.parse(event.data);
+        if (data.type === "update") {
+            // Remove error overlay if there is one
+            if (typeof document !== "undefined") removeErrorOverlay();
+            let assets = data.assets.filter((asset)=>asset.envHash === HMR_ENV_HASH);
+            // Handle HMR Update
+            let handled = assets.every((asset)=>{
+                return asset.type === "css" || asset.type === "js" && hmrAcceptCheck(module.bundle.root, asset.id, asset.depsByBundle);
+            });
+            if (handled) {
+                console.clear();
+                // Dispatch custom event so other runtimes (e.g React Refresh) are aware.
+                if (typeof window !== "undefined" && typeof CustomEvent !== "undefined") window.dispatchEvent(new CustomEvent("parcelhmraccept"));
+                await hmrApplyUpdates(assets);
+                // Dispose all old assets.
+                let processedAssets = {} /*: {|[string]: boolean|} */ ;
+                for(let i = 0; i < assetsToDispose.length; i++){
+                    let id = assetsToDispose[i][1];
+                    if (!processedAssets[id]) {
+                        hmrDispose(assetsToDispose[i][0], id);
+                        processedAssets[id] = true;
+                    }
+                }
+                // Run accept callbacks. This will also re-execute other disposed assets in topological order.
+                processedAssets = {};
+                for(let i = 0; i < assetsToAccept.length; i++){
+                    let id = assetsToAccept[i][1];
+                    if (!processedAssets[id]) {
+                        hmrAccept(assetsToAccept[i][0], id);
+                        processedAssets[id] = true;
+                    }
+                }
+            } else fullReload();
+        }
+        if (data.type === "error") {
+            // Log parcel errors to console
+            for (let ansiDiagnostic of data.diagnostics.ansi){
+                let stack = ansiDiagnostic.codeframe ? ansiDiagnostic.codeframe : ansiDiagnostic.stack;
+                console.error("\uD83D\uDEA8 [parcel]: " + ansiDiagnostic.message + "\n" + stack + "\n\n" + ansiDiagnostic.hints.join("\n"));
+            }
+            if (typeof document !== "undefined") {
+                // Render the fancy html overlay
+                removeErrorOverlay();
+                var overlay = createErrorOverlay(data.diagnostics.html);
+                // $FlowFixMe
+                document.body.appendChild(overlay);
+            }
+        }
+    };
+    ws.onerror = function(e) {
+        if (e.message) console.error(e.message);
+    };
+    ws.onclose = function() {
+        console.warn("[parcel] \uD83D\uDEA8 Connection to the HMR server was lost");
+    };
+}
+function removeErrorOverlay() {
+    var overlay = document.getElementById(OVERLAY_ID);
+    if (overlay) {
+        overlay.remove();
+        console.log("[parcel] \u2728 Error resolved");
+    }
+}
+function createErrorOverlay(diagnostics) {
+    var overlay = document.createElement("div");
+    overlay.id = OVERLAY_ID;
+    let errorHTML = '<div style="background: black; opacity: 0.85; font-size: 16px; color: white; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; padding: 30px; font-family: Menlo, Consolas, monospace; z-index: 9999;">';
+    for (let diagnostic of diagnostics){
+        let stack = diagnostic.frames.length ? diagnostic.frames.reduce((p, frame)=>{
+            return `${p}
+<a href="/__parcel_launch_editor?file=${encodeURIComponent(frame.location)}" style="text-decoration: underline; color: #888" onclick="fetch(this.href); return false">${frame.location}</a>
+${frame.code}`;
+        }, "") : diagnostic.stack;
+        errorHTML += `
+      <div>
+        <div style="font-size: 18px; font-weight: bold; margin-top: 20px;">
+          \u{1F6A8} ${diagnostic.message}
+        </div>
+        <pre>${stack}</pre>
+        <div>
+          ${diagnostic.hints.map((hint)=>"<div>\uD83D\uDCA1 " + hint + "</div>").join("")}
+        </div>
+        ${diagnostic.documentation ? `<div>\u{1F4DD} <a style="color: violet" href="${diagnostic.documentation}" target="_blank">Learn more</a></div>` : ""}
+      </div>
+    `;
+    }
+    errorHTML += "</div>";
+    overlay.innerHTML = errorHTML;
+    return overlay;
+}
+function fullReload() {
+    if ("reload" in location) location.reload();
+    else if (extCtx && extCtx.runtime && extCtx.runtime.reload) extCtx.runtime.reload();
+}
+function getParents(bundle, id) /*: Array<[ParcelRequire, string]> */ {
+    var modules = bundle.modules;
+    if (!modules) return [];
+    var parents = [];
+    var k, d, dep;
+    for(k in modules)for(d in modules[k][1]){
+        dep = modules[k][1][d];
+        if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) parents.push([
+            bundle,
+            k
+        ]);
+    }
+    if (bundle.parent) parents = parents.concat(getParents(bundle.parent, id));
+    return parents;
+}
+function updateLink(link) {
+    var href = link.getAttribute("href");
+    if (!href) return;
+    var newLink = link.cloneNode();
+    newLink.onload = function() {
+        if (link.parentNode !== null) // $FlowFixMe
+        link.parentNode.removeChild(link);
+    };
+    newLink.setAttribute("href", // $FlowFixMe
+    href.split("?")[0] + "?" + Date.now());
+    // $FlowFixMe
+    link.parentNode.insertBefore(newLink, link.nextSibling);
+}
+var cssTimeout = null;
+function reloadCSS() {
+    if (cssTimeout) return;
+    cssTimeout = setTimeout(function() {
+        var links = document.querySelectorAll('link[rel="stylesheet"]');
+        for(var i = 0; i < links.length; i++){
+            // $FlowFixMe[incompatible-type]
+            var href /*: string */  = links[i].getAttribute("href");
+            var hostname = getHostname();
+            var servedFromHMRServer = hostname === "localhost" ? new RegExp("^(https?:\\/\\/(0.0.0.0|127.0.0.1)|localhost):" + getPort()).test(href) : href.indexOf(hostname + ":" + getPort());
+            var absolute = /^https?:\/\//i.test(href) && href.indexOf(location.origin) !== 0 && !servedFromHMRServer;
+            if (!absolute) updateLink(links[i]);
+        }
+        cssTimeout = null;
+    }, 50);
+}
+function hmrDownload(asset) {
+    if (asset.type === "js") {
+        if (typeof document !== "undefined") {
+            let script = document.createElement("script");
+            script.src = asset.url + "?t=" + Date.now();
+            if (asset.outputFormat === "esmodule") script.type = "module";
+            return new Promise((resolve, reject)=>{
+                var _document$head;
+                script.onload = ()=>resolve(script);
+                script.onerror = reject;
+                (_document$head = document.head) === null || _document$head === void 0 || _document$head.appendChild(script);
+            });
+        } else if (typeof importScripts === "function") {
+            // Worker scripts
+            if (asset.outputFormat === "esmodule") return import(asset.url + "?t=" + Date.now());
+            else return new Promise((resolve, reject)=>{
+                try {
+                    importScripts(asset.url + "?t=" + Date.now());
+                    resolve();
+                } catch (err) {
+                    reject(err);
+                }
+            });
+        }
+    }
+}
+async function hmrApplyUpdates(assets) {
+    global.parcelHotUpdate = Object.create(null);
+    let scriptsToRemove;
+    try {
+        // If sourceURL comments aren't supported in eval, we need to load
+        // the update from the dev server over HTTP so that stack traces
+        // are correct in errors/logs. This is much slower than eval, so
+        // we only do it if needed (currently just Safari).
+        // https://bugs.webkit.org/show_bug.cgi?id=137297
+        // This path is also taken if a CSP disallows eval.
+        if (!supportsSourceURL) {
+            let promises = assets.map((asset)=>{
+                var _hmrDownload;
+                return (_hmrDownload = hmrDownload(asset)) === null || _hmrDownload === void 0 ? void 0 : _hmrDownload.catch((err)=>{
+                    // Web extension fix
+                    if (extCtx && extCtx.runtime && extCtx.runtime.getManifest().manifest_version == 3 && typeof ServiceWorkerGlobalScope != "undefined" && global instanceof ServiceWorkerGlobalScope) {
+                        extCtx.runtime.reload();
+                        return;
+                    }
+                    throw err;
+                });
+            });
+            scriptsToRemove = await Promise.all(promises);
+        }
+        assets.forEach(function(asset) {
+            hmrApply(module.bundle.root, asset);
+        });
+    } finally{
+        delete global.parcelHotUpdate;
+        if (scriptsToRemove) scriptsToRemove.forEach((script)=>{
+            if (script) {
+                var _document$head2;
+                (_document$head2 = document.head) === null || _document$head2 === void 0 || _document$head2.removeChild(script);
+            }
+        });
+    }
+}
+function hmrApply(bundle /*: ParcelRequire */ , asset /*:  HMRAsset */ ) {
+    var modules = bundle.modules;
+    if (!modules) return;
+    if (asset.type === "css") reloadCSS();
+    else if (asset.type === "js") {
+        let deps = asset.depsByBundle[bundle.HMR_BUNDLE_ID];
+        if (deps) {
+            if (modules[asset.id]) {
+                // Remove dependencies that are removed and will become orphaned.
+                // This is necessary so that if the asset is added back again, the cache is gone, and we prevent a full page reload.
+                let oldDeps = modules[asset.id][1];
+                for(let dep in oldDeps)if (!deps[dep] || deps[dep] !== oldDeps[dep]) {
+                    let id = oldDeps[dep];
+                    let parents = getParents(module.bundle.root, id);
+                    if (parents.length === 1) hmrDelete(module.bundle.root, id);
+                }
+            }
+            if (supportsSourceURL) // Global eval. We would use `new Function` here but browser
+            // support for source maps is better with eval.
+            (0, eval)(asset.output);
+            // $FlowFixMe
+            let fn = global.parcelHotUpdate[asset.id];
+            modules[asset.id] = [
+                fn,
+                deps
+            ];
+        } else if (bundle.parent) hmrApply(bundle.parent, asset);
+    }
+}
+function hmrDelete(bundle, id) {
+    let modules = bundle.modules;
+    if (!modules) return;
+    if (modules[id]) {
+        // Collect dependencies that will become orphaned when this module is deleted.
+        let deps = modules[id][1];
+        let orphans = [];
+        for(let dep in deps){
+            let parents = getParents(module.bundle.root, deps[dep]);
+            if (parents.length === 1) orphans.push(deps[dep]);
+        }
+        // Delete the module. This must be done before deleting dependencies in case of circular dependencies.
+        delete modules[id];
+        delete bundle.cache[id];
+        // Now delete the orphans.
+        orphans.forEach((id)=>{
+            hmrDelete(module.bundle.root, id);
+        });
+    } else if (bundle.parent) hmrDelete(bundle.parent, id);
+}
+function hmrAcceptCheck(bundle /*: ParcelRequire */ , id /*: string */ , depsByBundle /*: ?{ [string]: { [string]: string } }*/ ) {
+    if (hmrAcceptCheckOne(bundle, id, depsByBundle)) return true;
+    // Traverse parents breadth first. All possible ancestries must accept the HMR update, or we'll reload.
+    let parents = getParents(module.bundle.root, id);
+    let accepted = false;
+    while(parents.length > 0){
+        let v = parents.shift();
+        let a = hmrAcceptCheckOne(v[0], v[1], null);
+        if (a) // If this parent accepts, stop traversing upward, but still consider siblings.
+        accepted = true;
+        else {
+            // Otherwise, queue the parents in the next level upward.
+            let p = getParents(module.bundle.root, v[1]);
+            if (p.length === 0) {
+                // If there are no parents, then we've reached an entry without accepting. Reload.
+                accepted = false;
+                break;
+            }
+            parents.push(...p);
+        }
+    }
+    return accepted;
+}
+function hmrAcceptCheckOne(bundle /*: ParcelRequire */ , id /*: string */ , depsByBundle /*: ?{ [string]: { [string]: string } }*/ ) {
+    var modules = bundle.modules;
+    if (!modules) return;
+    if (depsByBundle && !depsByBundle[bundle.HMR_BUNDLE_ID]) {
+        // If we reached the root bundle without finding where the asset should go,
+        // there's nothing to do. Mark as "accepted" so we don't reload the page.
+        if (!bundle.parent) return true;
+        return hmrAcceptCheck(bundle.parent, id, depsByBundle);
+    }
+    if (checkedAssets[id]) return true;
+    checkedAssets[id] = true;
+    var cached = bundle.cache[id];
+    assetsToDispose.push([
+        bundle,
+        id
+    ]);
+    if (!cached || cached.hot && cached.hot._acceptCallbacks.length) {
+        assetsToAccept.push([
+            bundle,
+            id
+        ]);
+        return true;
+    }
+}
+function hmrDispose(bundle /*: ParcelRequire */ , id /*: string */ ) {
+    var cached = bundle.cache[id];
+    bundle.hotData[id] = {};
+    if (cached && cached.hot) cached.hot.data = bundle.hotData[id];
+    if (cached && cached.hot && cached.hot._disposeCallbacks.length) cached.hot._disposeCallbacks.forEach(function(cb) {
+        cb(bundle.hotData[id]);
+    });
+    delete bundle.cache[id];
+}
+function hmrAccept(bundle /*: ParcelRequire */ , id /*: string */ ) {
+    // Execute the module.
+    bundle(id);
+    // Run the accept callbacks in the new version of the module.
+    var cached = bundle.cache[id];
+    if (cached && cached.hot && cached.hot._acceptCallbacks.length) cached.hot._acceptCallbacks.forEach(function(cb) {
+        var assetsToAlsoAccept = cb(function() {
+            return getParents(module.bundle.root, id);
+        });
+        if (assetsToAlsoAccept && assetsToAccept.length) {
+            assetsToAlsoAccept.forEach(function(a) {
+                hmrDispose(a[0], a[1]);
+            });
+            // $FlowFixMe[method-unbinding]
+            assetsToAccept.push.apply(assetsToAccept, assetsToAlsoAccept);
+        }
+    });
+}
+
+},{}],"4M6V8":[function(require,module,exports) {
+
+},{}]},["beUwC","4M6V8"], "4M6V8", "parcelRequiree405")
+
+//# sourceMappingURL=felipebernardes.github.io.59712999.js.map
diff --git a/felipebernardes.github.io.59712999.js.map b/felipebernardes.github.io.59712999.js.map
new file mode 100644
index 0000000..377c7d6
--- /dev/null
+++ b/felipebernardes.github.io.59712999.js.map
@@ -0,0 +1 @@
+{"mappings":"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","sources":["node_modules/@parcel/runtime-browser-hmr/lib/runtime-cc85f59f19f49dc5.js"],"sourcesContent":["var HMR_HOST = null;var HMR_PORT = null;var HMR_SECURE = false;var HMR_ENV_HASH = \"d6ea1d42532a7575\";module.bundle.HMR_BUNDLE_ID = \"7055c94b59712999\";\"use strict\";\n\n/* global HMR_HOST, HMR_PORT, HMR_ENV_HASH, HMR_SECURE, chrome, browser, __parcel__import__, __parcel__importScripts__, ServiceWorkerGlobalScope */\n/*::\nimport type {\n  HMRAsset,\n  HMRMessage,\n} from '@parcel/reporter-dev-server/src/HMRServer.js';\ninterface ParcelRequire {\n  (string): mixed;\n  cache: {|[string]: ParcelModule|};\n  hotData: {|[string]: mixed|};\n  Module: any;\n  parent: ?ParcelRequire;\n  isParcelRequire: true;\n  modules: {|[string]: [Function, {|[string]: string|}]|};\n  HMR_BUNDLE_ID: string;\n  root: ParcelRequire;\n}\ninterface ParcelModule {\n  hot: {|\n    data: mixed,\n    accept(cb: (Function) => void): void,\n    dispose(cb: (mixed) => void): void,\n    // accept(deps: Array<string> | string, cb: (Function) => void): void,\n    // decline(): void,\n    _acceptCallbacks: Array<(Function) => void>,\n    _disposeCallbacks: Array<(mixed) => void>,\n  |};\n}\ninterface ExtensionContext {\n  runtime: {|\n    reload(): void,\n    getURL(url: string): string;\n    getManifest(): {manifest_version: number, ...};\n  |};\n}\ndeclare var module: {bundle: ParcelRequire, ...};\ndeclare var HMR_HOST: string;\ndeclare var HMR_PORT: string;\ndeclare var HMR_ENV_HASH: string;\ndeclare var HMR_SECURE: boolean;\ndeclare var chrome: ExtensionContext;\ndeclare var browser: ExtensionContext;\ndeclare var __parcel__import__: (string) => Promise<void>;\ndeclare var __parcel__importScripts__: (string) => Promise<void>;\ndeclare var globalThis: typeof self;\ndeclare var ServiceWorkerGlobalScope: Object;\n*/\nvar OVERLAY_ID = '__parcel__error__overlay__';\nvar OldModule = module.bundle.Module;\nfunction Module(moduleName) {\n  OldModule.call(this, moduleName);\n  this.hot = {\n    data: module.bundle.hotData[moduleName],\n    _acceptCallbacks: [],\n    _disposeCallbacks: [],\n    accept: function (fn) {\n      this._acceptCallbacks.push(fn || function () {});\n    },\n    dispose: function (fn) {\n      this._disposeCallbacks.push(fn);\n    }\n  };\n  module.bundle.hotData[moduleName] = undefined;\n}\nmodule.bundle.Module = Module;\nmodule.bundle.hotData = {};\nvar checkedAssets /*: {|[string]: boolean|} */, assetsToDispose /*: Array<[ParcelRequire, string]> */, assetsToAccept /*: Array<[ParcelRequire, string]> */;\n\nfunction getHostname() {\n  return HMR_HOST || (location.protocol.indexOf('http') === 0 ? location.hostname : 'localhost');\n}\nfunction getPort() {\n  return HMR_PORT || location.port;\n}\n\n// eslint-disable-next-line no-redeclare\nvar parent = module.bundle.parent;\nif ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {\n  var hostname = getHostname();\n  var port = getPort();\n  var protocol = HMR_SECURE || location.protocol == 'https:' && !/localhost|127.0.0.1|0.0.0.0/.test(hostname) ? 'wss' : 'ws';\n  var ws;\n  try {\n    ws = new WebSocket(protocol + '://' + hostname + (port ? ':' + port : '') + '/');\n  } catch (err) {\n    if (err.message) {\n      console.error(err.message);\n    }\n    ws = {};\n  }\n\n  // Web extension context\n  var extCtx = typeof browser === 'undefined' ? typeof chrome === 'undefined' ? null : chrome : browser;\n\n  // Safari doesn't support sourceURL in error stacks.\n  // eval may also be disabled via CSP, so do a quick check.\n  var supportsSourceURL = false;\n  try {\n    (0, eval)('throw new Error(\"test\"); //# sourceURL=test.js');\n  } catch (err) {\n    supportsSourceURL = err.stack.includes('test.js');\n  }\n\n  // $FlowFixMe\n  ws.onmessage = async function (event /*: {data: string, ...} */) {\n    checkedAssets = {} /*: {|[string]: boolean|} */;\n    assetsToAccept = [];\n    assetsToDispose = [];\n    var data /*: HMRMessage */ = JSON.parse(event.data);\n    if (data.type === 'update') {\n      // Remove error overlay if there is one\n      if (typeof document !== 'undefined') {\n        removeErrorOverlay();\n      }\n      let assets = data.assets.filter(asset => asset.envHash === HMR_ENV_HASH);\n\n      // Handle HMR Update\n      let handled = assets.every(asset => {\n        return asset.type === 'css' || asset.type === 'js' && hmrAcceptCheck(module.bundle.root, asset.id, asset.depsByBundle);\n      });\n      if (handled) {\n        console.clear();\n\n        // Dispatch custom event so other runtimes (e.g React Refresh) are aware.\n        if (typeof window !== 'undefined' && typeof CustomEvent !== 'undefined') {\n          window.dispatchEvent(new CustomEvent('parcelhmraccept'));\n        }\n        await hmrApplyUpdates(assets);\n\n        // Dispose all old assets.\n        let processedAssets = {} /*: {|[string]: boolean|} */;\n        for (let i = 0; i < assetsToDispose.length; i++) {\n          let id = assetsToDispose[i][1];\n          if (!processedAssets[id]) {\n            hmrDispose(assetsToDispose[i][0], id);\n            processedAssets[id] = true;\n          }\n        }\n\n        // Run accept callbacks. This will also re-execute other disposed assets in topological order.\n        processedAssets = {};\n        for (let i = 0; i < assetsToAccept.length; i++) {\n          let id = assetsToAccept[i][1];\n          if (!processedAssets[id]) {\n            hmrAccept(assetsToAccept[i][0], id);\n            processedAssets[id] = true;\n          }\n        }\n      } else fullReload();\n    }\n    if (data.type === 'error') {\n      // Log parcel errors to console\n      for (let ansiDiagnostic of data.diagnostics.ansi) {\n        let stack = ansiDiagnostic.codeframe ? ansiDiagnostic.codeframe : ansiDiagnostic.stack;\n        console.error('🚨 [parcel]: ' + ansiDiagnostic.message + '\\n' + stack + '\\n\\n' + ansiDiagnostic.hints.join('\\n'));\n      }\n      if (typeof document !== 'undefined') {\n        // Render the fancy html overlay\n        removeErrorOverlay();\n        var overlay = createErrorOverlay(data.diagnostics.html);\n        // $FlowFixMe\n        document.body.appendChild(overlay);\n      }\n    }\n  };\n  ws.onerror = function (e) {\n    if (e.message) {\n      console.error(e.message);\n    }\n  };\n  ws.onclose = function () {\n    console.warn('[parcel] 🚨 Connection to the HMR server was lost');\n  };\n}\nfunction removeErrorOverlay() {\n  var overlay = document.getElementById(OVERLAY_ID);\n  if (overlay) {\n    overlay.remove();\n    console.log('[parcel] ✨ Error resolved');\n  }\n}\nfunction createErrorOverlay(diagnostics) {\n  var overlay = document.createElement('div');\n  overlay.id = OVERLAY_ID;\n  let errorHTML = '<div style=\"background: black; opacity: 0.85; font-size: 16px; color: white; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; padding: 30px; font-family: Menlo, Consolas, monospace; z-index: 9999;\">';\n  for (let diagnostic of diagnostics) {\n    let stack = diagnostic.frames.length ? diagnostic.frames.reduce((p, frame) => {\n      return `${p}\n<a href=\"/__parcel_launch_editor?file=${encodeURIComponent(frame.location)}\" style=\"text-decoration: underline; color: #888\" onclick=\"fetch(this.href); return false\">${frame.location}</a>\n${frame.code}`;\n    }, '') : diagnostic.stack;\n    errorHTML += `\n      <div>\n        <div style=\"font-size: 18px; font-weight: bold; margin-top: 20px;\">\n          🚨 ${diagnostic.message}\n        </div>\n        <pre>${stack}</pre>\n        <div>\n          ${diagnostic.hints.map(hint => '<div>💡 ' + hint + '</div>').join('')}\n        </div>\n        ${diagnostic.documentation ? `<div>📝 <a style=\"color: violet\" href=\"${diagnostic.documentation}\" target=\"_blank\">Learn more</a></div>` : ''}\n      </div>\n    `;\n  }\n  errorHTML += '</div>';\n  overlay.innerHTML = errorHTML;\n  return overlay;\n}\nfunction fullReload() {\n  if ('reload' in location) {\n    location.reload();\n  } else if (extCtx && extCtx.runtime && extCtx.runtime.reload) {\n    extCtx.runtime.reload();\n  }\n}\nfunction getParents(bundle, id) /*: Array<[ParcelRequire, string]> */{\n  var modules = bundle.modules;\n  if (!modules) {\n    return [];\n  }\n  var parents = [];\n  var k, d, dep;\n  for (k in modules) {\n    for (d in modules[k][1]) {\n      dep = modules[k][1][d];\n      if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) {\n        parents.push([bundle, k]);\n      }\n    }\n  }\n  if (bundle.parent) {\n    parents = parents.concat(getParents(bundle.parent, id));\n  }\n  return parents;\n}\nfunction updateLink(link) {\n  var href = link.getAttribute('href');\n  if (!href) {\n    return;\n  }\n  var newLink = link.cloneNode();\n  newLink.onload = function () {\n    if (link.parentNode !== null) {\n      // $FlowFixMe\n      link.parentNode.removeChild(link);\n    }\n  };\n  newLink.setAttribute('href',\n  // $FlowFixMe\n  href.split('?')[0] + '?' + Date.now());\n  // $FlowFixMe\n  link.parentNode.insertBefore(newLink, link.nextSibling);\n}\nvar cssTimeout = null;\nfunction reloadCSS() {\n  if (cssTimeout) {\n    return;\n  }\n  cssTimeout = setTimeout(function () {\n    var links = document.querySelectorAll('link[rel=\"stylesheet\"]');\n    for (var i = 0; i < links.length; i++) {\n      // $FlowFixMe[incompatible-type]\n      var href /*: string */ = links[i].getAttribute('href');\n      var hostname = getHostname();\n      var servedFromHMRServer = hostname === 'localhost' ? new RegExp('^(https?:\\\\/\\\\/(0.0.0.0|127.0.0.1)|localhost):' + getPort()).test(href) : href.indexOf(hostname + ':' + getPort());\n      var absolute = /^https?:\\/\\//i.test(href) && href.indexOf(location.origin) !== 0 && !servedFromHMRServer;\n      if (!absolute) {\n        updateLink(links[i]);\n      }\n    }\n    cssTimeout = null;\n  }, 50);\n}\nfunction hmrDownload(asset) {\n  if (asset.type === 'js') {\n    if (typeof document !== 'undefined') {\n      let script = document.createElement('script');\n      script.src = asset.url + '?t=' + Date.now();\n      if (asset.outputFormat === 'esmodule') {\n        script.type = 'module';\n      }\n      return new Promise((resolve, reject) => {\n        var _document$head;\n        script.onload = () => resolve(script);\n        script.onerror = reject;\n        (_document$head = document.head) === null || _document$head === void 0 || _document$head.appendChild(script);\n      });\n    } else if (typeof importScripts === 'function') {\n      // Worker scripts\n      if (asset.outputFormat === 'esmodule') {\n        return __parcel__import__(asset.url + '?t=' + Date.now());\n      } else {\n        return new Promise((resolve, reject) => {\n          try {\n            __parcel__importScripts__(asset.url + '?t=' + Date.now());\n            resolve();\n          } catch (err) {\n            reject(err);\n          }\n        });\n      }\n    }\n  }\n}\nasync function hmrApplyUpdates(assets) {\n  global.parcelHotUpdate = Object.create(null);\n  let scriptsToRemove;\n  try {\n    // If sourceURL comments aren't supported in eval, we need to load\n    // the update from the dev server over HTTP so that stack traces\n    // are correct in errors/logs. This is much slower than eval, so\n    // we only do it if needed (currently just Safari).\n    // https://bugs.webkit.org/show_bug.cgi?id=137297\n    // This path is also taken if a CSP disallows eval.\n    if (!supportsSourceURL) {\n      let promises = assets.map(asset => {\n        var _hmrDownload;\n        return (_hmrDownload = hmrDownload(asset)) === null || _hmrDownload === void 0 ? void 0 : _hmrDownload.catch(err => {\n          // Web extension fix\n          if (extCtx && extCtx.runtime && extCtx.runtime.getManifest().manifest_version == 3 && typeof ServiceWorkerGlobalScope != 'undefined' && global instanceof ServiceWorkerGlobalScope) {\n            extCtx.runtime.reload();\n            return;\n          }\n          throw err;\n        });\n      });\n      scriptsToRemove = await Promise.all(promises);\n    }\n    assets.forEach(function (asset) {\n      hmrApply(module.bundle.root, asset);\n    });\n  } finally {\n    delete global.parcelHotUpdate;\n    if (scriptsToRemove) {\n      scriptsToRemove.forEach(script => {\n        if (script) {\n          var _document$head2;\n          (_document$head2 = document.head) === null || _document$head2 === void 0 || _document$head2.removeChild(script);\n        }\n      });\n    }\n  }\n}\nfunction hmrApply(bundle /*: ParcelRequire */, asset /*:  HMRAsset */) {\n  var modules = bundle.modules;\n  if (!modules) {\n    return;\n  }\n  if (asset.type === 'css') {\n    reloadCSS();\n  } else if (asset.type === 'js') {\n    let deps = asset.depsByBundle[bundle.HMR_BUNDLE_ID];\n    if (deps) {\n      if (modules[asset.id]) {\n        // Remove dependencies that are removed and will become orphaned.\n        // This is necessary so that if the asset is added back again, the cache is gone, and we prevent a full page reload.\n        let oldDeps = modules[asset.id][1];\n        for (let dep in oldDeps) {\n          if (!deps[dep] || deps[dep] !== oldDeps[dep]) {\n            let id = oldDeps[dep];\n            let parents = getParents(module.bundle.root, id);\n            if (parents.length === 1) {\n              hmrDelete(module.bundle.root, id);\n            }\n          }\n        }\n      }\n      if (supportsSourceURL) {\n        // Global eval. We would use `new Function` here but browser\n        // support for source maps is better with eval.\n        (0, eval)(asset.output);\n      }\n\n      // $FlowFixMe\n      let fn = global.parcelHotUpdate[asset.id];\n      modules[asset.id] = [fn, deps];\n    } else if (bundle.parent) {\n      hmrApply(bundle.parent, asset);\n    }\n  }\n}\nfunction hmrDelete(bundle, id) {\n  let modules = bundle.modules;\n  if (!modules) {\n    return;\n  }\n  if (modules[id]) {\n    // Collect dependencies that will become orphaned when this module is deleted.\n    let deps = modules[id][1];\n    let orphans = [];\n    for (let dep in deps) {\n      let parents = getParents(module.bundle.root, deps[dep]);\n      if (parents.length === 1) {\n        orphans.push(deps[dep]);\n      }\n    }\n\n    // Delete the module. This must be done before deleting dependencies in case of circular dependencies.\n    delete modules[id];\n    delete bundle.cache[id];\n\n    // Now delete the orphans.\n    orphans.forEach(id => {\n      hmrDelete(module.bundle.root, id);\n    });\n  } else if (bundle.parent) {\n    hmrDelete(bundle.parent, id);\n  }\n}\nfunction hmrAcceptCheck(bundle /*: ParcelRequire */, id /*: string */, depsByBundle /*: ?{ [string]: { [string]: string } }*/) {\n  if (hmrAcceptCheckOne(bundle, id, depsByBundle)) {\n    return true;\n  }\n\n  // Traverse parents breadth first. All possible ancestries must accept the HMR update, or we'll reload.\n  let parents = getParents(module.bundle.root, id);\n  let accepted = false;\n  while (parents.length > 0) {\n    let v = parents.shift();\n    let a = hmrAcceptCheckOne(v[0], v[1], null);\n    if (a) {\n      // If this parent accepts, stop traversing upward, but still consider siblings.\n      accepted = true;\n    } else {\n      // Otherwise, queue the parents in the next level upward.\n      let p = getParents(module.bundle.root, v[1]);\n      if (p.length === 0) {\n        // If there are no parents, then we've reached an entry without accepting. Reload.\n        accepted = false;\n        break;\n      }\n      parents.push(...p);\n    }\n  }\n  return accepted;\n}\nfunction hmrAcceptCheckOne(bundle /*: ParcelRequire */, id /*: string */, depsByBundle /*: ?{ [string]: { [string]: string } }*/) {\n  var modules = bundle.modules;\n  if (!modules) {\n    return;\n  }\n  if (depsByBundle && !depsByBundle[bundle.HMR_BUNDLE_ID]) {\n    // If we reached the root bundle without finding where the asset should go,\n    // there's nothing to do. Mark as \"accepted\" so we don't reload the page.\n    if (!bundle.parent) {\n      return true;\n    }\n    return hmrAcceptCheck(bundle.parent, id, depsByBundle);\n  }\n  if (checkedAssets[id]) {\n    return true;\n  }\n  checkedAssets[id] = true;\n  var cached = bundle.cache[id];\n  assetsToDispose.push([bundle, id]);\n  if (!cached || cached.hot && cached.hot._acceptCallbacks.length) {\n    assetsToAccept.push([bundle, id]);\n    return true;\n  }\n}\nfunction hmrDispose(bundle /*: ParcelRequire */, id /*: string */) {\n  var cached = bundle.cache[id];\n  bundle.hotData[id] = {};\n  if (cached && cached.hot) {\n    cached.hot.data = bundle.hotData[id];\n  }\n  if (cached && cached.hot && cached.hot._disposeCallbacks.length) {\n    cached.hot._disposeCallbacks.forEach(function (cb) {\n      cb(bundle.hotData[id]);\n    });\n  }\n  delete bundle.cache[id];\n}\nfunction hmrAccept(bundle /*: ParcelRequire */, id /*: string */) {\n  // Execute the module.\n  bundle(id);\n\n  // Run the accept callbacks in the new version of the module.\n  var cached = bundle.cache[id];\n  if (cached && cached.hot && cached.hot._acceptCallbacks.length) {\n    cached.hot._acceptCallbacks.forEach(function (cb) {\n      var assetsToAlsoAccept = cb(function () {\n        return getParents(module.bundle.root, id);\n      });\n      if (assetsToAlsoAccept && assetsToAccept.length) {\n        assetsToAlsoAccept.forEach(function (a) {\n          hmrDispose(a[0], a[1]);\n        });\n\n        // $FlowFixMe[method-unbinding]\n        assetsToAccept.push.apply(assetsToAccept, assetsToAlsoAccept);\n      }\n    });\n  }\n}"],"names":[],"version":3,"file":"felipebernardes.github.io.59712999.js.map","sourceRoot":"/__parcel_source_root/"}
\ No newline at end of file
diff --git a/guitar.b09ed6cf.jpg b/guitar.b09ed6cf.jpg
new file mode 100644
index 0000000..5a2729b
Binary files /dev/null and b/guitar.b09ed6cf.jpg differ
diff --git a/img/favicon/ms-icon-144x144.png b/img/favicon/ms-icon-144x144.png
deleted file mode 100644
index 5de5832..0000000
Binary files a/img/favicon/ms-icon-144x144.png and /dev/null differ
diff --git a/index.5b120eaa.css b/index.5b120eaa.css
new file mode 100644
index 0000000..c913be8
--- /dev/null
+++ b/index.5b120eaa.css
@@ -0,0 +1,2 @@
+*,:after,:before{box-sizing:border-box;margin:0;padding:0}ul,li{margin:0;padding:0}ul{list-style:none}img{max-width:100%}body{color:#143251;font-family:Futura,Hind,sans-serif;font-size:16px}strong{font-weight:700}em{font-style:italic}html{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}.body{background:linear-gradient(to bottom right,#fafafa,#f2f2f2);max-width:100vw;font-weight:300;overflow-x:hidden}.body .frame{z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}.body .frame:before{content:"";z-index:-2;border-style:solid;border-image:linear-gradient(to bottom right,#143251,#43e4c6) 1/5vmin/1;width:100%;height:100vh;position:fixed;top:0;left:0}.body .frame:after{content:"";z-index:-4;border:2.5vmin dashed #43e4c6;width:100%;height:100vh;position:fixed;top:0;left:0}.section-title{margin:0 0 1.5rem}a{color:#143251;z-index:1;text-decoration:none;transition:all .1s linear;position:relative}a:hover,a:focus,a:active,a:visited,a:hover{color:#143251}a:hover:before{opacity:1}a:before,a:after{content:"";z-index:-4;background-color:#b2f4e8;width:100%;transition:all .4s;position:absolute;bottom:-1px;left:0}a:after{height:.25rem}a:before{opacity:0;height:110%}.header{flex-direction:column;min-height:100vh;display:flex}@media (min-width:768px){.header{flex-flow:wrap;align-content:flex-start;min-height:50vh;padding:0 10vmin;display:flex}}@media (min-width:1024px){.header{min-height:100vh;padding:10vmin}}@media (min-width:1280px){.header{grid-template-areas:"hello. .pictures""navigation. . .";padding:10vmin 15vmin;display:grid}}@media (min-width:1920px){.header{padding:10vmin 20vmin}}.header__hello{grid-area:hello;margin:10vh auto 0}@media (min-width:768px){.header__hello{width:50%;height:auto;margin:10vh 0 0}}.header__title{grid-area:title;font-size:1.4rem;font-weight:400;line-height:140%}@media (min-width:768px){.header__title{font-size:2rem}}@media (min-width:1024px){.header__title{font-size:2.5rem}}@media (min-width:1280px){.header__title{font-size:3rem}}.header__title__name{font-weight:700;display:block}.header__subtitle{text-align:left;margin:.5rem auto 2rem}@media (min-width:768px){.header__subtitle{font-size:1.1rem}}@media (min-width:1024px){.header__subtitle{font-size:1.2rem}}.header__pictures{grid-area:pictures;width:200px;height:200px;margin:5vmin auto auto;position:relative;left:10%}@media (min-width:768px){.header__pictures{margin:10vh auto 0}}@media (min-width:1280px){.header__pictures{width:250px;height:250px;margin:10vh 0 0;left:0;right:0}}.header__pictures__item{width:100px;height:100px;position:absolute;top:calc(50% - 50px);left:calc(50% - 50px)}.header__pictures__item img{object-fit:cover;object-position:center;border:4px dashed #143251;width:100%;height:100%;transition:all 80ms}@media (min-width:768px){.header__pictures__item{width:150px;height:150px;top:calc(50% - 75px);left:calc(50% - 75px)}.header__pictures__item img:hover{border:8px dashed #143251}}@media (min-width:1280px){.header__pictures__item{width:200px;height:200px;top:calc(50% - 100px);left:calc(50% - 100px)}}.header__pictures__item:first-of-type{z-index:10;top:50%;left:-10%;transform:rotate(10deg)}@media (min-width:768px){.header__pictures__item:first-of-type{top:80%;left:-40%}.header__pictures__item:first-of-type img:hover{transform:scale(1.4)translate(10%)}}.header__pictures__item:nth-of-type(2){z-index:9;top:20%;left:20%;transform:rotate(-6deg)}@media (min-width:768px){.header__pictures__item:nth-of-type(2){top:40%}.header__pictures__item:nth-of-type(2) img:hover{transform:scale(1.4)translate(15%)}}.header__pictures__item:nth-of-type(3){z-index:8;top:5%;left:-15%;transform:rotate(-2deg)}@media (min-width:768px){.header__pictures__item:nth-of-type(3){left:-45%}.header__pictures__item:nth-of-type(3) img:hover{transform:scale(1.4)translate(-15%)}}.header__pictures__item:nth-of-type(4){z-index:7;top:-10%;left:30%;transform:rotate(10deg)}@media (min-width:768px){.header__pictures__item:nth-of-type(4){left:20%}.header__pictures__item:nth-of-type(4) img:hover{transform:scale(1.4)translate(15%,-15%)}}.nav{grid-area:navigation;margin:0 auto 10vmin}@media (min-width:768px){.nav{width:50%;margin:0 auto 0 0;font-size:1.3rem}}@media (min-width:1024px){.nav{margin-top:20vh;font-size:1.4rem}}@media (min-width:1280px){.nav{font-size:1.5rem}}.nav__list{display:flex}@media (min-width:768px){.nav__list{flex-flow:column}}.nav__item{margin:0 1rem}@media (min-width:768px){.nav__item{margin:.5rem auto .5rem 0}}.about{padding:10vmin;position:relative}.about:before{content:"";z-index:-5;background-color:#eff6f6;width:120%;height:110%;position:absolute;top:-10%;left:-10%;transform:rotate(-3deg)}@media (min-width:768px){.about{flex-flow:wrap;align-items:flex-start;padding:10vmin 10vmin 0;display:flex}.about:before{height:100%;top:5%}}@media (min-width:1024px){.about:before{height:110%;top:-10%}}@media (min-width:1280px){.about{padding:10vmin 15vmin 0}}@media (min-width:1920px){.about{padding:10vmin 15vmin 0 20vmin}}.about .section-title{width:100%}.about__text{margin-bottom:1.4rem;font-weight:300;line-height:1.4}.about__text:last-of-type{margin-bottom:0}@media (min-width:768px){.about__main{width:50%;max-width:550px;display:inline-block}}.about__passions{margin:10vh auto;position:relative;left:3.5vw;transform:rotate(-5deg)}@media (min-width:768px){.about__passions{max-width:550px;margin:0 auto auto;top:-2rem;transform:rotate(-6deg)}}@media (min-width:1024px){.about__passions{top:-5rem;transform:rotate(-7deg)}}.about__passions__text{margin:1rem auto;font-family:Covered By Your Grace,monospace;font-size:1.5rem;line-height:1;position:relative}@media (min-width:768px){.about__passions__text{margin:1.3rem auto}}@media (min-width:1024px){.about__passions__text{margin:1.5rem auto}}.about__passions__text--small{font-size:1.4rem}@media (min-width:768px){.about__passions__text--small{font-size:1.6rem}}@media (min-width:1024px){.about__passions__text--small{font-size:1.8rem}}.about__passions__text--medium{font-size:1.8rem}@media (min-width:768px){.about__passions__text--medium{font-size:2rem}}@media (min-width:1024px){.about__passions__text--medium{font-size:2.3rem}}.about__passions__text--large{font-size:2.2rem}@media (min-width:768px){.about__passions__text--large{font-size:2.2rem}}@media (min-width:1024px){.about__passions__text--large{font-size:2.8rem}.about__passions__text:first-of-type{left:-2rem}.about__passions__text:nth-of-type(2){left:-.5rem}.about__passions__text:nth-of-type(3){left:.5rem}.about__passions__text:nth-of-type(4){left:-1rem}.about__passions__text:nth-of-type(5){left:.5rem}.about__passions__text:nth-of-type(6){left:-.5rem}}.work{padding:10vmin}@media (min-width:768px){.work{grid-column-gap:1rem;grid-template-columns:repeat(4,1fr);grid-template-areas:"title title title title""experience experience awards awards""experience experience talks talks""experience experience info info";padding:10vmin 10vmin 5vmin;display:grid}}@media (min-width:1280px){.work{padding:10vmin 15vmin 5vmin}}@media (min-width:1920px){.work{padding:10vmin 15vmin 5vmin 20vmin}}.work .grid-title{grid-area:title}.work .grid-experience{grid-area:experience}.work .grid-awards{grid-area:awards}.work .grid-talks{grid-area:talks}.work .grid-info{grid-area:info}.work__section{border:4px dashed #143251;margin-bottom:1rem;padding:1rem}.work__section__title{text-align:center;margin-bottom:1rem;font-weight:300}.work__list--align-evenly{flex-flow:wrap;justify-content:space-evenly;display:flex}@media (min-width:1024px){.work__list--align-evenly{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr;display:grid}.work__list--align-evenly .work__item{margin:.5rem 0}}.work__item{margin-bottom:1rem}@media (min-width:1024px){.work__item{margin-bottom:1.5rem}}.work__item:last-of-type{margin-bottom:0}.work__item__title,.work__item__text{margin-bottom:.1rem}.work__item__text:last-of-type{margin-bottom:0}.contact{text-align:center;flex-flow:wrap;align-items:center;min-height:50vh;padding:10vmin;display:flex;position:relative}.contact:before{content:"";z-index:-3;background-color:#eff6f6;width:100%;height:100%;position:absolute;top:0;left:0}@media (min-width:768px){.contact{text-align:left;grid-template-columns:repeat(2,1fr);grid-template-areas:"title img""subtitle img""list img""list img";min-height:auto;padding:0 5vmin 0 10vmin;display:grid}}@media (min-width:1280px){.contact{padding:0 5vmin 0 15vmin}}@media (min-width:1920px){.contact{padding:0 5vmin 0 20vmin}}@media (min-width:768px){.contact .section-title{margin-top:2rem}}.contact .grid-title{grid-area:title}.contact .grid-subtitle{grid-area:subtitle}.contact .grid-list{grid-area:list}.contact .grid-img{grid-area:img}.contact .section-title{width:100%;margin:0}.contact .section-reach-out{width:100%;font-size:.85rem}.contact__list{flex-flow:column;align-items:flex-start;width:80%;margin:auto;display:flex}@media (min-width:768px){.contact__list{margin:0 auto auto 0}}.contact__item{margin:.5rem auto}@media (min-width:768px){.contact__item{margin:.5rem 0}}.contact__img-container{text-align:center;z-index:-3;display:none}@media (min-width:768px){.contact__img-container{background-color:#f8f8fa;width:45vw;height:400px;display:block;position:relative;right:-2px}}@media (min-width:1024px){.contact__img-container{width:46.3vw}}@media (min-width:1280px){.contact__img-container{width:47.1vw}}@media (min-width:1920px){.contact__img-container{width:46.8vw}}.contact__img-container img{object-fit:cover;object-position:center;z-index:1;border:4px dashed #143251;width:120px;height:120px;margin-left:auto}@media (min-width:768px){.contact__img-container img{border:none;width:100%;height:100%}}.footer{z-index:100;color:#fafafa;background:linear-gradient(90deg,#288b8f,#3fd9bf);padding:1rem 5vmin}.footer__credits{color:#fafafa;text-align:right;font-size:.8rem;font-weight:700}.footer__quote{text-align:center;max-width:530px;margin:1rem auto;font-size:.9rem;font-style:italic}.footer__quote a{color:#fafafa}
+/*# sourceMappingURL=index.5b120eaa.css.map */
diff --git a/index.5b120eaa.css.map b/index.5b120eaa.css.map
new file mode 100644
index 0000000..9de9601
--- /dev/null
+++ b/index.5b120eaa.css.map
@@ -0,0 +1 @@
+{"mappings":"AEAA,0DAQA,yBAMA,mBAIA,mBClBA,qEAMA,uBAIA,qBEVA,8DAMA,oHAOE,2EAQE,yLAiBA,2HAcJ,iCCpDA,2FAOE,yDAUE,yBAKF,mIAYA,sBAIA,+BCtCF,4DAKE,yBALF,+FAaE,0BAbF,yCAkBE,0BAlBF,oGAyBE,0BAzBF,+BA6BE,kDAIE,yBAJF,sDAWA,iFAME,yBANF,+BAUE,0BAVF,iCAcE,0BAdF,+BAkBE,mDAMF,yDAIE,yBAJF,oCAQE,0BARF,oCAaA,gHAQE,yBARF,sCAYE,0BAZF,2EAoBE,8GAOE,yIASA,yBAhBF,4FAsBI,6DAKF,0BA3BF,+FAkCE,2FAME,yBANF,wDASI,oFAMJ,0FAME,yBANF,+CAQI,qFAMJ,0FAME,yBANF,iDAQI,sFAMJ,2FAME,yBANF,gDAQI,0FAUV,+CAIE,yBAJF,mDAUE,0BAVF,uCAeE,0BAfF,uBAmBE,wBAGE,yBAHF,6BAQA,yBAGE,yBAHF,sCC3NF,wCAIE,iJAYA,yBAhBF,kFAsBI,kCAMF,0BACE,oCAMF,0BAnCF,gCAuCE,0BAvCF,uCA2CE,iCAIA,kEAKE,0CAMA,yBADF,6DAQA,uFAME,yBANF,uFAaE,0BAbF,oDAkBE,qIAOE,yBAPF,2CAWE,0BAXF,2CAeE,+CAGE,yBAHF,gDAOE,0BAPF,gDAYA,gDAGE,yBAHF,+CAOE,0BAPF,iDAYA,+CAGE,yBAHF,gDAOE,0BAPF,+CAaE,gDAIA,kDAIA,iDAIA,iDAIA,iDAIA,mDC3JR,qBAGE,yBAHF,gQAcE,0BAdF,mCAkBE,0BAlBF,0CAsBE,kCAIA,4CAIA,oCAIA,kCAIA,gCAIA,yEAKE,2EAQA,mFAKE,0BALF,wGAUI,sDAON,+BAGE,0BAHF,kCAOE,yCAIA,yDAOE,+CC1FN,2HASE,qHAWA,yBApBF,sLAgCE,0BAhCF,mCAoCE,0BApCF,mCAyCI,yBADF,yCAMA,qCAIA,2CAIA,mCAIA,iCAIA,4CAKA,wDAKA,0FAOE,yBAPF,qCAYA,iCAGE,yBAHF,+BAQA,kEAKE,yBALF,qHAcE,0BAdF,sCAkBE,0BAlBF,sCAsBE,0BAtBF,sCA0BE,kJASE,yBATF,gECtHJ,uGAOE,gFAOA,oGAOE","sources":["index.5b120eaa.css","src/scss/style.scss","src/scss/config/_reset.scss","src/scss/config/_fonts.scss","src/scss/config/_variables.scss","src/scss/components/_body.scss","src/scss/components/_link.scss","src/scss/components/_header.scss","src/scss/components/_about.scss","src/scss/components/_work.scss","src/scss/components/_contact.scss","src/scss/components/_footer.scss"],"sourcesContent":["*, :after, :before {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nul, li {\n  margin: 0;\n  padding: 0;\n}\n\nul {\n  list-style: none;\n}\n\nimg {\n  max-width: 100%;\n}\n\nbody {\n  color: #143251;\n  font-family: Futura, Hind, sans-serif;\n  font-size: 16px;\n}\n\nstrong {\n  font-weight: bold;\n}\n\nem {\n  font-style: italic;\n}\n\nhtml {\n  scroll-behavior: smooth;\n  max-width: 100vw;\n  overflow-x: hidden;\n}\n\n.body {\n  background: linear-gradient(to bottom right, #fafafa, #f2f2f2);\n  max-width: 100vw;\n  font-weight: 300;\n  overflow-x: hidden;\n}\n\n.body .frame {\n  z-index: -1;\n  width: 100%;\n  height: 100%;\n  position: fixed;\n  top: 0;\n  left: 0;\n}\n\n.body .frame:before {\n  content: \"\";\n  z-index: -2;\n  border-style: solid;\n  border-image: linear-gradient(to bottom right, #143251, #43e4c6) 1 / 5vmin / 1;\n  width: 100%;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 0;\n}\n\n.body .frame:after {\n  content: \"\";\n  z-index: -4;\n  border: 2.5vmin dashed #43e4c6;\n  width: 100%;\n  height: 100vh;\n  position: fixed;\n  top: 0;\n  left: 0;\n}\n\n.section-title {\n  margin: 0 0 1.5rem;\n}\n\na {\n  color: #143251;\n  z-index: 1;\n  text-decoration: none;\n  transition: all .1s linear;\n  position: relative;\n}\n\na:hover, a:focus, a:active, a:visited, a:hover {\n  color: #143251;\n}\n\na:hover:before {\n  opacity: 1;\n}\n\na:before, a:after {\n  content: \"\";\n  z-index: -4;\n  background-color: #b2f4e8;\n  width: 100%;\n  transition: all .4s;\n  position: absolute;\n  bottom: -1px;\n  left: 0;\n}\n\na:after {\n  height: .25rem;\n}\n\na:before {\n  opacity: 0;\n  height: 110%;\n}\n\n.header {\n  flex-direction: column;\n  min-height: 100vh;\n  display: flex;\n}\n\n@media (min-width: 768px) {\n  .header {\n    flex-flow: wrap;\n    align-content: flex-start;\n    min-height: 50vh;\n    padding: 0 10vmin;\n    display: flex;\n  }\n}\n\n@media (min-width: 1024px) {\n  .header {\n    min-height: 100vh;\n    padding: 10vmin;\n  }\n}\n\n@media (min-width: 1280px) {\n  .header {\n    grid-template-areas: \"hello . . pictures\"\n                         \"navigation . . .\";\n    padding: 10vmin 15vmin;\n    display: grid;\n  }\n}\n\n@media (min-width: 1920px) {\n  .header {\n    padding: 10vmin 20vmin;\n  }\n}\n\n.header__hello {\n  grid-area: hello;\n  margin: 10vh auto 0;\n}\n\n@media (min-width: 768px) {\n  .header__hello {\n    width: 50%;\n    height: auto;\n    margin: 10vh 0 0;\n  }\n}\n\n.header__title {\n  grid-area: title;\n  font-size: 1.4rem;\n  font-weight: normal;\n  line-height: 140%;\n}\n\n@media (min-width: 768px) {\n  .header__title {\n    font-size: 2rem;\n  }\n}\n\n@media (min-width: 1024px) {\n  .header__title {\n    font-size: 2.5rem;\n  }\n}\n\n@media (min-width: 1280px) {\n  .header__title {\n    font-size: 3rem;\n  }\n}\n\n.header__title__name {\n  font-weight: bold;\n  display: block;\n}\n\n.header__subtitle {\n  text-align: left;\n  margin: .5rem auto 2rem;\n}\n\n@media (min-width: 768px) {\n  .header__subtitle {\n    font-size: 1.1rem;\n  }\n}\n\n@media (min-width: 1024px) {\n  .header__subtitle {\n    font-size: 1.2rem;\n  }\n}\n\n.header__pictures {\n  grid-area: pictures;\n  width: 200px;\n  height: 200px;\n  margin: 5vmin auto auto;\n  position: relative;\n  left: 10%;\n}\n\n@media (min-width: 768px) {\n  .header__pictures {\n    margin: 10vh auto 0;\n  }\n}\n\n@media (min-width: 1280px) {\n  .header__pictures {\n    width: 250px;\n    height: 250px;\n    margin: 10vh 0 0;\n    left: 0;\n    right: 0;\n  }\n}\n\n.header__pictures__item {\n  width: 100px;\n  height: 100px;\n  position: absolute;\n  top: calc(50% - 50px);\n  left: calc(50% - 50px);\n}\n\n.header__pictures__item img {\n  object-fit: cover;\n  object-position: center;\n  border: 4px dashed #143251;\n  width: 100%;\n  height: 100%;\n  transition: all 80ms;\n}\n\n@media (min-width: 768px) {\n  .header__pictures__item {\n    width: 150px;\n    height: 150px;\n    top: calc(50% - 75px);\n    left: calc(50% - 75px);\n  }\n\n  .header__pictures__item img:hover {\n    border: 8px dashed #143251;\n  }\n}\n\n@media (min-width: 1280px) {\n  .header__pictures__item {\n    width: 200px;\n    height: 200px;\n    top: calc(50% - 100px);\n    left: calc(50% - 100px);\n  }\n}\n\n.header__pictures__item:first-of-type {\n  z-index: 10;\n  top: 50%;\n  left: -10%;\n  transform: rotate(10deg);\n}\n\n@media (min-width: 768px) {\n  .header__pictures__item:first-of-type {\n    top: 80%;\n    left: -40%;\n  }\n\n  .header__pictures__item:first-of-type img:hover {\n    transform: scale(1.4)translate(10%);\n  }\n}\n\n.header__pictures__item:nth-of-type(2) {\n  z-index: 9;\n  top: 20%;\n  left: 20%;\n  transform: rotate(-6deg);\n}\n\n@media (min-width: 768px) {\n  .header__pictures__item:nth-of-type(2) {\n    top: 40%;\n  }\n\n  .header__pictures__item:nth-of-type(2) img:hover {\n    transform: scale(1.4)translate(15%);\n  }\n}\n\n.header__pictures__item:nth-of-type(3) {\n  z-index: 8;\n  top: 5%;\n  left: -15%;\n  transform: rotate(-2deg);\n}\n\n@media (min-width: 768px) {\n  .header__pictures__item:nth-of-type(3) {\n    left: -45%;\n  }\n\n  .header__pictures__item:nth-of-type(3) img:hover {\n    transform: scale(1.4)translate(-15%);\n  }\n}\n\n.header__pictures__item:nth-of-type(4) {\n  z-index: 7;\n  top: -10%;\n  left: 30%;\n  transform: rotate(10deg);\n}\n\n@media (min-width: 768px) {\n  .header__pictures__item:nth-of-type(4) {\n    left: 20%;\n  }\n\n  .header__pictures__item:nth-of-type(4) img:hover {\n    transform: scale(1.4)translate(15%, -15%);\n  }\n}\n\n.nav {\n  grid-area: navigation;\n  margin: 0 auto 10vmin;\n}\n\n@media (min-width: 768px) {\n  .nav {\n    width: 50%;\n    margin: 0 auto 0 0;\n    font-size: 1.3rem;\n  }\n}\n\n@media (min-width: 1024px) {\n  .nav {\n    margin-top: 20vh;\n    font-size: 1.4rem;\n  }\n}\n\n@media (min-width: 1280px) {\n  .nav {\n    font-size: 1.5rem;\n  }\n}\n\n.nav__list {\n  display: flex;\n}\n\n@media (min-width: 768px) {\n  .nav__list {\n    flex-flow: column;\n  }\n}\n\n.nav__item {\n  margin: 0 1rem;\n}\n\n@media (min-width: 768px) {\n  .nav__item {\n    margin: .5rem auto .5rem 0;\n  }\n}\n\n.about {\n  padding: 10vmin;\n  position: relative;\n}\n\n.about:before {\n  content: \"\";\n  z-index: -5;\n  background-color: #eff6f6;\n  width: 120%;\n  height: 110%;\n  position: absolute;\n  top: -10%;\n  left: -10%;\n  transform: rotate(-3deg);\n}\n\n@media (min-width: 768px) {\n  .about {\n    flex-flow: wrap;\n    align-items: flex-start;\n    padding: 10vmin 10vmin 0;\n    display: flex;\n  }\n\n  .about:before {\n    height: 100%;\n    top: 5%;\n  }\n}\n\n@media (min-width: 1024px) {\n  .about:before {\n    height: 110%;\n    top: -10%;\n  }\n}\n\n@media (min-width: 1280px) {\n  .about {\n    padding: 10vmin 15vmin 0;\n  }\n}\n\n@media (min-width: 1920px) {\n  .about {\n    padding: 10vmin 15vmin 0 20vmin;\n  }\n}\n\n.about .section-title {\n  width: 100%;\n}\n\n.about__text {\n  margin-bottom: 1.4rem;\n  font-weight: 300;\n  line-height: 1.4;\n}\n\n.about__text:last-of-type {\n  margin-bottom: 0;\n}\n\n@media (min-width: 768px) {\n  .about__main {\n    width: 50%;\n    max-width: 550px;\n    display: inline-block;\n  }\n}\n\n.about__passions {\n  margin: 10vh auto;\n  position: relative;\n  left: 3.5vw;\n  transform: rotate(-5deg);\n}\n\n@media (min-width: 768px) {\n  .about__passions {\n    max-width: 550px;\n    margin: 0 auto auto;\n    top: -2rem;\n    transform: rotate(-6deg);\n  }\n}\n\n@media (min-width: 1024px) {\n  .about__passions {\n    top: -5rem;\n    transform: rotate(-7deg);\n  }\n}\n\n.about__passions__text {\n  margin: 1rem auto;\n  font-family: Covered By Your Grace, monospace;\n  font-size: 1.5rem;\n  line-height: 1;\n  position: relative;\n}\n\n@media (min-width: 768px) {\n  .about__passions__text {\n    margin: 1.3rem auto;\n  }\n}\n\n@media (min-width: 1024px) {\n  .about__passions__text {\n    margin: 1.5rem auto;\n  }\n}\n\n.about__passions__text--small {\n  font-size: 1.4rem;\n}\n\n@media (min-width: 768px) {\n  .about__passions__text--small {\n    font-size: 1.6rem;\n  }\n}\n\n@media (min-width: 1024px) {\n  .about__passions__text--small {\n    font-size: 1.8rem;\n  }\n}\n\n.about__passions__text--medium {\n  font-size: 1.8rem;\n}\n\n@media (min-width: 768px) {\n  .about__passions__text--medium {\n    font-size: 2rem;\n  }\n}\n\n@media (min-width: 1024px) {\n  .about__passions__text--medium {\n    font-size: 2.3rem;\n  }\n}\n\n.about__passions__text--large {\n  font-size: 2.2rem;\n}\n\n@media (min-width: 768px) {\n  .about__passions__text--large {\n    font-size: 2.2rem;\n  }\n}\n\n@media (min-width: 1024px) {\n  .about__passions__text--large {\n    font-size: 2.8rem;\n  }\n\n  .about__passions__text:first-of-type {\n    left: -2rem;\n  }\n\n  .about__passions__text:nth-of-type(2) {\n    left: -.5rem;\n  }\n\n  .about__passions__text:nth-of-type(3) {\n    left: .5rem;\n  }\n\n  .about__passions__text:nth-of-type(4) {\n    left: -1rem;\n  }\n\n  .about__passions__text:nth-of-type(5) {\n    left: .5rem;\n  }\n\n  .about__passions__text:nth-of-type(6) {\n    left: -.5rem;\n  }\n}\n\n.work {\n  padding: 10vmin;\n}\n\n@media (min-width: 768px) {\n  .work {\n    grid-column-gap: 1rem;\n    grid-template-columns: repeat(4, 1fr);\n    grid-template-areas: \"title title title title\"\n                         \"experience experience awards awards\"\n                         \"experience experience talks talks\"\n                         \"experience experience info info\";\n    padding: 10vmin 10vmin 5vmin;\n    display: grid;\n  }\n}\n\n@media (min-width: 1280px) {\n  .work {\n    padding: 10vmin 15vmin 5vmin;\n  }\n}\n\n@media (min-width: 1920px) {\n  .work {\n    padding: 10vmin 15vmin 5vmin 20vmin;\n  }\n}\n\n.work .grid-title {\n  grid-area: title;\n}\n\n.work .grid-experience {\n  grid-area: experience;\n}\n\n.work .grid-awards {\n  grid-area: awards;\n}\n\n.work .grid-talks {\n  grid-area: talks;\n}\n\n.work .grid-info {\n  grid-area: info;\n}\n\n.work__section {\n  border: 4px dashed #143251;\n  margin-bottom: 1rem;\n  padding: 1rem;\n}\n\n.work__section__title {\n  text-align: center;\n  margin-bottom: 1rem;\n  font-weight: 300;\n}\n\n.work__list--align-evenly {\n  flex-flow: wrap;\n  justify-content: space-evenly;\n  display: flex;\n}\n\n@media (min-width: 1024px) {\n  .work__list--align-evenly {\n    grid-template-rows: 1fr 1fr;\n    grid-template-columns: 1fr 1fr 1fr 1fr;\n    display: grid;\n  }\n\n  .work__list--align-evenly .work__item {\n    margin: .5rem 0;\n  }\n}\n\n.work__item {\n  margin-bottom: 1rem;\n}\n\n@media (min-width: 1024px) {\n  .work__item {\n    margin-bottom: 1.5rem;\n  }\n}\n\n.work__item:last-of-type {\n  margin-bottom: 0;\n}\n\n.work__item__title, .work__item__text {\n  margin-bottom: .1rem;\n}\n\n.work__item__text:last-of-type {\n  margin-bottom: 0;\n}\n\n.contact {\n  text-align: center;\n  flex-flow: wrap;\n  align-items: center;\n  min-height: 50vh;\n  padding: 10vmin;\n  display: flex;\n  position: relative;\n}\n\n.contact:before {\n  content: \"\";\n  z-index: -3;\n  background-color: #eff6f6;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n\n@media (min-width: 768px) {\n  .contact {\n    text-align: left;\n    grid-template-columns: repeat(2, 1fr);\n    grid-template-areas: \"title img\"\n                         \"subtitle img\"\n                         \"list img\"\n                         \"list img\";\n    min-height: auto;\n    padding: 0 5vmin 0 10vmin;\n    display: grid;\n  }\n}\n\n@media (min-width: 1280px) {\n  .contact {\n    padding: 0 5vmin 0 15vmin;\n  }\n}\n\n@media (min-width: 1920px) {\n  .contact {\n    padding: 0 5vmin 0 20vmin;\n  }\n}\n\n@media (min-width: 768px) {\n  .contact .section-title {\n    margin-top: 2rem;\n  }\n}\n\n.contact .grid-title {\n  grid-area: title;\n}\n\n.contact .grid-subtitle {\n  grid-area: subtitle;\n}\n\n.contact .grid-list {\n  grid-area: list;\n}\n\n.contact .grid-img {\n  grid-area: img;\n}\n\n.contact .section-title {\n  width: 100%;\n  margin: 0;\n}\n\n.contact .section-reach-out {\n  width: 100%;\n  font-size: .85rem;\n}\n\n.contact__list {\n  flex-flow: column;\n  align-items: flex-start;\n  width: 80%;\n  margin: auto;\n  display: flex;\n}\n\n@media (min-width: 768px) {\n  .contact__list {\n    margin: 0 auto auto 0;\n  }\n}\n\n.contact__item {\n  margin: .5rem auto;\n}\n\n@media (min-width: 768px) {\n  .contact__item {\n    margin: .5rem 0;\n  }\n}\n\n.contact__img-container {\n  text-align: center;\n  z-index: -3;\n  display: none;\n}\n\n@media (min-width: 768px) {\n  .contact__img-container {\n    background-color: #f8f8fa;\n    width: 45vw;\n    height: 400px;\n    display: block;\n    position: relative;\n    right: -2px;\n  }\n}\n\n@media (min-width: 1024px) {\n  .contact__img-container {\n    width: 46.3vw;\n  }\n}\n\n@media (min-width: 1280px) {\n  .contact__img-container {\n    width: 47.1vw;\n  }\n}\n\n@media (min-width: 1920px) {\n  .contact__img-container {\n    width: 46.8vw;\n  }\n}\n\n.contact__img-container img {\n  object-fit: cover;\n  object-position: center;\n  z-index: 1;\n  border: 4px dashed #143251;\n  width: 120px;\n  height: 120px;\n  margin-left: auto;\n}\n\n@media (min-width: 768px) {\n  .contact__img-container img {\n    border: none;\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.footer {\n  z-index: 100;\n  color: #fafafa;\n  background: linear-gradient(to right, #288b8f, #3fd9bf);\n  padding: 1rem 5vmin;\n}\n\n.footer__credits {\n  color: #fafafa;\n  text-align: right;\n  font-size: .8rem;\n  font-weight: 700;\n}\n\n.footer__quote {\n  text-align: center;\n  max-width: 530px;\n  margin: 1rem auto;\n  font-size: .9rem;\n  font-style: italic;\n}\n\n.footer__quote a {\n  color: #fafafa;\n}\n\n/*# sourceMappingURL=index.5b120eaa.css.map */\n","@import 'config/reset';\n@import 'config/variables';\n@import 'config/fonts';\n\n@import 'components/body';\n@import 'components/link';\n\n@import 'components/header';\n@import 'components/about';\n@import 'components/work';\n@import 'components/contact';\n@import 'components/footer';\n","*,\n*:after,\n*:before {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nul,\nli {\n  padding: 0;\n  margin: 0;\n}\n\nul {\n  list-style: none;\n}\n\nimg {\n  max-width: 100%;\n}\n","body {\n  font-size: 16px;\n  font-family: 'Futura', 'Hind', sans-serif;\n  color: $color-main;\n}\n\nstrong {\n  font-weight: bold;\n}\n\nem {\n  font-style: italic;\n}\n","$black: #1b1b1b;\n$gray: #555555;\n$white: #fafafa;\n\n$off-black: #0b0b0b;\n$off-white: #F4F0E0;\n\n$yellow-main: #fcba03;\n$yellow-alt: #cfd443;\n$yellow-light: #f4eacf;\n\n$purple-main: #511450;\n$purple-alt: #7543E4;\n$purple-light: #F2EFF6;\n$purple-footer-gradient-start: #60288f;\n$purple-footer-gradient-end: #723fd9;\n\n$green-main: adjust-hue($purple-main, 230deg);\n$green-alt: adjust-hue($purple-alt, 230deg);\n$green-light: adjust-hue($purple-light, 230deg);\n$green-footer-gradient-start: adjust-hue($purple-footer-gradient-start, 230deg);\n$green-footer-gradient-end: adjust-hue($purple-footer-gradient-end, 230deg);\n\n$teal-main: adjust-hue($purple-main, 270deg);\n$teal-alt: adjust-hue($purple-alt, 270deg);\n$teal-light: adjust-hue($purple-light, 270deg);\n$teal-footer-gradient-start: adjust-hue($purple-footer-gradient-start, 270deg);\n$teal-footer-gradient-end: adjust-hue($purple-footer-gradient-end, 270deg);\n\n$blue-main: adjust-hue($purple-main, 290deg);\n$blue-alt: adjust-hue($purple-alt, 290deg);\n$blue-light: adjust-hue($purple-light, 290deg);\n$blue-footer-gradient-start: adjust-hue($purple-footer-gradient-start, 290deg);\n$blue-footer-gradient-end: adjust-hue($purple-footer-gradient-end, 290deg);\n\n$pink-main: adjust-hue($purple-main, 70deg);\n$pink-alt: adjust-hue($purple-alt, 80deg);\n$pink-light: adjust-hue($purple-light, 80deg);\n$pink-footer-gradient-start: adjust-hue($purple-footer-gradient-start, 80deg);\n$pink-footer-gradient-end: adjust-hue($purple-footer-gradient-end, 80deg);\n\n$color-main: $teal-main;\n$color-alt: $teal-alt;\n$color-light: $teal-light;\n$color-footer-gradient-start: $teal-footer-gradient-start;\n$color-footer-gradient-end: $teal-footer-gradient-end;\n$gradient: linear-gradient(to bottom right, $color-main, $color-alt);\n$footer-gradient: linear-gradient(to right, $color-footer-gradient-start, $color-footer-gradient-end);\n\n$tablet-portrait-width: 768px;\n$tablet-landscape-width: 1024px;\n$laptop-width: 1280px;\n$fullhd-width: 1920px;\n\n$frame-border-width: 5vmin;\n$padding-small: $frame-border-width * 2;\n$padding-medium: $frame-border-width * 3;\n$padding-large: $frame-border-width * 4;\n","html {\n  scroll-behavior: smooth;\n  max-width: 100vw;\n  overflow-x: hidden;\n}\n\n.body {\n  background: linear-gradient(to bottom right, $white, darken($white, 3%));\n  max-width: 100vw;\n  overflow-x: hidden;\n  font-weight: 300;\n\n  // Hack to fix iOS safari & firefox bottom position bug\n  .frame {\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    z-index: -1;\n    \n    &:before {\n      content: '';\n      width: 100%;\n      height: 100vh;\n      position: fixed;\n      top: 0;\n      left: 0;\n      z-index: -2;\n      border-style: solid;\n      border-image-outset: 1;\n      border-image-repeat: stretch;\n      border-image-slice: 1;\n      border-image-source: linear-gradient(to bottom right, #{$color-main}, #{$color-alt});\n      border-image-width: $frame-border-width;\n    }\n\n    //border-image fallback\n    &:after {\n      content: '';\n      width: 100%;\n      height: 100vh;\n      position: fixed;\n      top: 0;\n      left: 0;\n      z-index: -4;\n      border: calc($frame-border-width / 2) dashed $color-alt;\n    }\n  }\n  \n}\n\n.section-title {\n  margin: 0 0 1.5rem 0;\n}\n","a {\n  color: $color-main;\n  text-decoration: none;\n  position: relative;\n  transition: all .1s linear;\n  z-index: 1;\n\n  &:hover,\n  &:focus,\n  &:active,\n  &:visited {\n    color: $color-main;\n  }\n\n  &:hover {\n    color: $color-main;\n\n    &:before {\n      opacity: 1;\n    }\n  }\n\n  &:before,\n  &:after {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: -1px;\n    width: 100%;\n    background-color: lighten($color-alt, 25%);\n    transition: all .4s ease;\n    z-index: -4;\n  }\n\n  &:after {\n    height: .25rem;\n  }\n\n  &:before {\n    opacity: 0;\n    height: 110%;\n  }\n}\n",".header {\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: $tablet-portrait-width) {\n    padding: 0 $padding-small;\n    min-height: 50vh;\n    display: flex;\n    flex-flow: row wrap;\n    align-content: flex-start;\n  }\n\n  @media (min-width: $tablet-landscape-width) {\n    min-height: 100vh;\n    padding: $padding-small;\n  }\n\n  @media (min-width: $laptop-width) {\n    display: grid;\n    padding: $padding-small $padding-medium;\n    grid-template-areas: \"hello . . pictures\"\n                         \"navigation . . .\";\n  }\n\n  @media (min-width: $fullhd-width) {\n    padding: $padding-small $padding-large;\n  }\n\n  &__hello {\n    grid-area: hello;\n    margin: 10vh auto 0 auto;\n\n    @media (min-width: $tablet-portrait-width) {\n      margin: 10vh 0 0 0;\n      height: auto;\n      width: 50%;\n    }\n  }\n\n  &__title {\n    font-size: 1.4rem;\n    line-height: 140%;\n    font-weight: normal;\n    grid-area: title;\n\n    @media (min-width: $tablet-portrait-width) {\n      font-size: 2rem;\n    }\n\n    @media (min-width: $tablet-landscape-width) {\n      font-size: 2.5rem;\n    }\n\n    @media (min-width: $laptop-width) {\n      font-size: 3rem;\n    }\n\n    &__name {\n      display: block;\n      font-weight: bold;\n    }\n  }\n\n  &__subtitle {\n    margin: .5rem auto 2rem auto;\n    text-align: left;\n\n    @media (min-width: $tablet-portrait-width) {\n      font-size: 1.1rem;\n    }\n\n    @media (min-width: $tablet-landscape-width) {\n      font-size: 1.2rem;\n    }\n  }\n\n  &__pictures {\n    grid-area: pictures;\n    width: 200px;\n    height: 200px;\n    margin: 5vmin auto auto auto;\n    position: relative;\n    left: 10%;\n\n    @media (min-width: $tablet-portrait-width) {\n      margin: 10vh auto 0 auto;\n    }\n\n    @media (min-width: $laptop-width) {\n      width: 250px;\n      height: 250px;\n      margin: 10vh 0 0 0;\n      left: 0;\n      right: 0;\n    }\n\n    &__item {\n      width: 100px;\n      height: 100px;\n      position: absolute;\n      top: calc(50% - 50px);\n      left: calc(50% - 50px);\n\n      img {\n        object-fit: cover;\n        object-position: center;\n        width: 100%;\n        height: 100%;\n        transition: all .08s ease;\n        border: 4px dashed $color-main;\n      }\n\n      @media (min-width: $tablet-portrait-width) {\n        width: 150px;\n        height: 150px;\n        top: calc(50% - 75px);\n        left: calc(50% - 75px);\n\n        img:hover {\n          border: 8px dashed $color-main;\n        }\n      }\n\n      @media (min-width: $laptop-width) {\n        width: 200px;\n        height: 200px;\n        top: calc(50% - 100px);\n        left: calc(50% - 100px);\n      }\n\n      &:nth-of-type(1) {\n        transform: rotate(10deg);\n        top: 50%;\n        left: -10%;\n        z-index: 10;\n\n        @media (min-width: $tablet-portrait-width) {\n          top: 80%;\n          left: -40%;\n          img:hover {\n            transform: scale(1.4) translate(10%);\n          }\n        }\n      }\n\n      &:nth-of-type(2) {\n        transform: rotate(-6deg);\n        top: 20%;\n        left: 20%;\n        z-index: 9;\n\n        @media (min-width: $tablet-portrait-width) {\n          top: 40%;\n          img:hover {\n            transform: scale(1.4) translate(15%);\n          }\n        }\n      }\n\n      &:nth-of-type(3) {\n        transform: rotate(-2deg);\n        top: 5%;\n        left: -15%;\n        z-index: 8;\n\n        @media (min-width: $tablet-portrait-width) {\n          left: -45%;\n          img:hover {\n            transform: scale(1.4) translate(-15%);\n          }\n        }\n      }\n\n      &:nth-of-type(4) {\n        transform: rotate(10deg);\n        top: -10%;\n        left: 30%;\n        z-index: 7;\n\n        @media (min-width: $tablet-portrait-width) {\n          left: 20%;\n          img:hover {\n            transform: scale(1.4) translate(15%, -15%);\n          }\n        }\n      }\n\n    }\n  }\n}\n\n.nav {\n  grid-area: navigation;\n  margin: 0 auto $padding-small auto;\n\n  @media (min-width: $tablet-portrait-width) {\n    margin: 0 auto 0 0;\n    width: 50%;\n    font-size: 1.3rem;\n  }\n\n  @media (min-width: $tablet-landscape-width) {\n    font-size: 1.4rem;\n    margin-top: 20vh;\n  }\n\n  @media (min-width: $laptop-width) {\n    font-size: 1.5rem;\n  }\n\n  &__list {\n    display: flex;\n\n    @media (min-width: $tablet-portrait-width) {\n      flex-flow: column;\n    }\n  }\n\n  &__item {\n    margin: 0 1rem;\n\n    @media (min-width: $tablet-portrait-width) {\n      margin: .5rem auto .5rem 0;\n    }\n  }\n}",".about {\n  padding: $padding-small;\n  position: relative;\n\n  &:before {\n    position: absolute;\n    top: -10%;\n    left: -10%;\n    width: 120%;\n    height: 110%;\n    content: '';\n    background-color: $color-light;\n    z-index: -5;\n    transform: rotate(-3deg);\n  }\n\n  @media (min-width: $tablet-portrait-width) {\n    padding: $padding-small $padding-small 0 $padding-small;\n    display: flex;\n    flex-flow: row wrap;\n    align-items: flex-start;\n\n    &:before {\n      top: 5%;\n      height: 100%;\n    }\n  }\n\n  @media (min-width: $tablet-landscape-width) {\n    &:before {\n      top: -10%;\n      height: 110%;\n    }\n  }\n\n  @media (min-width: $laptop-width) {\n    padding: $padding-small $padding-medium 0 $padding-medium;\n  }\n\n  @media (min-width: $fullhd-width) {\n    padding: $padding-small $padding-medium 0 $padding-large;\n  }\n\n  .section-title {\n    width: 100%;\n  }\n\n  &__text {\n    line-height: 1.4;\n    margin-bottom: 1.4rem;\n    font-weight: 300;\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n  }\n\n  &__main {\n    @media (min-width: $tablet-portrait-width) {\n      width: 50%;\n      max-width: 550px;\n      display: inline-block;\n    }\n  }\n\n  &__passions {\n    margin: 10vh auto;\n    position: relative;\n    left: 3.5vw;\n    transform: rotate(-5deg);\n\n    @media (min-width: $tablet-portrait-width) {\n      top: -2rem;\n      margin: 0 auto auto auto;\n      max-width: 550px;\n      transform: rotate(-6deg);\n    }\n\n    @media (min-width: $tablet-landscape-width) {\n      top: -5rem;\n      transform: rotate(-7deg);\n    }\n\n    &__text {\n      font-family: 'Covered By Your Grace', monospace;\n      font-size: 1.5rem;\n      line-height: 1;\n      margin: 1rem auto;\n      position: relative;\n\n      @media (min-width: $tablet-portrait-width) {\n        margin: 1.3rem auto;\n      }\n\n      @media (min-width: $tablet-landscape-width) {\n        margin: 1.5rem auto;\n      }\n\n      &--small {\n        font-size: 1.4rem;\n\n        @media (min-width: $tablet-portrait-width) {\n          font-size: 1.6rem;\n        }\n\n        @media (min-width: $tablet-landscape-width) {\n          font-size: 1.8rem;\n        }\n      }\n\n      &--medium {\n        font-size: 1.8rem;\n\n        @media (min-width: $tablet-portrait-width) {\n          font-size: 2rem;\n        }\n\n        @media (min-width: $tablet-landscape-width) {\n          font-size: 2.3rem;\n        }\n      }\n\n      &--large {\n        font-size: 2.2rem;\n\n        @media (min-width: $tablet-portrait-width) {\n          font-size: 2.2rem;\n        }\n\n        @media (min-width: $tablet-landscape-width) {\n          font-size: 2.8rem;\n        }\n      }\n\n      @media (min-width: $tablet-landscape-width) {\n        &:nth-of-type(1) {\n          left: -2rem;\n        }\n\n        &:nth-of-type(2) {\n          left: -.5rem;\n        }\n\n        &:nth-of-type(3) {\n          left: .5rem;\n        }\n\n        &:nth-of-type(4) {\n          left: -1rem;\n        }\n\n        &:nth-of-type(5) {\n          left: .5rem;\n        }\n\n        &:nth-of-type(6) {\n          left: -.5rem;\n        }\n      }\n    }\n  }\n}\n",".work {\n  padding: $padding-small;\n\n  @media (min-width: $tablet-portrait-width) {\n    padding: $padding-small $padding-small $frame-border-width $padding-small;\n    display: grid;\n    grid-template-areas:  \"title title title title\"\n                          \"experience experience awards awards\"\n                          \"experience experience talks talks\"\n                          \"experience experience info info\";\n    grid-template-columns: repeat(4, 1fr);\n    grid-column-gap: 1rem;\n  }\n\n  @media (min-width: $laptop-width) {\n    padding: $padding-small $padding-medium $frame-border-width $padding-medium;\n  }\n\n  @media (min-width: $fullhd-width) {\n    padding: $padding-small $padding-medium $frame-border-width $padding-large;\n  }\n\n  .grid-title {\n    grid-area: title;\n  }\n\n  .grid-experience {\n    grid-area: experience;\n  }\n\n  .grid-awards {\n    grid-area: awards;\n  }\n\n  .grid-talks {\n    grid-area: talks;\n  }\n\n  .grid-info {\n    grid-area: info;\n  }\n\n  &__section {\n    border: 4px dashed $color-main;\n    padding: 1rem;\n    margin-bottom: 1rem;\n\n    &__title {\n      font-weight: 300;\n      margin-bottom: 1rem;\n      text-align: center;\n    }\n  }\n\n  &__list {\n    &--align-evenly {\n      display: flex;\n      flex-flow: row wrap;\n      justify-content: space-evenly;\n\n      @media (min-width: $tablet-landscape-width) {\n        display: grid;\n        grid-template-rows: 1fr 1fr;\n        grid-template-columns: 1fr 1fr 1fr 1fr;\n\n        .work__item {\n          margin: .5rem 0;\n        }\n      }\n    }\n  }\n\n  &__item {\n    margin-bottom: 1rem;\n\n    @media (min-width: $tablet-landscape-width) {\n      margin-bottom: 1.5rem;\n    }\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n\n    &__title {\n      margin-bottom: .1rem;\n    }\n\n    &__text {\n      margin-bottom: .1rem;\n\n      &:last-of-type {\n        margin-bottom: 0;\n      }\n    }\n  }\n}\n",".contact {\n  padding: $padding-small;\n  text-align: center;\n  display: flex;\n  flex-flow: row wrap;\n  align-items: center;\n  min-height: 50vh;\n  position: relative;\n\n  &:before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    content: '';\n    width: 100%;\n    height: 100%;\n    background-color: $color-light;\n    z-index: -3;\n  }\n\n  @media (min-width: $tablet-portrait-width) {\n    padding: 0 $frame-border-width 0 $padding-small;\n    min-height: auto;\n    display: grid;\n    grid-template-areas:  \"title img\"\n                          \"subtitle img\"\n                          \"list img\"\n                          \"list img\";\n    grid-template-columns: repeat(2, 1fr);\n    text-align: left;\n  }\n\n  @media (min-width: $laptop-width) {\n    padding: 0 $frame-border-width 0 $padding-medium;\n  }\n\n  @media (min-width: $fullhd-width) {\n    padding: 0 $frame-border-width 0 $padding-large;\n  }\n\n  .section-title {\n    @media (min-width: $tablet-portrait-width) {\n      margin-top: 2rem;\n    }\n  }\n\n  .grid-title {\n    grid-area: title;\n  }\n\n  .grid-subtitle {\n    grid-area: subtitle;\n  }\n\n  .grid-list {\n    grid-area: list;\n  }\n\n  .grid-img {\n    grid-area: img;\n  }\n\n  .section-title {\n    width: 100%;\n    margin: 0;\n  }\n\n  .section-reach-out {\n    font-size: 0.85rem;\n    width: 100%;\n  }\n\n  &__list {\n    display: flex;\n    flex-flow: column;\n    align-items: flex-start;\n    width: 80%;\n    margin: auto;\n\n    @media (min-width: $tablet-portrait-width) {\n      margin: 0 auto auto 0;\n    }\n  }\n\n  &__item {\n    margin: .5rem auto;\n\n    @media (min-width: $tablet-portrait-width) {\n      margin: .5rem 0;\n    }\n  }\n\n  &__img-container {\n    text-align: center;\n    z-index: -3;\n    display: none;\n\n    @media (min-width: $tablet-portrait-width) {\n      display: block;\n      background-color: #F8F8FA;\n      position: relative;\n      right: -2px;\n      height: 400px;\n      width: 45vw;\n    }\n\n    @media (min-width: $tablet-landscape-width) {\n      width: 46.3vw;\n    }\n\n    @media (min-width: $laptop-width) {\n      width: 47.1vw;\n    }\n\n    @media (min-width: $fullhd-width) {\n      width: 46.8vw;\n    }\n\n    img {\n      border: 4px dashed $color-main;\n      width: 120px;\n      height: 120px;\n      object-fit: cover;\n      object-position: center;\n      margin-left: auto;\n      z-index: 1;\n\n      @media (min-width: $tablet-portrait-width) {\n        width: 100%;\n        height: 100%;\n        border: none;\n      }\n    }\n  }\n}\n",".footer {\n  background-color: $color-alt;\n  background: $footer-gradient;\n  padding: 1rem 5vmin;\n  z-index: 100;\n  color: #fafafa;\n\n  &__credits {\n    font-weight: 700;\n    font-size: .8rem;\n    color: #fafafa;\n    text-align: right;\n  }\n\n  &__quote {\n    margin: 1rem auto;\n    text-align: center;\n    font-size: .9rem;\n    max-width: 530px;\n    font-style: italic;\n\n    a {\n      color: #fafafa;\n    }\n  }\n}\n"],"names":[],"version":3,"file":"index.5b120eaa.css.map"}
\ No newline at end of file
diff --git a/index.e8265c92.css b/index.e8265c92.css
new file mode 100644
index 0000000..1cb6dee
--- /dev/null
+++ b/index.e8265c92.css
@@ -0,0 +1,866 @@
+*, :after, :before {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+ul, li {
+  margin: 0;
+  padding: 0;
+}
+
+ul {
+  list-style: none;
+}
+
+img {
+  max-width: 100%;
+}
+
+body {
+  color: #143251;
+  font-family: Futura, Hind, sans-serif;
+  font-size: 16px;
+}
+
+strong {
+  font-weight: bold;
+}
+
+em {
+  font-style: italic;
+}
+
+html {
+  scroll-behavior: smooth;
+  max-width: 100vw;
+  overflow-x: hidden;
+}
+
+.body {
+  background: linear-gradient(to bottom right, #fafafa, #f2f2f2);
+  max-width: 100vw;
+  font-weight: 300;
+  overflow-x: hidden;
+}
+
+.body .frame {
+  z-index: -1;
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+
+.body .frame:before {
+  content: "";
+  z-index: -2;
+  border-style: solid;
+  border-image: linear-gradient(to bottom right, #143251, #43e4c6) 1 / 5vmin / 1;
+  width: 100%;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+
+.body .frame:after {
+  content: "";
+  z-index: -4;
+  border: 2.5vmin dashed #43e4c6;
+  width: 100%;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+
+.section-title {
+  margin: 0 0 1.5rem;
+}
+
+a {
+  color: #143251;
+  z-index: 1;
+  text-decoration: none;
+  transition: all .1s linear;
+  position: relative;
+}
+
+a:hover, a:focus, a:active, a:visited, a:hover {
+  color: #143251;
+}
+
+a:hover:before {
+  opacity: 1;
+}
+
+a:before, a:after {
+  content: "";
+  z-index: -4;
+  background-color: #b2f4e8;
+  width: 100%;
+  transition: all .4s;
+  position: absolute;
+  bottom: -1px;
+  left: 0;
+}
+
+a:after {
+  height: .25rem;
+}
+
+a:before {
+  opacity: 0;
+  height: 110%;
+}
+
+.header {
+  flex-direction: column;
+  min-height: 100vh;
+  display: flex;
+}
+
+@media (width >= 768px) {
+  .header {
+    flex-flow: wrap;
+    align-content: flex-start;
+    min-height: 50vh;
+    padding: 0 10vmin;
+    display: flex;
+  }
+}
+
+@media (width >= 1024px) {
+  .header {
+    min-height: 100vh;
+    padding: 10vmin;
+  }
+}
+
+@media (width >= 1280px) {
+  .header {
+    grid-template-areas: "hello . . pictures"
+                         "navigation . . .";
+    padding: 10vmin 15vmin;
+    display: grid;
+  }
+}
+
+@media (width >= 1920px) {
+  .header {
+    padding: 10vmin 20vmin;
+  }
+}
+
+.header__hello {
+  grid-area: hello;
+  margin: 10vh auto 0;
+}
+
+@media (width >= 768px) {
+  .header__hello {
+    width: 50%;
+    height: auto;
+    margin: 10vh 0 0;
+  }
+}
+
+.header__title {
+  grid-area: title;
+  font-size: 1.4rem;
+  font-weight: normal;
+  line-height: 140%;
+}
+
+@media (width >= 768px) {
+  .header__title {
+    font-size: 2rem;
+  }
+}
+
+@media (width >= 1024px) {
+  .header__title {
+    font-size: 2.5rem;
+  }
+}
+
+@media (width >= 1280px) {
+  .header__title {
+    font-size: 3rem;
+  }
+}
+
+.header__title__name {
+  font-weight: bold;
+  display: block;
+}
+
+.header__subtitle {
+  text-align: left;
+  margin: .5rem auto 2rem;
+}
+
+@media (width >= 768px) {
+  .header__subtitle {
+    font-size: 1.1rem;
+  }
+}
+
+@media (width >= 1024px) {
+  .header__subtitle {
+    font-size: 1.2rem;
+  }
+}
+
+.header__pictures {
+  grid-area: pictures;
+  width: 200px;
+  height: 200px;
+  margin: 5vmin auto auto;
+  position: relative;
+  left: 10%;
+}
+
+@media (width >= 768px) {
+  .header__pictures {
+    margin: 10vh auto 0;
+  }
+}
+
+@media (width >= 1280px) {
+  .header__pictures {
+    width: 250px;
+    height: 250px;
+    margin: 10vh 0 0;
+    left: 0;
+    right: 0;
+  }
+}
+
+.header__pictures__item {
+  width: 100px;
+  height: 100px;
+  position: absolute;
+  top: calc(50% - 50px);
+  left: calc(50% - 50px);
+}
+
+.header__pictures__item img {
+  object-fit: cover;
+  object-position: center;
+  border: 4px dashed #143251;
+  width: 100%;
+  height: 100%;
+  transition: all 80ms;
+}
+
+@media (width >= 768px) {
+  .header__pictures__item {
+    width: 150px;
+    height: 150px;
+    top: calc(50% - 75px);
+    left: calc(50% - 75px);
+  }
+
+  .header__pictures__item img:hover {
+    border: 8px dashed #143251;
+  }
+}
+
+@media (width >= 1280px) {
+  .header__pictures__item {
+    width: 200px;
+    height: 200px;
+    top: calc(50% - 100px);
+    left: calc(50% - 100px);
+  }
+}
+
+.header__pictures__item:first-of-type {
+  z-index: 10;
+  top: 50%;
+  left: -10%;
+  transform: rotate(10deg);
+}
+
+@media (width >= 768px) {
+  .header__pictures__item:first-of-type {
+    top: 80%;
+    left: -40%;
+  }
+
+  .header__pictures__item:first-of-type img:hover {
+    transform: scale(1.4)translate(10%);
+  }
+}
+
+.header__pictures__item:nth-of-type(2) {
+  z-index: 9;
+  top: 20%;
+  left: 20%;
+  transform: rotate(-6deg);
+}
+
+@media (width >= 768px) {
+  .header__pictures__item:nth-of-type(2) {
+    top: 40%;
+  }
+
+  .header__pictures__item:nth-of-type(2) img:hover {
+    transform: scale(1.4)translate(15%);
+  }
+}
+
+.header__pictures__item:nth-of-type(3) {
+  z-index: 8;
+  top: 5%;
+  left: -15%;
+  transform: rotate(-2deg);
+}
+
+@media (width >= 768px) {
+  .header__pictures__item:nth-of-type(3) {
+    left: -45%;
+  }
+
+  .header__pictures__item:nth-of-type(3) img:hover {
+    transform: scale(1.4)translate(-15%);
+  }
+}
+
+.header__pictures__item:nth-of-type(4) {
+  z-index: 7;
+  top: -10%;
+  left: 30%;
+  transform: rotate(10deg);
+}
+
+@media (width >= 768px) {
+  .header__pictures__item:nth-of-type(4) {
+    left: 20%;
+  }
+
+  .header__pictures__item:nth-of-type(4) img:hover {
+    transform: scale(1.4)translate(15%, -15%);
+  }
+}
+
+.nav {
+  grid-area: navigation;
+  margin: 0 auto 10vmin;
+}
+
+@media (width >= 768px) {
+  .nav {
+    width: 50%;
+    margin: 0 auto 0 0;
+    font-size: 1.3rem;
+  }
+}
+
+@media (width >= 1024px) {
+  .nav {
+    margin-top: 20vh;
+    font-size: 1.4rem;
+  }
+}
+
+@media (width >= 1280px) {
+  .nav {
+    font-size: 1.5rem;
+  }
+}
+
+.nav__list {
+  display: flex;
+}
+
+@media (width >= 768px) {
+  .nav__list {
+    flex-flow: column;
+  }
+}
+
+.nav__item {
+  margin: 0 1rem;
+}
+
+@media (width >= 768px) {
+  .nav__item {
+    margin: .5rem auto .5rem 0;
+  }
+}
+
+.about {
+  padding: 10vmin;
+  position: relative;
+}
+
+.about:before {
+  content: "";
+  z-index: -5;
+  background-color: #eff6f6;
+  width: 120%;
+  height: 110%;
+  position: absolute;
+  top: -10%;
+  left: -10%;
+  transform: rotate(-3deg);
+}
+
+@media (width >= 768px) {
+  .about {
+    flex-flow: wrap;
+    align-items: flex-start;
+    padding: 10vmin 10vmin 0;
+    display: flex;
+  }
+
+  .about:before {
+    height: 100%;
+    top: 5%;
+  }
+}
+
+@media (width >= 1024px) {
+  .about:before {
+    height: 110%;
+    top: -10%;
+  }
+}
+
+@media (width >= 1280px) {
+  .about {
+    padding: 10vmin 15vmin 0;
+  }
+}
+
+@media (width >= 1920px) {
+  .about {
+    padding: 10vmin 15vmin 0 20vmin;
+  }
+}
+
+.about .section-title {
+  width: 100%;
+}
+
+.about__text {
+  margin-bottom: 1.4rem;
+  font-weight: 300;
+  line-height: 1.4;
+}
+
+.about__text:last-of-type {
+  margin-bottom: 0;
+}
+
+@media (width >= 768px) {
+  .about__main {
+    width: 50%;
+    max-width: 550px;
+    display: inline-block;
+  }
+}
+
+.about__passions {
+  margin: 10vh auto;
+  position: relative;
+  left: 3.5vw;
+  transform: rotate(-5deg);
+}
+
+@media (width >= 768px) {
+  .about__passions {
+    max-width: 550px;
+    margin: 0 auto auto;
+    top: -2rem;
+    transform: rotate(-6deg);
+  }
+}
+
+@media (width >= 1024px) {
+  .about__passions {
+    top: -5rem;
+    transform: rotate(-7deg);
+  }
+}
+
+.about__passions__text {
+  margin: 1rem auto;
+  font-family: Covered By Your Grace, monospace;
+  font-size: 1.5rem;
+  line-height: 1;
+  position: relative;
+}
+
+@media (width >= 768px) {
+  .about__passions__text {
+    margin: 1.3rem auto;
+  }
+}
+
+@media (width >= 1024px) {
+  .about__passions__text {
+    margin: 1.5rem auto;
+  }
+}
+
+.about__passions__text--small {
+  font-size: 1.4rem;
+}
+
+@media (width >= 768px) {
+  .about__passions__text--small {
+    font-size: 1.6rem;
+  }
+}
+
+@media (width >= 1024px) {
+  .about__passions__text--small {
+    font-size: 1.8rem;
+  }
+}
+
+.about__passions__text--medium {
+  font-size: 1.8rem;
+}
+
+@media (width >= 768px) {
+  .about__passions__text--medium {
+    font-size: 2rem;
+  }
+}
+
+@media (width >= 1024px) {
+  .about__passions__text--medium {
+    font-size: 2.3rem;
+  }
+}
+
+.about__passions__text--large {
+  font-size: 2.2rem;
+}
+
+@media (width >= 768px) {
+  .about__passions__text--large {
+    font-size: 2.2rem;
+  }
+}
+
+@media (width >= 1024px) {
+  .about__passions__text--large {
+    font-size: 2.8rem;
+  }
+
+  .about__passions__text:first-of-type {
+    left: -2rem;
+  }
+
+  .about__passions__text:nth-of-type(2) {
+    left: -.5rem;
+  }
+
+  .about__passions__text:nth-of-type(3) {
+    left: .5rem;
+  }
+
+  .about__passions__text:nth-of-type(4) {
+    left: -1rem;
+  }
+
+  .about__passions__text:nth-of-type(5) {
+    left: .5rem;
+  }
+
+  .about__passions__text:nth-of-type(6) {
+    left: -.5rem;
+  }
+}
+
+.work {
+  padding: 10vmin;
+}
+
+@media (width >= 768px) {
+  .work {
+    grid-column-gap: 1rem;
+    grid-template-columns: repeat(4, 1fr);
+    grid-template-areas: "title title title title"
+                         "experience experience awards awards"
+                         "experience experience talks talks"
+                         "experience experience info info";
+    padding: 10vmin 10vmin 5vmin;
+    display: grid;
+  }
+}
+
+@media (width >= 1280px) {
+  .work {
+    padding: 10vmin 15vmin 5vmin;
+  }
+}
+
+@media (width >= 1920px) {
+  .work {
+    padding: 10vmin 15vmin 5vmin 20vmin;
+  }
+}
+
+.work .grid-title {
+  grid-area: title;
+}
+
+.work .grid-experience {
+  grid-area: experience;
+}
+
+.work .grid-awards {
+  grid-area: awards;
+}
+
+.work .grid-talks {
+  grid-area: talks;
+}
+
+.work .grid-info {
+  grid-area: info;
+}
+
+.work__section {
+  border: 4px dashed #143251;
+  margin-bottom: 1rem;
+  padding: 1rem;
+}
+
+.work__section__title {
+  text-align: center;
+  margin-bottom: 1rem;
+  font-weight: 300;
+}
+
+.work__list--align-evenly {
+  flex-flow: wrap;
+  justify-content: space-evenly;
+  display: flex;
+}
+
+@media (width >= 1024px) {
+  .work__list--align-evenly {
+    grid-template-rows: 1fr 1fr;
+    grid-template-columns: 1fr 1fr 1fr 1fr;
+    display: grid;
+  }
+
+  .work__list--align-evenly .work__item {
+    margin: .5rem 0;
+  }
+}
+
+.work__item {
+  margin-bottom: 1rem;
+}
+
+@media (width >= 1024px) {
+  .work__item {
+    margin-bottom: 1.5rem;
+  }
+}
+
+.work__item:last-of-type {
+  margin-bottom: 0;
+}
+
+.work__item__title, .work__item__text {
+  margin-bottom: .1rem;
+}
+
+.work__item__text:last-of-type {
+  margin-bottom: 0;
+}
+
+.contact {
+  text-align: center;
+  flex-flow: wrap;
+  align-items: center;
+  min-height: 50vh;
+  padding: 10vmin;
+  display: flex;
+  position: relative;
+}
+
+.contact:before {
+  content: "";
+  z-index: -3;
+  background-color: #eff6f6;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+@media (width >= 768px) {
+  .contact {
+    text-align: left;
+    grid-template-columns: repeat(2, 1fr);
+    grid-template-areas: "title img"
+                         "subtitle img"
+                         "list img"
+                         "list img";
+    min-height: auto;
+    padding: 0 5vmin 0 10vmin;
+    display: grid;
+  }
+}
+
+@media (width >= 1280px) {
+  .contact {
+    padding: 0 5vmin 0 15vmin;
+  }
+}
+
+@media (width >= 1920px) {
+  .contact {
+    padding: 0 5vmin 0 20vmin;
+  }
+}
+
+@media (width >= 768px) {
+  .contact .section-title {
+    margin-top: 2rem;
+  }
+}
+
+.contact .grid-title {
+  grid-area: title;
+}
+
+.contact .grid-subtitle {
+  grid-area: subtitle;
+}
+
+.contact .grid-list {
+  grid-area: list;
+}
+
+.contact .grid-img {
+  grid-area: img;
+}
+
+.contact .section-title {
+  width: 100%;
+  margin: 0;
+}
+
+.contact .section-reach-out {
+  width: 100%;
+  font-size: .85rem;
+}
+
+.contact__list {
+  flex-flow: column;
+  align-items: flex-start;
+  width: 80%;
+  margin: auto;
+  display: flex;
+}
+
+@media (width >= 768px) {
+  .contact__list {
+    margin: 0 auto auto 0;
+  }
+}
+
+.contact__item {
+  margin: .5rem auto;
+}
+
+@media (width >= 768px) {
+  .contact__item {
+    margin: .5rem 0;
+  }
+}
+
+.contact__img-container {
+  text-align: center;
+  z-index: -3;
+  display: none;
+}
+
+@media (width >= 768px) {
+  .contact__img-container {
+    background-color: #f8f8fa;
+    width: 45vw;
+    height: 400px;
+    display: block;
+    position: relative;
+    right: -2px;
+  }
+}
+
+@media (width >= 1024px) {
+  .contact__img-container {
+    width: 46.3vw;
+  }
+}
+
+@media (width >= 1280px) {
+  .contact__img-container {
+    width: 47.1vw;
+  }
+}
+
+@media (width >= 1920px) {
+  .contact__img-container {
+    width: 46.8vw;
+  }
+}
+
+.contact__img-container img {
+  object-fit: cover;
+  object-position: center;
+  z-index: 1;
+  border: 4px dashed #143251;
+  width: 120px;
+  height: 120px;
+  margin-left: auto;
+}
+
+@media (width >= 768px) {
+  .contact__img-container img {
+    border: none;
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.footer {
+  z-index: 100;
+  color: #fafafa;
+  background: linear-gradient(to right, #288b8f, #3fd9bf);
+  padding: 1rem 5vmin;
+}
+
+.footer__credits {
+  color: #fafafa;
+  text-align: right;
+  font-size: .8rem;
+  font-weight: 700;
+}
+
+.footer__quote {
+  text-align: center;
+  max-width: 530px;
+  margin: 1rem auto;
+  font-size: .9rem;
+  font-style: italic;
+}
+
+.footer__quote a {
+  color: #fafafa;
+}
+
+/*# sourceMappingURL=index.e8265c92.css.map */
diff --git a/index.e8265c92.css.map b/index.e8265c92.css.map
new file mode 100644
index 0000000..db9caa0
--- /dev/null
+++ b/index.e8265c92.css.map
@@ -0,0 +1 @@
+{"mappings":"ACAA;;;;;;AAQA;;;;;AAMA;;;;AAIA;;;;AClBA;;;;;;AAMA;;;;AAIA;;;;AEVA;;;;;;AAMA;;;;;;;AAOE;;;;;;;;;AAQE;;;;;;;;;;;;AAiBA;;;;;;;;;;;AAcJ;;;;ACpDA;;;;;;;;AAOE;;;;AAUE;;;;AAKF;;;;;;;;;;;AAYA;;;;AAIA;;;;;ACtCF;;;;;;AAKE;EALF;;;;;;;;;AAaE;EAbF;;;;;;AAkBE;EAlBF;;;;;;;;AAyBE;EAzBF;;;;;AA6BE;;;;;AAIE;EAJF;;;;;;;AAWA;;;;;;;AAME;EANF;;;;;AAUE;EAVF;;;;;AAcE;EAdF;;;;;AAkBE;;;;;AAMF;;;;;AAIE;EAJF;;;;;AAQE;EARF;;;;;AAaA;;;;;;;;;AAQE;EARF;;;;;AAYE;EAZF;;;;;;;;;AAoBE;;;;;;;;AAOE;;;;;;;;;AASA;EAhBF;;;;;;;EAsBI;;;;;AAKF;EA3BF;;;;;;;;AAkCE;;;;;;;AAME;EANF;;;;;EASI;;;;;AAMJ;;;;;;;AAME;EANF;;;;EAQI;;;;;AAMJ;;;;;;;AAME;EANF;;;;EAQI;;;;;AAMJ;;;;;;;AAME;EANF;;;;EAQI;;;;;AAUV;;;;;AAIE;EAJF;;;;;;;AAUE;EAVF;;;;;;AAeE;EAfF;;;;;AAmBE;;;;AAGE;EAHF;;;;;AAQA;;;;AAGE;EAHF;;;;;AC3NF;;;;;AAIE;;;;;;;;;;;;AAYA;EAhBF;;;;;;;EAsBI;;;;;;AAMF;EACE;;;;;;AAMF;EAnCF;;;;;AAuCE;EAvCF;;;;;AA2CE;;;;AAIA;;;;;;AAKE;;;;AAMA;EADF;;;;;;;AAQA;;;;;;;AAME;EANF;;;;;;;;AAaE;EAbF;;;;;;AAkBE;;;;;;;;AAOE;EAPF;;;;;AAWE;EAXF;;;;;AAeE;;;;AAGE;EAHF;;;;;AAOE;EAPF;;;;;AAYA;;;;AAGE;EAHF;;;;;AAOE;EAPF;;;;;AAYA;;;;AAGE;EAHF;;;;;AAOE;EAPF;;;;EAaE;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;AC3JR;;;;AAGE;EAHF;;;;;;;;;;;;AAcE;EAdF;;;;;AAkBE;EAlBF;;;;;AAsBE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAKE;;;;;;AAQA;;;;;;AAKE;EALF;;;;;;EAUI;;;;;AAON;;;;AAGE;EAHF;;;;;AAOE;;;;AAIA;;;;AAOE;;;;AC1FN;;;;;;;;;;AASE;;;;;;;;;;;AAWA;EApBF;;;;;;;;;;;;;AAgCE;EAhCF;;;;;AAoCE;EApCF;;;;;AAyCI;EADF;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;;;;AAOE;EAPF;;;;;AAYA;;;;AAGE;EAHF;;;;;AAQA;;;;;;AAKE;EALF;;;;;;;;;;AAcE;EAdF;;;;;AAkBE;EAlBF;;;;;AAsBE;EAtBF;;;;;AA0BE;;;;;;;;;;AASE;EATF;;;;;;;ACtHJ;;;;;;;AAOE;;;;;;;AAOA;;;;;;;;AAOE","sources":["src/scss/style.scss","src/scss/config/_reset.scss","src/scss/config/_fonts.scss","src/scss/config/_variables.scss","src/scss/components/_body.scss","src/scss/components/_link.scss","src/scss/components/_header.scss","src/scss/components/_about.scss","src/scss/components/_work.scss","src/scss/components/_contact.scss","src/scss/components/_footer.scss"],"sourcesContent":["@import 'config/reset';\n@import 'config/variables';\n@import 'config/fonts';\n\n@import 'components/body';\n@import 'components/link';\n\n@import 'components/header';\n@import 'components/about';\n@import 'components/work';\n@import 'components/contact';\n@import 'components/footer';\n",null,null,null,null,null,null,null,null,null,null],"names":[],"version":3,"file":"index.e8265c92.css.map","sourceRoot":"/__parcel_source_root/"}
\ No newline at end of file
diff --git a/index.html b/index.html
index 94f84c3..2e305fb 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0"><meta name="theme-color" content="#511450"><title>Felipe Bernardes</title><meta name="description" content="Felipe Bernardes' Website"><meta property="og:image" content="http://felipebernardes.github.io/img/og-19.jpg"><meta property="og:image:type" content="image/jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:type" content="website"><meta property="og:locale" content="en_US"><meta property="og:url" content="https://felipebernardes.github.io"><meta property="og:title" content="Felipe Bernardes"><meta property="og:site_name" content="Felipe Bernardes"><meta property="og:description" content="Hello! this is my site."><link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.64001a37.png"><link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.87af7f11.png"><link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.25525ffa.png"><link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.11b0cdf6.png"><link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.9da54a24.png"><link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.de54b054.png"><link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.bb088ee4.png"><link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.67b67671.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.31f85769.png"><link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.d5ec5ee6.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.2e53e426.png"><link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.0a2c5311.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.5b943774.png"><meta name="msapplication-TileColor" content="#ffffff"><meta name="msapplication-TileImage" content="/img/favicon/ms-icon-144x144.png"><link defer href="https://fonts.googleapis.com/css?family=Covered+By+Your+Grace|Nunito+Sans:400,400i,700&display=swap" rel="stylesheet"><link type="text/css" rel="stylesheet" href="/index.353205a4.css"></head><body class="body index"> <div class="frame"></div> <script defer>!function(e,a,t,n,g,c,o){e.GoogleAnalyticsObject=g,e.ga=e.ga||function(){(e.ga.q=e.ga.q||[]).push(arguments)},e.ga.l=1*new Date,c=a.createElement(t),o=a.getElementsByTagName(t)[0],c.async=1,c.src="//www.google-analytics.com/analytics.js",o.parentNode.insertBefore(c,o)}(window,document,"script",0,"ga"),ga("create","UA-67803598-1","auto"),ga("send","pageview");</script> <header class="header"> <div class="header__hello"> <h1 class="header__title">hello! I'm<span class="header__title__name">Felipe Bernardes</span></h1> <p class="header__subtitle"><em>... and I do a lot of stuff</em></p> </div> <section class="header__pictures"> <ul class="header__pictures__list"> <li class="header__pictures__item"> <img src="/brjs.0fe1dd0d.jpg" alt="Felipe speaking at BrazilJS conference"> </li> <li class="header__pictures__item"> <img src="/guitar.2b0ea449.jpg" alt="Felipe playing guitar"> </li> <li class="header__pictures__item"> <img src="/laptop.d8c58305.jpg" alt="Felipe in conference with himself"> </li> <li class="header__pictures__item"> <img src="/shadow.e48e00f4.jpg" alt="Felipe's experimental photography of it's own shadow"> </li> </ul> </section> <nav class="nav"> <ul class="nav__list"> <li class="nav__item"> <a class="nav__link" href="#about">about</a> </li> <li class="nav__item"> <a class="nav__link" href="#work">work</a> </li> <li class="nav__item"> <a class="nav__link" href="#contact">contact</a> </li> </ul> </nav> </header> <section id="about" class="about"> <h2 class="section-title">about</h2> <section class="about__main"> <p class="about__text">I’m a <strong>Front End Specialist</strong> living in <a href="https://en.wikipedia.org/wiki/Sorocaba">Sorocaba</a>, Brazil. Currently, I work remotely as a Front End Specialist at <a href="https://trychameleon.com">Chameleon</a>, helping companies <strong>engage</strong> and offer <strong>better experiences</strong> to its end users.</p> <p class="about__text">I enjoy <a href="https://unsplash.com/@felipebernardes">photography</a>, travelling, reading, trying out new recipes, teaching programming newcomers, designing user interfaces and building apps. I also play guitar and drums, <em>and I'm awful at both</em>.</p> <p class="about__text">What drives my work is to <strong>build a better web for people</strong> — by sharing knowledge through <a href="https://speakerdeck.com/felipebernardes/">talks</a>, <a href="https://medium.com/sorocabacss">organising tech communities</a> and specially by building things that positively impact lives.</p> </section> <section class="about__passions"> <p class="about__passions__text about__passions__text--large">I &lt;3… The Open Web</p> <p class="about__passions__text about__passions__text--medium">Tech Communities</p> <p class="about__passions__text about__passions__text--large">JavaScript + CSS</p> <p class="about__passions__text about__passions__text--small">Composing Code/Music/Poetry</p> <p class="about__passions__text about__passions__text--medium">remote work! :-)</p> <p class="about__passions__text about__passions__text--small">pixel-perfect implementations</p> </section> </section> <section id="work" class="work"> <h2 class="grid-title section-title">work</h2> <section class="grid-experience work__section"> <h3 class="work__section__title">experience</h3> <ul class="work__list"> <li class="work__item"> <h4 class="work__item__title"><a href="https://trychameleon.com/">Chameleon</a></h4> <p class="work__item__text">2021 - current</p> <p class="work__item__text">Sr Front End Developer</p> </li> <li class="work__item"> <h4 class="work__item__title"><a href="https://www.toptal.com/resume/felipe-bernardes">Toptal</a></h4> <p class="work__item__text">2018 - 2021</p> <p class="work__item__text">Sr Front End Developer</p> </li> <li class="work__item"> <h4 class="work__item__title"><a href="https://www.babycenter.com/">BabyCenter</a></h4> <p class="work__item__text">2018 - 2021</p> <p class="work__item__text">Sr Front End Developer</p> </li> <li class="work__item"> <h4 class="work__item__title"><a href="https://translucentcomputing.com/">Translucent Computing</a></h4> <p class="work__item__text">2017 - 2018</p> <p class="work__item__text">Sr Front End Developer</p> </li> <li class="work__item"> <h4 class="work__item__title"><a href="https://tegra.com.br/">Tegra</a></h4> <p class="work__item__text">2015 - 2017</p> <p class="work__item__text">Mid Full Stack Developer</p> </li> <li class="work__item"> <h4 class="work__item__title"><a href="https://www.going2.com.br/">Going2 Mobile</a></h4> <p class="work__item__text">2014 - 2015</p> <p class="work__item__text">Jr Front End Developer</p> </li> </ul> </section> <section class="grid-awards work__section"> <h3 class="work__section__title">awards & recognitions</h3> <ul class="work__list"> <li class="work__item"> <p class="work__item__text">- 1st Place @ <a href="https://www.gs1br.org/hackathon/">GS1 Brazil Hackathon</a> ’16</p> </li> <li class="work__item"> <p class="work__item__text">- Awarded in <a href="https://cisco.com/">cisco</a> challenge @ <a href="https://hackzurich.com/">HackZurich Hackathon</a> ’16</p> </li> <li class="work__item"> <p class="work__item__text">- Among the top 3% best freelancers @ <a href="https://toptal.com/">Toptal network</a></p> </li> </ul> </section> <section class="grid-talks work__section"> <h3 class="work__section__title">talks</h3> <ul class="work__list"> <li class="work__item"> <p class="work__item__text"><a href="https://speakerdeck.com/felipebernardes/an-animated-poem-built-with-css-drawings-and-animations">- A Poem Built with CSS Drawings & Animations (Codemotion Berlin '19)</a></p> </li> <li class="work__item"> <p class="work__item__text"><a href="https://speakerdeck.com/felipebernardes/vr">- Immersive Journalism (Google DevFest London ’18)</a></p> </li> <li class="work__item"> <p class="work__item__text"><a href="https://speakerdeck.com/felipebernardes/get-started-with-pwas">- PWAs are the new black (GURU Sorocaba ’17)</a></p> </li> </ul> </section> <section class="grid-info work__section"> <h3 class="work__section__title">further info</h3> <ul class="work__list work__list--align-evenly"> <li class="work__item"> <p class="work__item__text"><a href="https://www.linkedin.com/in/bernardesflp/?locale=en_US">LinkedIn</a></p> </li> <li class="work__item"> <p class="work__item__text"><a href="https://felipebernardes.github.io/felipe-bernardes-resume.pdf">Resume (pdf)</a></p> </li> <li class="work__item"> <p class="work__item__text"><a href="https://github.com/felipebernardes">GitHub</a></p> </li> <li class="work__item"> <p class="work__item__text"><a href="https://codepen.io/felipebernardes/">CodePen</a></p> </li> <li class="work__item"> <p class="work__item__text"><a href="https://speakerdeck.com/felipebernardes/">SpeakerDeck</a></p> </li> <li class="work__item"> <p class="work__item__text"><a href="https://www.toptal.com/resume/felipe-bernardes">Toptal</a></p> </li> <li class="work__item"> <p class="work__item__text"><a class="nav__link" href="https://unsplash.com/@felipebernardes">photography</a></p> </li> <li class="work__item"> <p class="work__item__text"><a class="nav__link" href="https://felipebernardes.substack.com/">tldr (blog)</a></p> </li> </ul> </section> </section> <section id="contact" class="contact"> <h2 class="grid-title section-title">hey, let's chat!</h2> <ul class="contact__list grid-list"> <li class="contact__item"> <a class="contact__link" href="mailto:bernardes@hey.com">📩 bernardes@hey.com</a> </li> <li class="contact__item"> <a class="contact__link" href="https://calendly.com/felipebernardes/15min">🗓 book a chat with me</a> </li> <li class="contact__item"> <a class="contact__link" href="https://www.linkedin.com/in/bernardesflp/?locale=en_US">🔗 LinkedIn</a> </li> </ul> <div class="contact__img-container grid-img"> <img src="/me.3d53c531.jpg" alt="Smiling Felipe picture"> </div> </section> <footer class="footer"> <p class="footer__credits">coded, designed & written by me.</p> <blockquote class="footer__quote" cite="https://www.huxley.net/bnw/four.html"> <p>“The logic of dreams is superior to the one we exercise while awake. In dreams the mind at last finds its courage: it dares what we do not dare.” — <a href="http://www.eteladnan.com/">Etel Adnan</a></p> </blockquote> </footer> </body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="en-US"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0"><meta name="theme-color" content="#511450"><title>Felipe Bernardes</title><meta name="description" content="Felipe Bernardes' Website"><meta property="og:image" content="http://felipebernardes.github.io/img/og-19.jpg"><meta property="og:image:type" content="image/jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:type" content="website"><meta property="og:locale" content="en_US"><meta property="og:url" content="https://felipebernardes.github.io"><meta property="og:title" content="Felipe Bernardes"><meta property="og:site_name" content="Felipe Bernardes"><meta property="og:description" content="Hello! this is my site."><link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.64001a37.png"><link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.87af7f11.png"><link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.25525ffa.png"><link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.11b0cdf6.png"><link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.9da54a24.png"><link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.de54b054.png"><link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.bb088ee4.png"><link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.67b67671.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.31f85769.png"><link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.d5ec5ee6.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.2e53e426.png"><link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.0a2c5311.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.5b943774.png"><meta name="msapplication-TileColor" content="#ffffff"><meta name="msapplication-TileImage" content="/ms-icon-144x144.705dd756.png"><link defer href="https://fonts.googleapis.com/css?family=Covered+By+Your+Grace|Nunito+Sans:400,400i,700&display=swap" rel="stylesheet"><link type="text/css" rel="stylesheet" href="/index.5b120eaa.css"></head><body class="body index"> <div class="frame"></div> <header class="header"> <div class="header__hello"> <h1 class="header__title">Hi! I'm <span class="header__title__name">Felipe Bernardes</span></h1> <p class="header__subtitle"><em>... and I do a lot of stuff</em></p> </div> <section class="header__pictures"> <ul class="header__pictures__list"> <li class="header__pictures__item"> <img src="/brjs.0fe1dd0d.jpg" alt="Felipe speaking at BrazilJS conference"> </li> <li class="header__pictures__item"> <img src="/guitar.2b0ea449.jpg" alt="Felipe playing guitar"> </li> <li class="header__pictures__item"> <img src="/laptop.d8c58305.jpg" alt="Felipe in conference with himself"> </li> <li class="header__pictures__item"> <img src="/shadow.e48e00f4.jpg" alt="Felipe's experimental photography of it's own shadow"> </li> </ul> </section> <nav class="nav"> <ul class="nav__list"> <li class="nav__item"> <a class="nav__link" href="#about">about</a> </li> <li class="nav__item"> <a class="nav__link" href="#work">work</a> </li> <li class="nav__item"> <a class="nav__link" href="#contact">contact</a> </li> </ul> </nav> </header> <section id="about" class="about"> <h2 class="section-title">about</h2> <section class="about__main"> <p class="about__text"> 👋 Hello! I'm Felipe Bernardes, a <strong>Front End Specialist</strong> with 10+ years of experience in Sofware Development and also a solid background of full-stack development. <a target="_blank" href="https://felipebernardes.github.io/felipe-bernardes-resume.pdf">(full resume.pdf)</a> </p> <p class="about__text"> I enjoy <a href="https://unsplash.com/@felipebernardes">photography</a>, creating music playlists, reading about architecture, helping people learn to code, designing user interfaces, and building apps. I also play guitar and drums (<em>even though I'm not so skilled</em>). </p> <p class="about__text"> What drives my work is to <strong>build a better web for people</strong> -- by sharing knowledge through <a href="https://speakerdeck.com/felipebernardes/">talks</a>, <a href="https://medium.com/sorocabacss">organizing tech communities</a>, and specially by building things that positively impact lives. </p> </section> <section class="about__passions"> <p class="about__passions__text about__passions__text--large">I'm passionate about...</p> <p class="about__passions__text about__passions__text--medium">Knowledge sharing</p> <p class="about__passions__text about__passions__text--large">JavaScript + CSS</p> <p class="about__passions__text about__passions__text--small">Composing Code/Music/Photography</p> <p class="about__passions__text about__passions__text--medium">remote work! :-)</p> <p class="about__passions__text about__passions__text--small">pixel-perfect implementations</p> </section> </section> <section id="work" class="work"> <h2 class="grid-title section-title">work</h2> <section class="grid-experience work__section"> <h3 class="work__section__title">experience</h3> <ul class="work__list"> <li class="work__item"> <h4 class="work__item__title"><a href="https://trychameleon.com/">Chameleon</a></h4> <p class="work__item__text">2021 - current</p> <p class="work__item__text">Sr Front End Developer</p> </li> <li class="work__item"> <h4 class="work__item__title"><a href="https://www.toptal.com/resume/felipe-bernardes">Toptal</a></h4> <p class="work__item__text">2018 - 2021</p> <p class="work__item__text">Sr Front End Developer</p> </li> <li class="work__item"> <h4 class="work__item__title"><a href="https://www.babycenter.com/">BabyCenter</a></h4> <p class="work__item__text">2018 - 2021</p> <p class="work__item__text">Sr Front End Developer</p> </li> <li class="work__item"> <h4 class="work__item__title"><a href="https://translucentcomputing.com/">Translucent Computing</a></h4> <p class="work__item__text">2017 - 2018</p> <p class="work__item__text">Sr Front End Developer</p> </li> <li class="work__item"> <h4 class="work__item__title"><a href="https://tegra.com.br/">Tegra</a></h4> <p class="work__item__text">2015 - 2017</p> <p class="work__item__text">Mid Full Stack Developer</p> </li> <li class="work__item"> <h4 class="work__item__title"><a href="https://www.going2.com.br/">Going2 Mobile</a></h4> <p class="work__item__text">2014 - 2015</p> <p class="work__item__text">Jr Front End Developer</p> </li> </ul> </section> <section class="grid-awards work__section"> <h3 class="work__section__title">awards & recognitions</h3> <ul class="work__list"> <li class="work__item"> <p class="work__item__text">- <a href="https://helpbar.ai/">HelpBar.ai</a> featured in top 5 Product of The Day @ <a href="https://www.linkedin.com/posts/bernardesflp_producthunt-makersgonnamake-startups-activity-7123735411192938496-F5s0">Product Hunt</a></p> </li> <li class="work__item"> <p class="work__item__text">- Top 3% best freelancers @ <a href="https://toptal.com/">Toptal network</a></p> </li> <li class="work__item"> <p class="work__item__text">- 1st Place @ <a href="https://www.gs1br.org/hackathon/">GS1 Brazil Hackathon</a> '16</p> </li> <li class="work__item"> <p class="work__item__text">- Awarded in <a href="https://cisco.com/">Cisco</a> challenge @ <a href="https://hackzurich.com/">HackZurich Hackathon</a> '16</p> </li> </ul> </section> <section class="grid-talks work__section"> <h3 class="work__section__title">talks</h3> <ul class="work__list"> <li class="work__item"> <p class="work__item__text"><a href="https://speakerdeck.com/felipebernardes/get-started-with-pwas">- Gardening for Communities (Toptal LATAM Summit '20)</a></p> </li> <li class="work__item"> <p class="work__item__text"><a href="https://speakerdeck.com/felipebernardes/an-animated-poem-built-with-css-drawings-and-animations">- An Animated Poem, Built with CSS (Codemotion Berlin '19)</a></p> </li> <li class="work__item"> <p class="work__item__text"><a href="https://speakerdeck.com/felipebernardes/vr">- Immersive Journalism (Google DevFest London '18)</a></p> </li> </ul> </section> <section class="grid-info work__section"> <h3 class="work__section__title">further info</h3> <ul class="work__list work__list--align-evenly"> <li class="work__item"> <p class="work__item__text"><a href="https://www.linkedin.com/in/bernardesflp">LinkedIn</a></p> </li> <li class="work__item"> <p class="work__item__text"><a href="https://felipebernardes.github.io/felipe-bernardes-resume.pdf">Resume (pdf)</a></p> </li> <li class="work__item"> <p class="work__item__text"><a href="https://codepen.io/felipebernardes/">CodePen</a></p> </li> <li class="work__item"> <p class="work__item__text"><a href="https://github.com/felipebernardes">GitHub</a></p> </li> <li class="work__item"> <p class="work__item__text"><a href="https://speakerdeck.com/felipebernardes/">SpeakerDeck</a></p> </li> <li class="work__item"> <p class="work__item__text"><a class="nav__link" href="https://unsplash.com/@felipebernardes">photography</a></p> </li> <li class="work__item"> <p class="work__item__text"><a class="nav__link" href="https://felipebernardes.substack.com/">tldr (blog)</a></p> </li> <li class="work__item"> <p class="work__item__text"><a href="https://www.toptal.com/resume/felipe-bernardes">Toptal</a></p> </li> </ul> </section> </section> <section id="contact" class="contact"> <h2 class="grid-title section-title">contact</h2> <div class="grid-subtitle section-reach-out"> <p>Feel free to reach out to talk about:</p> <ul> <li>- (free) career/technical mentorship;</li> <li>- music, photography, architeture;</li> <li>- tech meetups & conferences;</li> <li>- anything else!</li> </ul> </div> <ul class="contact__list grid-list"> <li class="contact__item"> <a class="contact__link" href="mailto:bernardes@hey.com">📩 bernardes@hey.com</a> </li> <li class="contact__item"> <a class="contact__link" href="https://www.linkedin.com/in/bernardesflp">🔗 LinkedIn</a> </li> </ul> <div class="contact__img-container grid-img"> <img src="/coffee.97c781d0.jpg" alt="Smiling Felipe picture"> </div> </section> <footer class="footer"> <p class="footer__credits">coded, designed & written by felipe bernardes.</p> <blockquote class="footer__quote" cite="https://www.huxley.net/bnw/four.html"> <p>“The logic of dreams is superior to the one we exercise while awake. In dreams the mind at last finds its courage: it dares what we do not dare.” — <a href="http://www.eteladnan.com/">Etel Adnan</a></p> </blockquote> </footer> </body></html>
\ No newline at end of file
diff --git a/laptop.d0d09166.jpg b/laptop.d0d09166.jpg
new file mode 100644
index 0000000..7bdaee1
Binary files /dev/null and b/laptop.d0d09166.jpg differ
diff --git a/ms-icon-144x144.705dd756.png b/ms-icon-144x144.705dd756.png
new file mode 100644
index 0000000..fb1b498
Binary files /dev/null and b/ms-icon-144x144.705dd756.png differ
diff --git a/ms-icon-144x144.c145021b.png b/ms-icon-144x144.c145021b.png
new file mode 100644
index 0000000..0fe530f
Binary files /dev/null and b/ms-icon-144x144.c145021b.png differ
diff --git a/shadow.4fa08eb0.jpg b/shadow.4fa08eb0.jpg
new file mode 100644
index 0000000..1b7a14b
Binary files /dev/null and b/shadow.4fa08eb0.jpg differ