diff --git a/asset-manifest.json b/asset-manifest.json
index 0cd6d74..c6e9536 100644
--- a/asset-manifest.json
+++ b/asset-manifest.json
@@ -1,13 +1,13 @@
{
"files": {
- "main.css": "/web-portfolio/static/css/main.552c18ad.css",
+ "main.css": "/web-portfolio/static/css/main.446e95b0.css",
"main.js": "/web-portfolio/static/js/main.1469d854.js",
"index.html": "/web-portfolio/index.html",
- "main.552c18ad.css.map": "/web-portfolio/static/css/main.552c18ad.css.map",
+ "main.446e95b0.css.map": "/web-portfolio/static/css/main.446e95b0.css.map",
"main.1469d854.js.map": "/web-portfolio/static/js/main.1469d854.js.map"
},
"entrypoints": [
- "static/css/main.552c18ad.css",
+ "static/css/main.446e95b0.css",
"static/js/main.1469d854.js"
]
}
\ No newline at end of file
diff --git a/index.html b/index.html
index b8f9349..fa199f4 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-Alex's Portfolio
\ No newline at end of file
+KerBiy's Portfolio
\ No newline at end of file
diff --git a/static/css/main.446e95b0.css b/static/css/main.446e95b0.css
new file mode 100644
index 0000000..f89b736
--- /dev/null
+++ b/static/css/main.446e95b0.css
@@ -0,0 +1,2 @@
+:root{--ff-primary:"Poppins",sans-serif;--ff-heading:"Gloock",serif;--fw-heading:300;--fw-normal:400;--fw-semi-bold:600;--fw-bold:700;--fs-extra-small:0.75rem;--fs-small:0.875rem;--fs-regular:1rem;--fs-medium:1.125rem;--fs-logo:1.875rem;--ls-large:0.05em;--ls-regular:0.025em;--header-height:8em;--header-height-mobile:6em;--section-width:80%;--max-section-width:1360px;--max-description-width:600px;--max-skills-width:700px;--opacity-menu:0.75;--gap-about:2.4em;--gap-projects:2em;--gap-skills:1em;--gap-button:1em;--border-radius-small:0.875em;--border-radius-regular:1em;--padding-small:1em;--padding-medium:2em;--padding-large:3em;--margin-extra-small:0.5em;--margin-small:0.875em;--margin-regular:1em;--margin-medium:1.25em;--margin-large:1.5em;--margin-extra-large:2em;--margin-extra-extra-large:3em;--clr-dark:#2a2f4c;--clr-light:#dee4e7}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}picture,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3,h4{color:var(--clr-fg-alt);line-height:1.2}h1{font-size:4rem}h2{font-size:2rem}h3{font-size:1.5rem}ul li{list-style:none}a{text-decoration:none}a,button{color:inherit}button{border:0}a:hover,button:hover{cursor:pointer}@media (max-width:900px){h1{font-size:2.6rem}}@media (max-width:600px){:root{--fs-logo:1.5rem;--fs-medium:1.25rem}}.nav__list{display:flex;margin-right:var(--margin-regular)}.nav__list-item{font-size:var(--fs-medium);margin-left:var(--margin-regular)}.app .nav__hamburger{display:none}.nav__theme{background-color:initial;margin-top:.4em}@media (max-width:600px){.nav__list{align-items:center;background-color:#000;display:none;flex-direction:column;height:100%;inset:0;justify-content:center;opacity:var(--opacity-menu);position:fixed;width:100%;z-index:2}.nav__list-item{margin-left:0;margin-top:var(--margin-extra-small)}.nav__list-item a{color:var(--clr-nav-item)}.app .nav__hamburger{background-color:initial;display:flex;margin-left:var(--margin-small);z-index:2}}.header{height:var(--header-height);justify-content:space-between;margin:0 auto;max-width:var(--max-section-width);width:var(--section-width)}.logo{font-size:var(--fs-logo)}@media (max-width:600px){.header{height:var(--header-height-mobile)}}.about{flex-direction:column;gap:var(--gap-about)}.about__name{color:var(--clr-primary)}.about__desc{font-size:var(--fs-regular);max-width:var(--max-description-width)}.about__contact{grid-gap:var(--gap-button);display:grid;gap:var(--gap-button)}@media (max-width:600px){.app .about{align-items:flex-start;margin-top:var(--margin-extra-large)}.about__name{display:block}}.project{border-radius:var(--border-radius-regular);box-shadow:var(--shadow);margin:0 auto;padding:var(--padding-medium);text-align:center;transition:transform .2s linear}.project:hover{transform:translateY(-7px)}.project__description{margin-top:var(--margin-regular)}.project__stack{display:flex;flex-wrap:wrap;justify-content:center;margin-block:var(--margin-medium)}.project__stack-item{color:var(--clr-fg-alt);font-size:var(--fs-extra-small);font-weight:var(--fw-semi-bold);margin:var(--margin-extra-small)}.project .link--icon{margin-left:var(--margin-extra-small)}.projects{background:var(--clr-bg-alt);box-shadow:0 0 0 100vmax var(--clr-bg-alt);-webkit-clip-path:inset(0 -100vmax);clip-path:inset(0 -100vmax);padding-block:var(--padding-medium)}.projects__grid{grid-gap:var(--gap-projects);display:grid;grid-template-columns:repeat(auto-fit,minmax(18em,1fr));margin:0 auto;max-width:var(--max-section-width)}.skills{padding-top:var(--padding-small)}.skills__list{display:flex;flex-wrap:wrap;gap:var(--gap-skills);justify-content:center;margin:0 auto;max-width:var(--max-skills-width)}.skills__list-item{border-radius:var(--border-radius-small)}.contact{flex-direction:column;padding-top:var(--padding-large)}.footer{padding:var(--padding-large) 0 var(--padding-medium);text-align:center}.footer__link{color:var(--clr-fg);font-size:var(--fs-small);font-weight:var(--fw-semi-bold)}@media (max-width:600px){.footer{margin-top:var(--margin-extra-extra-large);padding:var(--padding-medium)}}.scroll-top{background-color:initial;bottom:2em;position:fixed;right:4em}@media (max-width:900px){.scroll-top{display:none}}.light{--clr-bg:radial-gradient(circle,#fff,#f8f8f9,#f0f1f3,#e7eaed,#dee4e7);--clr-bg-alt:#fcfcfc;--clr-fg:#555;--clr-fg-alt:#444;--clr-primary:#516dd3;--clr-nav-item:#ccc;--shadow:#64646f33 0px 7px 29px 0px}.dark{--clr-bg:radial-gradient(circle,#23283e,#252a41,#262c45,#282d48,#2a2f4c);--clr-bg-alt:#2a2f4c;--clr-fg:#bdbddd;--clr-fg-alt:#cdcdff;--clr-primary:#90a0d9;--clr-nav-item:#bdbddd;--shadow:#00000029 0px 10px 36px 0px,#0000000f 0px 0px 0px 1px}.app{background:var(--clr-bg);color:var(--clr-fg);font-family:var(--ff-primary);line-height:1.5}.section{margin:4em auto 0;max-width:var(--max-section-width);width:var(--section-width)}.heading-text{font-family:var(--ff-heading);font-weight:var(--fw-heading);letter-spacing:var(--ls-large)}.section__title{letter-spacing:var(--ls-regular);margin-bottom:1em;text-align:center;text-transform:uppercase}.center{align-items:center;display:flex}.link{padding:0 0 .3em;position:relative}.link:hover{color:var(--clr-primary)}.link:before{background-color:var(--clr-primary);bottom:0;content:"";display:inline;height:.2em;position:absolute;transition:width .2s ease-in;width:0}.link:focus:before,.link:hover:before{width:100%}.link--nav{font-weight:var(--fw-semi-bold);text-transform:lowercase}.link--icon,.link--nav{color:var(--clr-fg)}.btn{border-radius:.875em;display:block;font-size:var(--fs-regular);font-weight:var(--fw-semi-bold);padding:.8em 1.4em;text-transform:lowercase;transition:transform .2s ease-in-out}.btn--outline{border:2px solid var(--clr-primary);color:var(--clr-primary);overflow:hidden;position:relative;z-index:1}.btn--outline:focus,.btn--outline:hover{color:var(--clr-bg-alt)}.btn--outline:before{background-color:var(--clr-primary);bottom:0;content:"";left:0;position:absolute;right:100%;top:0;transition:right .2s ease-in-out;z-index:-1}.btn--outline:focus:before,.btn--outline:hover:before{right:0}.btn--plain{background-color:var(--clr-bg-alt);border:0;box-shadow:0 3px 3px 0 #00000026;text-transform:none}.btn--plain:hover{transform:translateY(-4px)}.btn--icon{padding:0}.btn--icon:focus,.btn--icon:hover{color:var(--clr-primary)}.btn--icon:active{transform:translateY(-5px)}@media (max-width:900px){.section{margin-top:4rem}.section__title{margin-bottom:1em}}@media (max-width:600px){.section{margin-top:2em}}
+/*# sourceMappingURL=main.446e95b0.css.map*/
\ No newline at end of file
diff --git a/static/css/main.446e95b0.css.map b/static/css/main.446e95b0.css.map
new file mode 100644
index 0000000..ebe0ca2
--- /dev/null
+++ b/static/css/main.446e95b0.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"static/css/main.446e95b0.css","mappings":"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","sources":["index.css","components/Navbar/navbar.css","components/Header/header.css","components/About/about.css","components/ProjectContainer/projectContainer.css","components/Projects/projects.css","components/Skills/skills.css","components/Contact/contact.css","components/Footer/footer.css","components/ScrollToTop/scrollToTop.css","App.css"],"sourcesContent":[":root {\n --ff-primary: \"Poppins\", sans-serif;\n --ff-heading: \"Gloock\", serif;\n\n --fw-heading: 300;\n --fw-normal: 400;\n --fw-semi-bold: 600;\n --fw-bold: 700;\n\n --fs-extra-small: 0.75rem;\n --fs-small: 0.875rem;\n --fs-regular: 1rem;\n --fs-medium: 1.125rem;\n --fs-logo: 1.875rem;\n\n --ls-large: 0.05em;\n --ls-regular: 0.025em;\n\n --header-height: 8em;\n --header-height-mobile: 6em;\n\n --section-width: 80%;\n --max-section-width: 1360px;\n --max-description-width: 600px;\n --max-skills-width: 700px;\n\n --opacity-menu: 0.75;\n\n --gap-about: 2.4em;\n --gap-projects: 2em;\n --gap-skills: 1em;\n --gap-button: 1em;\n\n --border-radius-small: 0.875em;\n --border-radius-regular: 1em;\n\n --padding-small: 1em;\n --padding-medium: 2em;\n --padding-large: 3em;\n\n --margin-extra-small: 0.5em;\n --margin-small: 0.875em;\n --margin-regular: 1em;\n --margin-medium: 1.25em;\n --margin-large: 1.5em;\n --margin-extra-large: 2em;\n --margin-extra-extra-large: 3em;\n\n --clr-dark: #2a2f4c;\n --clr-light: #dee4e7;\n}\n\n*,\n*::before,\n*::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n\npicture,\nsvg {\n display: block;\n max-width: 100%;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\n font: inherit;\n}\n\np,\nh1,\nh2,\nh3 {\n overflow-wrap: break-word;\n}\n\nh1,\nh2,\nh3,\nh4 {\n line-height: 1.2;\n color: var(--clr-fg-alt);\n}\n\nh1 {\n font-size: 4rem;\n}\n\nh2 {\n font-size: 2rem;\n}\n\nh3 {\n font-size: 1.5rem;\n}\n\nul li {\n list-style: none;\n}\n\na {\n text-decoration: none;\n color: inherit;\n}\n\nbutton {\n border: 0;\n color: inherit;\n}\n\na:hover,\nbutton:hover {\n cursor: pointer;\n}\n\n@media (max-width: 900px) {\n h1 {\n font-size: 2.6rem;\n }\n}\n\n@media (max-width: 600px) {\n :root {\n --fs-logo: 1.5rem;\n --fs-medium: 1.25rem;\n }\n}\n",".nav__list {\n display: flex;\n margin-right: var(--margin-regular);\n}\n\n.nav__list-item {\n margin-left: var(--margin-regular);\n font-size: var(--fs-medium);\n}\n\n.app .nav__hamburger {\n display: none;\n}\n\n.nav__theme {\n margin-top: 0.4em;\n background-color: transparent;\n}\n\n@media (max-width: 600px) {\n .nav__list {\n background-color: black;\n opacity: var(--opacity-menu);\n\n display: none;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n position: fixed;\n inset: 0;\n width: 100%;\n height: 100%;\n z-index: 2;\n }\n\n .nav__list-item {\n margin-top: var(--margin-extra-small);\n margin-left: 0;\n }\n\n .nav__list-item a {\n color: var(--clr-nav-item);\n }\n\n .app .nav__hamburger {\n background-color: transparent;\n margin-left: var(--margin-small);\n display: flex;\n z-index: 2;\n }\n}\n",".header {\n height: var(--header-height);\n max-width: var(--max-section-width);\n width: var(--section-width);\n margin: 0 auto;\n justify-content: space-between;\n}\n\n.logo {\n font-size: var(--fs-logo);\n}\n\n@media (max-width: 600px) {\n .header {\n height: var(--header-height-mobile);\n }\n}\n",".about {\n flex-direction: column;\n gap: var(--gap-about);\n}\n\n.about__name {\n color: var(--clr-primary);\n}\n\n.about__desc {\n font-size: var(--fs-regular);\n max-width: var(--max-description-width);\n}\n\n.about__contact {\n display: grid;\n gap: var(--gap-button);\n}\n\n@media (max-width: 600px) {\n .app .about {\n align-items: flex-start;\n margin-top: var(--margin-extra-large);\n }\n\n .about__name {\n display: block;\n }\n}\n",".project {\n border-radius: var(--border-radius-regular);\n padding: var(--padding-medium);\n\n margin: 0 auto;\n text-align: center;\n box-shadow: var(--shadow);\n transition: transform 0.2s linear;\n}\n\n.project:hover {\n transform: translateY(-7px);\n}\n\n.project__description {\n margin-top: var(--margin-regular);\n}\n\n.project__stack {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n margin-block: var(--margin-medium);\n}\n\n.project__stack-item {\n margin: var(--margin-extra-small);\n font-weight: var(--fw-semi-bold);\n font-size: var(--fs-extra-small);\n color: var(--clr-fg-alt);\n}\n\n.project .link--icon {\n margin-left: var(--margin-extra-small);\n}\n",".projects {\n padding-block: var(--padding-medium);\n\n /* That is some magic shit I saw on stack overflow */\n background: var(--clr-bg-alt);\n box-shadow: 0 0 0 100vmax var(--clr-bg-alt);\n clip-path: inset(0 -100vmax);\n}\n\n.projects__grid {\n max-width: var(--max-section-width);\n margin: 0 auto;\n display: grid;\n grid-gap: var(--gap-projects);\n grid-template-columns: repeat(auto-fit, minmax(18em, 1fr));\n}\n",".skills {\n padding-top: var(--padding-small);\n}\n\n.skills__list {\n max-width: var(--max-skills-width);\n margin: 0 auto;\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: var(--gap-skills);\n}\n\n.skills__list-item {\n border-radius: var(--border-radius-small);\n}\n",".contact {\n flex-direction: column;\n padding-top: var(--padding-large);\n}\n",".footer {\n padding: var(--padding-large) 0 var(--padding-medium);\n text-align: center;\n}\n\n.footer__link {\n font-size: var(--fs-small);\n font-weight: var(--fw-semi-bold);\n color: var(--clr-fg);\n}\n\n@media (max-width: 600px) {\n .footer {\n padding: var(--padding-medium);\n margin-top: var(--margin-extra-extra-large);\n }\n}\n",".scroll-top {\n position: fixed;\n bottom: 2em;\n right: 4em;\n background-color: transparent;\n}\n\n@media (max-width: 900px) {\n .scroll-top {\n display: none;\n }\n}\n",".light {\n /* Gradients website: https://mycolor.space/gradient?ori=to+top&hex=%2323283E&hex2=%232A2F4C&sub=1 */\n --clr-bg: radial-gradient(\n circle,\n #ffffff,\n #f8f8f9,\n #f0f1f3,\n #e7eaed,\n #dee4e7\n );\n --clr-bg-alt: #fcfcfc;\n --clr-fg: #555;\n --clr-fg-alt: #444;\n --clr-primary: #516dd3;\n --clr-nav-item: #cccccc;\n --shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;\n}\n\n.dark {\n --clr-bg: radial-gradient(\n circle,\n #23283e,\n #252a41,\n #262c45,\n #282d48,\n #2a2f4c\n );\n --clr-bg-alt: #2a2f4c;\n --clr-fg: #bdbddd;\n --clr-fg-alt: #cdcdff;\n --clr-primary: #90a0d9;\n --clr-nav-item: #bdbddd;\n --shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,\n rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;\n}\n\n.app {\n font-family: var(--ff-primary);\n line-height: 1.5;\n color: var(--clr-fg);\n background: var(--clr-bg);\n}\n\n.section {\n max-width: var(--max-section-width);\n width: var(--section-width);\n margin: 4em auto 0;\n}\n\n.heading-text {\n font-family: var(--ff-heading);\n font-weight: var(--fw-heading);\n letter-spacing: var(--ls-large);\n}\n\n.section__title {\n letter-spacing: var(--ls-regular);\n text-align: center;\n margin-bottom: 1em;\n text-transform: uppercase;\n}\n\n.center {\n display: flex;\n align-items: center;\n}\n\n.link {\n padding: 0 0 0.3em 0;\n position: relative;\n}\n\n.link:hover {\n color: var(--clr-primary);\n}\n\n.link::before {\n content: \"\";\n display: inline;\n width: 0%;\n height: 0.2em;\n position: absolute;\n bottom: 0;\n background-color: var(--clr-primary);\n transition: width 0.2s ease-in;\n}\n\n.link:hover::before,\n.link:focus::before {\n width: 100%;\n}\n\n.link--nav {\n color: var(--clr-fg);\n text-transform: lowercase;\n font-weight: var(--fw-semi-bold);\n}\n\n.link--icon {\n color: var(--clr-fg);\n}\n\n.btn {\n display: block;\n border-radius: 0.875em;\n padding: 0.8em 1.4em;\n font-weight: var(--fw-semi-bold);\n font-size: var(--fs-regular);\n text-transform: lowercase;\n transition: transform 0.2s ease-in-out;\n}\n\n.btn--outline {\n color: var(--clr-primary);\n border: 2px solid var(--clr-primary);\n position: relative;\n overflow: hidden;\n z-index: 1;\n}\n\n.btn--outline:hover,\n.btn--outline:focus {\n color: var(--clr-bg-alt);\n}\n\n.btn--outline:before {\n content: \"\";\n position: absolute;\n background-color: var(--clr-primary);\n right: 100%;\n bottom: 0;\n left: 0;\n top: 0;\n z-index: -1;\n transition: right 0.2s ease-in-out;\n}\n\n.btn--outline:hover:before,\n.btn--outline:focus:before {\n right: 0;\n}\n\n.btn--plain {\n text-transform: initial;\n background-color: var(--clr-bg-alt);\n box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;\n border: 0;\n}\n\n.btn--plain:hover {\n transform: translateY(-4px);\n}\n\n.btn--icon {\n padding: 0;\n}\n\n.btn--icon:hover,\n.btn--icon:focus {\n color: var(--clr-primary);\n}\n\n.btn--icon:active {\n transform: translateY(-5px);\n}\n\n@media (max-width: 900px) {\n .section {\n margin-top: 4rem;\n }\n\n .section__title {\n margin-bottom: 1em;\n }\n}\n\n@media (max-width: 600px) {\n .section {\n margin-top: 2em;\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/css/main.552c18ad.css b/static/css/main.552c18ad.css
deleted file mode 100644
index 3085ce7..0000000
--- a/static/css/main.552c18ad.css
+++ /dev/null
@@ -1,2 +0,0 @@
-:root{--ff-primary:"Inter Tight",sans-serif;--ff-heading:"Gloock",serif;--fw-heading:300;--fw-normal:400;--fw-semi-bold:600;--fw-bold:700;--fs-extra-small:0.75rem;--fs-small:0.875rem;--fs-regular:1rem;--fs-medium:1.125rem;--fs-logo:1.875rem;--ls-large:0.05em;--ls-regular:0.025em;--header-height:8em;--header-height-mobile:6em;--section-width:80%;--max-section-width:1360px;--max-description-width:600px;--max-skills-width:700px;--opacity-menu:0.75;--gap-about:2.4em;--gap-projects:2em;--gap-skills:1em;--gap-button:1em;--border-radius-small:0.875em;--border-radius-regular:1em;--padding-small:1em;--padding-medium:2em;--padding-large:3em;--margin-extra-small:0.5em;--margin-small:0.875em;--margin-regular:1em;--margin-medium:1.25em;--margin-large:1.5em;--margin-extra-large:2em;--margin-extra-extra-large:3em;--clr-dark:#2a2f4c;--clr-light:#dee4e7}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}picture,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3,h4{color:var(--clr-fg-alt);line-height:1.2}h1{font-size:4rem}h2{font-size:2rem}h3{font-size:1.5rem}ul li{list-style:none}a{text-decoration:none}a,button{color:inherit}button{border:0}a:hover,button:hover{cursor:pointer}@media (max-width:900px){h1{font-size:2.6rem}}@media (max-width:600px){:root{--fs-logo:1.5rem;--fs-medium:1.25rem}}.nav__list{display:flex;margin-right:var(--margin-regular)}.nav__list-item{font-size:var(--fs-medium);margin-left:var(--margin-regular)}.app .nav__hamburger{display:none}.nav__theme{background-color:initial;margin-top:.4em}@media (max-width:600px){.nav__list{align-items:center;background-color:#000;display:none;flex-direction:column;height:100%;inset:0;justify-content:center;opacity:var(--opacity-menu);position:fixed;width:100%;z-index:2}.nav__list-item{margin-left:0;margin-top:var(--margin-extra-small)}.nav__list-item a{color:var(--clr-nav-item)}.app .nav__hamburger{background-color:initial;display:flex;margin-left:var(--margin-small);z-index:2}}.header{height:var(--header-height);justify-content:space-between;margin:0 auto;max-width:var(--max-section-width);width:var(--section-width)}.logo{font-size:var(--fs-logo)}@media (max-width:600px){.header{height:var(--header-height-mobile)}}.about{flex-direction:column;gap:var(--gap-about)}.about__name{color:var(--clr-primary)}.about__desc{font-size:var(--fs-regular);max-width:var(--max-description-width)}.about__contact{grid-gap:var(--gap-button);display:grid;gap:var(--gap-button)}@media (max-width:600px){.app .about{align-items:flex-start;margin-top:var(--margin-extra-large)}.about__name{display:block}}.project{border-radius:var(--border-radius-regular);box-shadow:var(--shadow);margin:0 auto;padding:var(--padding-medium);text-align:center;transition:transform .2s linear}.project:hover{transform:translateY(-7px)}.project__description{margin-top:var(--margin-regular)}.project__stack{display:flex;flex-wrap:wrap;justify-content:center;margin-block:var(--margin-medium)}.project__stack-item{color:var(--clr-fg-alt);font-size:var(--fs-extra-small);font-weight:var(--fw-semi-bold);margin:var(--margin-extra-small)}.project .link--icon{margin-left:var(--margin-extra-small)}.projects{background:var(--clr-bg-alt);box-shadow:0 0 0 100vmax var(--clr-bg-alt);-webkit-clip-path:inset(0 -100vmax);clip-path:inset(0 -100vmax);padding-block:var(--padding-medium)}.projects__grid{grid-gap:var(--gap-projects);display:grid;grid-template-columns:repeat(auto-fit,minmax(18em,1fr));margin:0 auto;max-width:var(--max-section-width)}.skills{padding-top:var(--padding-small)}.skills__list{display:flex;flex-wrap:wrap;gap:var(--gap-skills);justify-content:center;margin:0 auto;max-width:var(--max-skills-width)}.skills__list-item{border-radius:var(--border-radius-small)}.contact{flex-direction:column;padding-top:var(--padding-large)}.footer{padding:var(--padding-large) 0 var(--padding-medium);text-align:center}.footer__link{color:var(--clr-fg);font-size:var(--fs-small);font-weight:var(--fw-semi-bold)}@media (max-width:600px){.footer{margin-top:var(--margin-extra-extra-large);padding:var(--padding-medium)}}.scroll-top{background-color:initial;bottom:2em;position:fixed;right:4em}@media (max-width:900px){.scroll-top{display:none}}.light{--clr-bg:radial-gradient(circle,#fff,#f8f8f9,#f0f1f3,#e7eaed,#dee4e7);--clr-bg-alt:#fcfcfc;--clr-fg:#555;--clr-fg-alt:#444;--clr-primary:#516dd3;--clr-nav-item:#ccc;--shadow:#64646f33 0px 7px 29px 0px}.dark{--clr-bg:radial-gradient(circle,#23283e,#252a41,#262c45,#282d48,#2a2f4c);--clr-bg-alt:#2a2f4c;--clr-fg:#bdbddd;--clr-fg-alt:#cdcdff;--clr-primary:#90a0d9;--clr-nav-item:#bdbddd;--shadow:#00000029 0px 10px 36px 0px,#0000000f 0px 0px 0px 1px}.app{background:var(--clr-bg);color:var(--clr-fg);font-family:var(--ff-primary);line-height:1.5}.section{margin:4em auto 0;max-width:var(--max-section-width);width:var(--section-width)}.heading-text{font-family:var(--ff-heading);font-weight:var(--fw-heading);letter-spacing:var(--ls-large)}.section__title{letter-spacing:var(--ls-regular);margin-bottom:1em;text-align:center;text-transform:uppercase}.center{align-items:center;display:flex}.link{padding:0 0 .3em;position:relative}.link:hover{color:var(--clr-primary)}.link:before{background-color:var(--clr-primary);bottom:0;content:"";display:inline;height:.2em;position:absolute;transition:width .2s ease-in;width:0}.link:focus:before,.link:hover:before{width:100%}.link--nav{font-weight:var(--fw-semi-bold);text-transform:lowercase}.link--icon,.link--nav{color:var(--clr-fg)}.btn{border-radius:.875em;display:block;font-size:var(--fs-regular);font-weight:var(--fw-semi-bold);padding:.8em 1.4em;text-transform:lowercase;transition:transform .2s ease-in-out}.btn--outline{border:2px solid var(--clr-primary);color:var(--clr-primary);overflow:hidden;position:relative;z-index:1}.btn--outline:focus,.btn--outline:hover{color:var(--clr-bg-alt)}.btn--outline:before{background-color:var(--clr-primary);bottom:0;content:"";left:0;position:absolute;right:100%;top:0;transition:right .2s ease-in-out;z-index:-1}.btn--outline:focus:before,.btn--outline:hover:before{right:0}.btn--plain{background-color:var(--clr-bg-alt);border:0;box-shadow:0 3px 3px 0 #00000026;text-transform:none}.btn--plain:hover{transform:translateY(-4px)}.btn--icon{padding:0}.btn--icon:focus,.btn--icon:hover{color:var(--clr-primary)}.btn--icon:active{transform:translateY(-5px)}@media (max-width:900px){.section{margin-top:4rem}.section__title{margin-bottom:1em}}@media (max-width:600px){.section{margin-top:2em}}
-/*# sourceMappingURL=main.552c18ad.css.map*/
\ No newline at end of file
diff --git a/static/css/main.552c18ad.css.map b/static/css/main.552c18ad.css.map
deleted file mode 100644
index 4cc02a5..0000000
--- a/static/css/main.552c18ad.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"static/css/main.552c18ad.css","mappings":"AAAA,MACE,qCAAuC,CACvC,2BAA6B,CAE7B,gBAAiB,CACjB,eAAgB,CAChB,kBAAmB,CACnB,aAAc,CAEd,wBAAyB,CACzB,mBAAoB,CACpB,iBAAkB,CAClB,oBAAqB,CACrB,kBAAmB,CAEnB,iBAAkB,CAClB,oBAAqB,CAErB,mBAAoB,CACpB,0BAA2B,CAE3B,mBAAoB,CACpB,0BAA2B,CAC3B,6BAA8B,CAC9B,wBAAyB,CAEzB,mBAAoB,CAEpB,iBAAkB,CAClB,kBAAmB,CACnB,gBAAiB,CACjB,gBAAiB,CAEjB,6BAA8B,CAC9B,2BAA4B,CAE5B,mBAAoB,CACpB,oBAAqB,CACrB,mBAAoB,CAEpB,0BAA2B,CAC3B,sBAAuB,CACvB,oBAAqB,CACrB,sBAAuB,CACvB,oBAAqB,CACrB,wBAAyB,CACzB,8BAA+B,CAE/B,kBAAmB,CACnB,mBACF,CAEA,iBAKE,qBAAsB,CAFtB,QAAS,CACT,SAEF,CAEA,KACE,sBACF,CAEA,YAEE,aAAc,CACd,cACF,CAEA,6BAIE,YACF,CAEA,WAIE,wBACF,CAEA,YAKE,uBAAwB,CADxB,eAEF,CAEA,GACE,cACF,CAEA,GACE,cACF,CAEA,GACE,gBACF,CAEA,MACE,eACF,CAEA,EACE,oBAEF,CAEA,SAHE,aAMF,CAHA,OACE,QAEF,CAEA,qBAEE,cACF,CAEA,yBACE,GACE,gBACF,CACF,CAEA,yBACE,MACE,gBAAiB,CACjB,mBACF,CACF,CCtIA,WACE,YAAa,CACb,kCACF,CAEA,gBAEE,0BAA2B,CAD3B,iCAEF,CAEA,qBACE,YACF,CAEA,YAEE,wBAA6B,CAD7B,eAEF,CAEA,yBACE,WAOE,kBAAmB,CANnB,qBAAuB,CAGvB,YAAa,CACb,qBAAsB,CAMtB,WAAY,CAFZ,OAAQ,CAHR,sBAAuB,CAJvB,2BAA4B,CAM5B,cAAe,CAEf,UAAW,CAEX,SACF,CAEA,gBAEE,aAAc,CADd,oCAEF,CAEA,kBACE,yBACF,CAEA,qBACE,wBAA6B,CAE7B,YAAa,CADb,+BAAgC,CAEhC,SACF,CACF,CClDA,QACE,2BAA4B,CAI5B,6BAA8B,CAD9B,aAAc,CAFd,kCAAmC,CACnC,0BAGF,CAEA,MACE,wBACF,CAEA,yBACE,QACE,kCACF,CACF,CChBA,OACE,qBAAsB,CACtB,oBACF,CAEA,aACE,wBACF,CAEA,aACE,2BAA4B,CAC5B,sCACF,CAEA,gBAEE,0BAAsB,CADtB,YAAa,CACb,qBACF,CAEA,yBACE,YACE,sBAAuB,CACvB,oCACF,CAEA,aACE,aACF,CACF,CC5BA,SACE,0CAA2C,CAK3C,wBAAyB,CAFzB,aAAc,CAFd,6BAA8B,CAG9B,iBAAkB,CAElB,+BACF,CAEA,eACE,0BACF,CAEA,sBACE,gCACF,CAEA,gBACE,YAAa,CACb,cAAe,CACf,sBAAuB,CACvB,iCACF,CAEA,qBAIE,uBAAwB,CADxB,+BAAgC,CADhC,+BAAgC,CADhC,gCAIF,CAEA,qBACE,qCACF,CClCA,UAIE,4BAA6B,CAC7B,0CAA2C,CAC3C,mCAA4B,CAA5B,2BAA4B,CAL5B,mCAMF,CAEA,gBAIE,4BAA6B,CAD7B,YAAa,CAEb,uDAA0D,CAH1D,aAAc,CADd,kCAKF,CCfA,QACE,gCACF,CAEA,cAGE,YAAa,CAEb,cAAe,CACf,qBAAsB,CAFtB,sBAAuB,CAFvB,aAAc,CADd,iCAMF,CAEA,mBACE,wCACF,CCfA,SACE,qBAAsB,CACtB,gCACF,CCHA,QACE,oDAAqD,CACrD,iBACF,CAEA,cAGE,mBAAoB,CAFpB,yBAA0B,CAC1B,+BAEF,CAEA,yBACE,QAEE,0CAA2C,CAD3C,6BAEF,CACF,CChBA,YAIE,wBAA6B,CAF7B,UAAW,CADX,cAAe,CAEf,SAEF,CAEA,yBACE,YACE,YACF,CACF,CCXA,OAEE,qEAOC,CACD,oBAAqB,CACrB,aAAc,CACd,iBAAkB,CAClB,qBAAsB,CACtB,mBAAuB,CACvB,mCACF,CAEA,MACE,wEAOC,CACD,oBAAqB,CACrB,gBAAiB,CACjB,oBAAqB,CACrB,qBAAsB,CACtB,sBAAuB,CACvB,8DAEF,CAEA,KAIE,wBAAyB,CADzB,mBAAoB,CAFpB,6BAA8B,CAC9B,eAGF,CAEA,SAGE,iBAAkB,CAFlB,kCAAmC,CACnC,0BAEF,CAEA,cACE,6BAA8B,CAC9B,6BAA8B,CAC9B,8BACF,CAEA,gBACE,gCAAiC,CAEjC,iBAAkB,CADlB,iBAAkB,CAElB,wBACF,CAEA,QAEE,kBAAmB,CADnB,YAEF,CAEA,MACE,gBAAoB,CACpB,iBACF,CAEA,YACE,wBACF,CAEA,aAOE,mCAAoC,CADpC,QAAS,CALT,UAAW,CACX,cAAe,CAEf,WAAa,CACb,iBAAkB,CAGlB,4BAA8B,CAL9B,OAMF,CAEA,sCAEE,UACF,CAEA,WAGE,+BAAgC,CADhC,wBAEF,CAEA,uBALE,mBAOF,CAEA,KAEE,oBAAsB,CADtB,aAAc,CAId,2BAA4B,CAD5B,+BAAgC,CADhC,kBAAoB,CAGpB,wBAAyB,CACzB,oCACF,CAEA,cAEE,mCAAoC,CADpC,wBAAyB,CAGzB,eAAgB,CADhB,iBAAkB,CAElB,SACF,CAEA,wCAEE,uBACF,CAEA,qBAGE,mCAAoC,CAEpC,QAAS,CAJT,UAAW,CAKX,MAAO,CAJP,iBAAkB,CAElB,UAAW,CAGX,KAAM,CAEN,gCAAkC,CADlC,UAEF,CAEA,sDAEE,OACF,CAEA,YAEE,kCAAmC,CAEnC,QAAS,CADT,gCAA+C,CAF/C,mBAIF,CAEA,kBACE,0BACF,CAEA,WACE,SACF,CAEA,kCAEE,wBACF,CAEA,kBACE,0BACF,CAEA,yBACE,SACE,eACF,CAEA,gBACE,iBACF,CACF,CAEA,yBACE,SACE,cACF,CACF","sources":["index.css","components/Navbar/navbar.css","components/Header/header.css","components/About/about.css","components/ProjectContainer/projectContainer.css","components/Projects/projects.css","components/Skills/skills.css","components/Contact/contact.css","components/Footer/footer.css","components/ScrollToTop/scrollToTop.css","App.css"],"sourcesContent":[":root {\n --ff-primary: \"Inter Tight\", sans-serif;\n --ff-heading: \"Gloock\", serif;\n\n --fw-heading: 300;\n --fw-normal: 400;\n --fw-semi-bold: 600;\n --fw-bold: 700;\n\n --fs-extra-small: 0.75rem;\n --fs-small: 0.875rem;\n --fs-regular: 1rem;\n --fs-medium: 1.125rem;\n --fs-logo: 1.875rem;\n\n --ls-large: 0.05em;\n --ls-regular: 0.025em;\n\n --header-height: 8em;\n --header-height-mobile: 6em;\n\n --section-width: 80%;\n --max-section-width: 1360px;\n --max-description-width: 600px;\n --max-skills-width: 700px;\n\n --opacity-menu: 0.75;\n\n --gap-about: 2.4em;\n --gap-projects: 2em;\n --gap-skills: 1em;\n --gap-button: 1em;\n\n --border-radius-small: 0.875em;\n --border-radius-regular: 1em;\n\n --padding-small: 1em;\n --padding-medium: 2em;\n --padding-large: 3em;\n\n --margin-extra-small: 0.5em;\n --margin-small: 0.875em;\n --margin-regular: 1em;\n --margin-medium: 1.25em;\n --margin-large: 1.5em;\n --margin-extra-large: 2em;\n --margin-extra-extra-large: 3em;\n\n --clr-dark: #2a2f4c;\n --clr-light: #dee4e7;\n}\n\n*,\n*::before,\n*::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n\npicture,\nsvg {\n display: block;\n max-width: 100%;\n}\n\ninput,\nbutton,\ntextarea,\nselect {\n font: inherit;\n}\n\np,\nh1,\nh2,\nh3 {\n overflow-wrap: break-word;\n}\n\nh1,\nh2,\nh3,\nh4 {\n line-height: 1.2;\n color: var(--clr-fg-alt);\n}\n\nh1 {\n font-size: 4rem;\n}\n\nh2 {\n font-size: 2rem;\n}\n\nh3 {\n font-size: 1.5rem;\n}\n\nul li {\n list-style: none;\n}\n\na {\n text-decoration: none;\n color: inherit;\n}\n\nbutton {\n border: 0;\n color: inherit;\n}\n\na:hover,\nbutton:hover {\n cursor: pointer;\n}\n\n@media (max-width: 900px) {\n h1 {\n font-size: 2.6rem;\n }\n}\n\n@media (max-width: 600px) {\n :root {\n --fs-logo: 1.5rem;\n --fs-medium: 1.25rem;\n }\n}\n",".nav__list {\n display: flex;\n margin-right: var(--margin-regular);\n}\n\n.nav__list-item {\n margin-left: var(--margin-regular);\n font-size: var(--fs-medium);\n}\n\n.app .nav__hamburger {\n display: none;\n}\n\n.nav__theme {\n margin-top: 0.4em;\n background-color: transparent;\n}\n\n@media (max-width: 600px) {\n .nav__list {\n background-color: black;\n opacity: var(--opacity-menu);\n\n display: none;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n position: fixed;\n inset: 0;\n width: 100%;\n height: 100%;\n z-index: 2;\n }\n\n .nav__list-item {\n margin-top: var(--margin-extra-small);\n margin-left: 0;\n }\n\n .nav__list-item a {\n color: var(--clr-nav-item);\n }\n\n .app .nav__hamburger {\n background-color: transparent;\n margin-left: var(--margin-small);\n display: flex;\n z-index: 2;\n }\n}\n",".header {\n height: var(--header-height);\n max-width: var(--max-section-width);\n width: var(--section-width);\n margin: 0 auto;\n justify-content: space-between;\n}\n\n.logo {\n font-size: var(--fs-logo);\n}\n\n@media (max-width: 600px) {\n .header {\n height: var(--header-height-mobile);\n }\n}\n",".about {\n flex-direction: column;\n gap: var(--gap-about);\n}\n\n.about__name {\n color: var(--clr-primary);\n}\n\n.about__desc {\n font-size: var(--fs-regular);\n max-width: var(--max-description-width);\n}\n\n.about__contact {\n display: grid;\n gap: var(--gap-button);\n}\n\n@media (max-width: 600px) {\n .app .about {\n align-items: flex-start;\n margin-top: var(--margin-extra-large);\n }\n\n .about__name {\n display: block;\n }\n}\n",".project {\n border-radius: var(--border-radius-regular);\n padding: var(--padding-medium);\n\n margin: 0 auto;\n text-align: center;\n box-shadow: var(--shadow);\n transition: transform 0.2s linear;\n}\n\n.project:hover {\n transform: translateY(-7px);\n}\n\n.project__description {\n margin-top: var(--margin-regular);\n}\n\n.project__stack {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n margin-block: var(--margin-medium);\n}\n\n.project__stack-item {\n margin: var(--margin-extra-small);\n font-weight: var(--fw-semi-bold);\n font-size: var(--fs-extra-small);\n color: var(--clr-fg-alt);\n}\n\n.project .link--icon {\n margin-left: var(--margin-extra-small);\n}\n",".projects {\n padding-block: var(--padding-medium);\n\n /* That is some magic shit I saw on stack overflow */\n background: var(--clr-bg-alt);\n box-shadow: 0 0 0 100vmax var(--clr-bg-alt);\n clip-path: inset(0 -100vmax);\n}\n\n.projects__grid {\n max-width: var(--max-section-width);\n margin: 0 auto;\n display: grid;\n grid-gap: var(--gap-projects);\n grid-template-columns: repeat(auto-fit, minmax(18em, 1fr));\n}\n",".skills {\n padding-top: var(--padding-small);\n}\n\n.skills__list {\n max-width: var(--max-skills-width);\n margin: 0 auto;\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: var(--gap-skills);\n}\n\n.skills__list-item {\n border-radius: var(--border-radius-small);\n}\n",".contact {\n flex-direction: column;\n padding-top: var(--padding-large);\n}\n",".footer {\n padding: var(--padding-large) 0 var(--padding-medium);\n text-align: center;\n}\n\n.footer__link {\n font-size: var(--fs-small);\n font-weight: var(--fw-semi-bold);\n color: var(--clr-fg);\n}\n\n@media (max-width: 600px) {\n .footer {\n padding: var(--padding-medium);\n margin-top: var(--margin-extra-extra-large);\n }\n}\n",".scroll-top {\n position: fixed;\n bottom: 2em;\n right: 4em;\n background-color: transparent;\n}\n\n@media (max-width: 900px) {\n .scroll-top {\n display: none;\n }\n}\n",".light {\n /* Gradients website: https://mycolor.space/gradient?ori=to+top&hex=%2323283E&hex2=%232A2F4C&sub=1 */\n --clr-bg: radial-gradient(\n circle,\n #ffffff,\n #f8f8f9,\n #f0f1f3,\n #e7eaed,\n #dee4e7\n );\n --clr-bg-alt: #fcfcfc;\n --clr-fg: #555;\n --clr-fg-alt: #444;\n --clr-primary: #516dd3;\n --clr-nav-item: #cccccc;\n --shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;\n}\n\n.dark {\n --clr-bg: radial-gradient(\n circle,\n #23283e,\n #252a41,\n #262c45,\n #282d48,\n #2a2f4c\n );\n --clr-bg-alt: #2a2f4c;\n --clr-fg: #bdbddd;\n --clr-fg-alt: #cdcdff;\n --clr-primary: #90a0d9;\n --clr-nav-item: #bdbddd;\n --shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,\n rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;\n}\n\n.app {\n font-family: var(--ff-primary);\n line-height: 1.5;\n color: var(--clr-fg);\n background: var(--clr-bg);\n}\n\n.section {\n max-width: var(--max-section-width);\n width: var(--section-width);\n margin: 4em auto 0;\n}\n\n.heading-text {\n font-family: var(--ff-heading);\n font-weight: var(--fw-heading);\n letter-spacing: var(--ls-large);\n}\n\n.section__title {\n letter-spacing: var(--ls-regular);\n text-align: center;\n margin-bottom: 1em;\n text-transform: uppercase;\n}\n\n.center {\n display: flex;\n align-items: center;\n}\n\n.link {\n padding: 0 0 0.3em 0;\n position: relative;\n}\n\n.link:hover {\n color: var(--clr-primary);\n}\n\n.link::before {\n content: \"\";\n display: inline;\n width: 0%;\n height: 0.2em;\n position: absolute;\n bottom: 0;\n background-color: var(--clr-primary);\n transition: width 0.2s ease-in;\n}\n\n.link:hover::before,\n.link:focus::before {\n width: 100%;\n}\n\n.link--nav {\n color: var(--clr-fg);\n text-transform: lowercase;\n font-weight: var(--fw-semi-bold);\n}\n\n.link--icon {\n color: var(--clr-fg);\n}\n\n.btn {\n display: block;\n border-radius: 0.875em;\n padding: 0.8em 1.4em;\n font-weight: var(--fw-semi-bold);\n font-size: var(--fs-regular);\n text-transform: lowercase;\n transition: transform 0.2s ease-in-out;\n}\n\n.btn--outline {\n color: var(--clr-primary);\n border: 2px solid var(--clr-primary);\n position: relative;\n overflow: hidden;\n z-index: 1;\n}\n\n.btn--outline:hover,\n.btn--outline:focus {\n color: var(--clr-bg-alt);\n}\n\n.btn--outline:before {\n content: \"\";\n position: absolute;\n background-color: var(--clr-primary);\n right: 100%;\n bottom: 0;\n left: 0;\n top: 0;\n z-index: -1;\n transition: right 0.2s ease-in-out;\n}\n\n.btn--outline:hover:before,\n.btn--outline:focus:before {\n right: 0;\n}\n\n.btn--plain {\n text-transform: initial;\n background-color: var(--clr-bg-alt);\n box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;\n border: 0;\n}\n\n.btn--plain:hover {\n transform: translateY(-4px);\n}\n\n.btn--icon {\n padding: 0;\n}\n\n.btn--icon:hover,\n.btn--icon:focus {\n color: var(--clr-primary);\n}\n\n.btn--icon:active {\n transform: translateY(-5px);\n}\n\n@media (max-width: 900px) {\n .section {\n margin-top: 4rem;\n }\n\n .section__title {\n margin-bottom: 1em;\n }\n}\n\n@media (max-width: 600px) {\n .section {\n margin-top: 2em;\n }\n}\n"],"names":[],"sourceRoot":""}
\ No newline at end of file