diff --git a/CNAME b/CNAME deleted file mode 100644 index 6a4fbe8..0000000 --- a/CNAME +++ /dev/null @@ -1 +0,0 @@ -www.thompsoncole.com \ No newline at end of file diff --git a/asset-manifest.json b/asset-manifest.json index c4b16d8..36a4d47 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,27 +1,28 @@ { "files": { - "main.css": "/static/css/main.fa44481f.css", - "main.js": "/static/js/main.0a5ddbce.js", + "main.css": "/static/css/main.344cb0c7.css", + "main.js": "/static/js/main.425b133e.js", "static/media/updated.jpeg": "/static/media/updated.70fae11a82b99bcb54a9.jpeg", - "static/media/ball1.png": "/static/media/ball1.7c508577df4b2aa12e4e.png", - "static/media/chat2.png": "/static/media/chat2.cdd9b524359623210fbc.png", - "static/media/chat1.png": "/static/media/chat1.e7880a5f3f9f9aba3f40.png", - "static/media/chat3.png": "/static/media/chat3.97548af4c8a19382805c.png", + "static/media/fabflix3.png": "/static/media/fabflix3.7ddf4caeedf0bf8d1db3.png", "static/media/firecrest3.png": "/static/media/firecrest3.aa126a1c68013478db52.png", "static/media/firecrest2.png": "/static/media/firecrest2.410951f4254b16b3dbb9.png", "static/media/firecrest4.png": "/static/media/firecrest4.6ea094541daf5b88ef63.png", + "static/media/fabflix2.png": "/static/media/fabflix2.90676307583585d0f9e7.png", "static/media/search2.png": "/static/media/search2.12435393c3b64423b6ee.png", - "static/media/plate1.png": "/static/media/plate1.33bd6622120964b07373.png", + "static/media/fabflix4.png": "/static/media/fabflix4.aa29d96cb43504b1d2a6.png", + "static/media/fabflix7.png": "/static/media/fabflix7.9c79ff6ac56dabca9e1f.png", "static/media/search1.png": "/static/media/search1.70ce5a81b97bbda35d0e.png", + "static/media/fabflix5.png": "/static/media/fabflix5.845dc512751d1cade264.png", "static/media/firecrest1.png": "/static/media/firecrest1.52d6a4b82cdd7872ef54.png", - "static/media/Resume.pdf": "/static/media/Resume.f51daadc0bcd42495de4.pdf", - "static/media/plate2.png": "/static/media/plate2.c170024de4e3e6b13788.png", + "static/media/fabflix1.png": "/static/media/fabflix1.05dfed41f8fc1100d1a8.png", + "static/media/fabflix6.png": "/static/media/fabflix6.44d2a33e821c59135c7b.png", + "static/media/Resume.pdf": "/static/media/Resume.b92b517eb2e69d352d0b.pdf", "index.html": "/index.html", - "main.fa44481f.css.map": "/static/css/main.fa44481f.css.map", - "main.0a5ddbce.js.map": "/static/js/main.0a5ddbce.js.map" + "main.344cb0c7.css.map": "/static/css/main.344cb0c7.css.map", + "main.425b133e.js.map": "/static/js/main.425b133e.js.map" }, "entrypoints": [ - "static/css/main.fa44481f.css", - "static/js/main.0a5ddbce.js" + "static/css/main.344cb0c7.css", + "static/js/main.425b133e.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 640c88b..4b434ad 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Cole Thompson | Portfolio
\ No newline at end of file +Cole Thompson | Portfolio
\ No newline at end of file diff --git a/static/css/main.344cb0c7.css b/static/css/main.344cb0c7.css new file mode 100644 index 0000000..9034f7d --- /dev/null +++ b/static/css/main.344cb0c7.css @@ -0,0 +1,2 @@ +.nav{align-items:center;color:var(--icon-color);display:flex;justify-content:flex-end}.nav__list{display:flex;gap:20px;list-style:none}.nav__list-item{display:inline}.link--nav{color:var(--icon-color);font-size:18px;text-decoration:none;transition:color .3s ease}.link--nav:hover{color:#ddd}.btn{background:none;border:none}.btn--icon{color:var(--icon-color);font-size:24px}.center{text-align:center}.nav__hamburger,.nav__theme{margin-left:20px}.nav__list-item:last-child{margin-right:20px}.header{align-items:center;height:8em;justify-content:space-between;margin:0 auto;max-width:1100px;width:95%}.header a.link{text-decoration:none}@media (max-width:600px){.header{height:6em}}.about{flex-direction:column;margin-top:3em;padding:0;text-align:left}.about__content{align-items:center;display:flex;justify-content:space-between;padding-right:0}.img-wrapper{display:inline-block;-webkit-filter:drop-shadow(0 0 10px rgba(0,0,0,.2));filter:drop-shadow(0 0 10px rgba(0,0,0,.2));flex-shrink:0;height:250px;width:250px}.img-wrapper img{-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:block;height:auto;object-fit:cover;width:100%}.about__role{font-size:1.3em;margin-top:0}.about__desc{font-size:1rem;max-width:600px}.about__contact,.about__desc{display:flex;margin-top:2.4em}.about__contact a{text-decoration:none}.about .link--icon{margin-right:.8em}.about .btn--outline{margin-right:1em}@media (max-width:600px){.app .about{align-items:flex-start;margin-top:2em}}.about__text{color:var(--clr-fg)}.about__name{color:var(--clr-primary)}.about__desc{display:inline}.description-container{display:inline-block;width:70%}.typing-indicator{bottom:-3px;position:relative}.typing-indicator:after{-webkit-animation:typing-indicator-animation 1s step-end infinite;animation:typing-indicator-animation 1s step-end infinite;background:var(--clr-fg);bottom:0;content:"";display:inline-block;height:18px;position:relative;width:2px}@-webkit-keyframes typing-indicator-animation{0%,80%,to{opacity:0}50%{opacity:1}}@keyframes typing-indicator-animation{0%,80%,to{opacity:0}50%{opacity:1}}.project{align-items:flex-start;background-color:var(--clr-bg-alt);box-shadow:var(--shadow);display:flex;justify-content:space-between;margin:0 auto;overflow:hidden;padding:2em;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.project,.project:focus{outline:none}.project:hover{-webkit-transform:translateY(-7px);transform:translateY(-7px)}.project__description{flex:1 1;margin-right:20px;text-align:left}.project__stack{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:1.2em 0}.project__stack-item{color:var(--clr-fg-alt);font-size:.8rem;font-weight:500;line-height:1.5;margin:.75em}.project .link--icon{margin-left:.5em}.project__demo{flex:1 1;text-align:center;width:50%}.project__demo img{border:.25px solid gray;border-radius:10px;height:auto;margin-top:30px;max-height:600px;width:100%}.project__dots{padding:10px 0;text-align:center}.dot{background-color:#bbb;border-radius:50%;cursor:pointer;display:inline-block;height:10px;margin:0 5px;width:10px}.dot.active{background-color:#717171}.project__demo.mobile-app img{height:300px;max-width:30%;object-fit:cover}.project__demo.mobile-app{align-self:center}.projects__grid{grid-gap:2em;display:grid;grid-template-columns:1fr;margin:4em auto 0;max-width:100%;text-align:left}.project_description{margin-top:50px;text-align:center}.experience__header{color:gray;display:flex;justify-content:space-between;margin-bottom:.5em}.experience__date,.experience__position{color:gray;font-size:1rem}.experience__position{text-align:right}.experience__bullets{list-style-type:disc;margin-bottom:1em;padding-left:1.5em}.experience__bullet{color:var(--clr-fg);font-size:1rem;margin-bottom:.5em}.experience__stack{display:flex;flex-wrap:wrap;gap:.5em;margin-bottom:1em}.experience__stack-item{background-color:var(--clr-bg-alt);border-radius:5px;color:var(--clr-fg-alt);font-size:.9rem;padding:.5em 1em}.skills__list{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:700px;padding:0;width:100%}.skills__list-item{margin:.5em}.skill-item{align-items:center;display:flex;flex-direction:column}.scroll-top{background-color:initial;bottom:2em;position:fixed;right:4em}@media (max-width:900px){.scroll-top{display:none}}.contact{flex-direction:column}.contact a{text-decoration:none}.footer{margin-top:4em;padding:3em 0;text-align:center}.footer__link{color:var(--clr-fg);font-size:.9rem;font-weight:600;text-decoration:none}@media (max-width:600px){.footer{margin-top:3em;padding:2em}}.app{background-color:var(--clr-bg);background-image:radial-gradient(var(--clr-haha) 1px,transparent 1px),radial-gradient(var(--clr-haha) 1px,transparent 1px);background-size:30px 30px;color:var(--clr-fg);font-family:Poppins,sans-serif;height:100%;line-height:1.5;position:fixed;width:100%}.content{height:100%;overflow:auto}.light{--clr-bg:#fcfcfc;--clr-bg-alt:#fff;--clr-fg:#555;--clr-fg-alt:#444;--clr-haha:rgba(0,0,0,.1);--clr-primary:#2978b5;--shadow:hsla(240,5%,41%,.2) 0px 7px 29px 0px}.dark{--clr-bg:#23283e;--clr-bg-alt:#2a2f4c;--clr-fg:#bdbddd;--clr-fg-alt:#cdcdff;--clr-haha:#cdcdff1b;--clr-primary:#90a0d9;--shadow:rgba(0,0,0,.16) 0px 10px 36px 0px,rgba(0,0,0,.06) 0px 0px 0px 1px}main{margin:0 auto;max-width:1100px;width:100%}.section{margin-top:5em}.section__title{margin-bottom:1em;text-align:center}.center{align-items:left;display:flex}.link{padding:0 0 .3em;position:relative}.link,.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:500}.link--icon,.link--nav{color:var(--clr-fg)}.btn{cursor:pointer;display:block;font-size:.9rem;font-weight:500;margin-left:auto;margin-right:auto;padding:.8em 1.4em;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.btn--outline{align-items:center;border:1px solid var(--clr-fg);color:var(--clr-fg);height:20px;overflow:hidden;position:relative;width:70px;z-index:1}.btn--outline:focus,.btn--outline:hover{color:var(--clr-bg)}.btn--outline:before{background-color:var(--clr-primary);bottom:0;content:"";left:0;position:absolute;right:100%;top:0;transition:right .5s 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 rgba(0,0,0,.15);text-transform:none}.btn--plain:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.btn--icon{padding:0}.btn--icon:focus,.btn--icon:hover{color:var(--clr-primary)}.btn--icon:active{-webkit-transform:translateY(-5px);transform:translateY(-5px)}@media (max-width:600px){.section{margin-top:4em}} +/*# sourceMappingURL=main.344cb0c7.css.map*/ \ No newline at end of file diff --git a/static/css/main.344cb0c7.css.map b/static/css/main.344cb0c7.css.map new file mode 100644 index 0000000..f09900b --- /dev/null +++ b/static/css/main.344cb0c7.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.344cb0c7.css","mappings":"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","sources":["components/Navbar/Navbar.css","components/Header/Header.css","components/About/About.css","components/ProjectContainer/ProjectContainer.css","components/Projects/Projects.css","components/Experience/Experience.css","components/Skills/Skills.css","components/ScrollToTop/ScrollToTop.css","components/Contact/Contact.css","components/Footer/Footer.css","App.css"],"sourcesContent":[".nav {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n color: var(--icon-color);\n}\n\n.nav__list {\n list-style: none;\n display: flex;\n gap: 20px;\n}\n\n.nav__list-item {\n display: inline;\n}\n\n.link--nav {\n color: var(--icon-color);\n text-decoration: none;\n font-size: 18px;\n transition: color 0.3s ease;\n}\n\n.link--nav:hover {\n color: #ddd;\n}\n\n.btn {\n background: none;\n border: none;\n cursor: pointer;\n}\n\n.btn--icon {\n font-size: 24px;\n color: var(--icon-color);\n}\n\n.center {\n text-align: center;\n}\n\n.nav__theme, .nav__hamburger {\n margin-left: 20px;\n}\n\n.nav__list-item:last-child {\n margin-right: 20px;\n}\n",".header {\n height: 8em;\n max-width: 1100px;\n width: 95%;\n margin: 0 auto;\n justify-content: space-between;\n align-items: center;\n /* position: fixed; */\n}\n\n.header a.link {\n text-decoration: none;\n}\n\n@media (max-width: 600px) {\n .header {\n height: 6em;\n }\n}",".about {\n flex-direction: column;\n margin-top: 3em;\n text-align: left;\n padding: 0px;\n}\n\n.about__content {\n display: flex;\n align-items: center; \n justify-content: space-between; \n padding-right: 0px; \n}\n\n\n\n.img-wrapper {\n width: 250px;\n height: 250px; /* Set this to the desired size of your image */\n display: inline-block; /* This makes the div fit the size of the content */\n filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));\n flex-shrink: 0; /* Prevents the image from shrinking */\n}\n\n.img-wrapper img {\n width: 100%;\n height: auto;\n display: block; /* Removes bottom space */\n object-fit: cover; /* This will make the image cover the entire space of the div, potentially cropping it */\n clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\n}\n\n\n\n.about__name {\n color: var(--clr-primary);\n}\n\n.about__role {\n margin-top: 0em;\n font-size: 1.3em;\n}\n\n.about__desc {\n font-size: 1rem;\n max-width: 600px;\n}\n\n.about__desc,\n.about__contact {\n margin-top: 2.4em;\n display: flex;\n}\n\n.about__contact a {\n text-decoration: none;\n}\n\n.about .link--icon {\n margin-right: 0.8em;\n}\n\n.about .btn--outline {\n margin-right: 1em;\n}\n\n@media (max-width: 600px) {\n .app .about {\n align-items: flex-start;\n margin-top: 2em;\n }\n}\n\n\n.about__text {\n color: var(--clr-fg);\n}\n\n.about__name {\n color: var(--clr-primary)\n}\n\n.about__desc {\n display: inline;\n}\n\n.description-container {\n display: inline-block;\n width: 70%; /* adjust this to control the width of your paragraph */\n}\n\n.typing-indicator {\n position: relative;\n bottom: -3px;\n}\n\n.typing-indicator::after {\n content: '';\n display: inline-block;\n width: 2px;\n height: 18px;\n background: var(--clr-fg); /* Change this to match the color of your text */\n position: relative;\n bottom: 0px;\n animation: typing-indicator-animation 1s step-end infinite;\n}\n\n@keyframes typing-indicator-animation {\n 0%, 80%, 100% { opacity: 0; }\n 50% { opacity: 1; }\n}",".project {\n display: flex;\n align-items: flex-start; /* Ensure top alignment */\n justify-content: space-between; /* Keep items spaced out */\n padding: 2em;\n margin: 0 auto;\n box-shadow: var(--shadow);\n transition: transform 0.2s linear;\n background-color: var(--clr-bg-alt);\n overflow: hidden; /* Hide any overflow */\n outline: none; /* Remove focus outline */\n}\n\n.project:focus {\n outline: none; /* Ensure focus outline is removed */\n}\n\n.project:hover {\n transform: translateY(-7px);\n}\n\n.project__description {\n flex: 1; /* Gives text a flexible width, but not as wide as images */\n text-align: left; /* Align text to the left */\n margin-right: 20px; /* Space between text and image */\n}\n\n.project__stack {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start; /* Align stack items at the start */\n margin: 1.2em 0;\n}\n\n.project__stack-item {\n line-height: 1.5; /* Improved readability */\n margin: 0.75em; /* Consistent margin */\n font-weight: 500;\n font-size: 0.8rem;\n color: var(--clr-fg-alt);\n}\n\n.project .link--icon {\n margin-left: 0.5em;\n}\n\n.project__demo {\n flex: 1; /* Gives the image area flexible width up to half of the container */\n width: 50%; /* Explicitly define width to half of the container */\n text-align: center; /* Center the image or video */\n}\n\n.project__demo img {\n margin-top: 30px;\n width: 100%; /* Full width of its container */\n height: auto; /* Maintain aspect ratio */\n max-height: 600px; /* Control maximum height */\n border-radius: 10px;\n border: .25px solid gray;\n}\n\n.project__dots {\n text-align: center;\n padding: 10px 0;\n}\n\n.dot {\n height: 10px;\n width: 10px;\n margin: 0 5px;\n background-color: #bbb;\n border-radius: 50%;\n display: inline-block;\n cursor: pointer;\n}\n\n.dot.active {\n background-color: #717171;\n}\n\n.project__demo.mobile-app img {\n max-width: 30%; /* Keep the width adjustment for mobile app specific styling */\n height: 300px; /* Ensure mobile app images also have the same height */\n object-fit: cover; /* Adjusts the content of the image to fit the container */\n}\n\n.project__demo.mobile-app {\n align-self: center; /* Center the demo in the container */\n}\n",".projects__grid {\n max-width: 100%;\n margin: 0 auto;\n margin-top: 4em;\n display: grid;\n grid-template-columns: 1fr; /* One column layout */\n grid-gap: 2em;\n text-align: left;\n}\n\n.project_description {\n /* center but only if the html tag is type p*/\n margin-top: 50px;\n text-align: center;\n}","\n\n.experience__header {\n display: flex;\n justify-content: space-between;\n margin-bottom: 0.5em;\n color: gray;\n }\n\n \n .experience__date {\n font-size: 1rem;\n color: gray;\n }\n \n .experience__position {\n font-size: 1rem;\n color: gray;\n text-align: right;\n }\n \n .experience__bullets {\n list-style-type: disc;\n padding-left: 1.5em;\n margin-bottom: 1em;\n }\n \n .experience__bullet {\n font-size: 1rem;\n color: var(--clr-fg);\n margin-bottom: 0.5em;\n }\n \n .experience__stack {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5em;\n margin-bottom: 1em;\n }\n \n .experience__stack-item {\n background-color: var(--clr-bg-alt);\n padding: 0.5em 1em;\n border-radius: 5px;\n font-size: 0.9rem;\n color: var(--clr-fg-alt);\n }\n ",".skills__list {\n max-width: 700px;\n width: 100%;\n margin: 0 auto;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center; /* add this line */\n padding: 0;\n}\n\n \n.skills__list-item {\n margin: 0.5em;\n}\n\n.skill-item {\n display: flex;\n flex-direction: column;\n align-items: center;\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 }",".contact {\n flex-direction: column;\n}\n\n.contact a {\n text-decoration: none;\n}",".footer {\n padding: 3em 0;\n margin-top: 4em;\n text-align: center;\n}\n\n.footer__link {\n font-size: 0.9rem;\n font-weight: 600;\n color: var(--clr-fg);\n text-decoration: none;\n}\n\n@media (max-width: 600px) {\n .footer {\n padding: 2em;\n margin-top: 3em;\n }\n}",".app {\n font-family: 'Poppins', sans-serif;\n line-height: 1.5;\n color: var(--clr-fg);\n background-color: var(--clr-bg);\n position: fixed;\n width: 100%;\n height: 100%;\n\n background-image: radial-gradient(var(--clr-haha) 1px, transparent 1px), \n radial-gradient(var(--clr-haha) 1px, transparent 1px);\n background-size: 30px 30px; \n /* background-position: 0 0, 15px 15px; */\n\n}\n\n.content {\n height: 100%;\n overflow: auto;\n}\n\n.light {\n --clr-bg: #fcfcfc;\n --clr-bg-alt: #fff;\n --clr-fg: #555;\n --clr-fg-alt: #444;\n --clr-haha: rgba(0, 0, 0, 0.1);\n --clr-primary: #2978b5;\n --shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;\n}\n\n.dark {\n --clr-bg: #23283e;\n --clr-bg-alt: #2a2f4c;\n --clr-fg: #bdbddd;\n --clr-fg-alt: #cdcdff;\n --clr-haha: #cdcdff1b;\n --clr-primary: #90a0d9;\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\nmain {\n max-width: 1100px;\n width: 100%;\n margin: 0 auto;\n}\n\n.section {\n margin-top: 5em;\n}\n\n.section__title {\n text-align: center;\n margin-bottom: 1em;\n}\n\n.center {\n display: flex;\n align-items: left;\n}\n\n.link {\n color: var(--clr-primary);\n padding: 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 font-weight: 500;\n}\n\n.link--icon {\n color: var(--clr-fg);\n}\n\n.btn {\n display: block;\n cursor: pointer;\n padding: 0.8em 1.4em;\n font-weight: 500;\n font-size: 0.9rem;\n transition: transform 0.2s ease-in-out;\n margin-left: auto;\n margin-right: auto;\n}\n\n.btn--outline {\n color: var(--clr-fg);\n border: 1px solid var(--clr-fg);\n position: relative;\n overflow: hidden;\n z-index: 1;\n width: 70px;\n height: 20px;\n align-items: center;\n}\n\n.btn--outline:hover,\n.btn--outline:focus {\n color: var(--clr-bg);\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 .5s 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: 600px) {\n .section {\n margin-top: 4em;\n }\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.fa44481f.css b/static/css/main.fa44481f.css deleted file mode 100644 index 8b4c986..0000000 --- a/static/css/main.fa44481f.css +++ /dev/null @@ -1,2 +0,0 @@ -.nav{align-items:center;color:var(--icon-color);display:flex;justify-content:flex-end}.nav__list{display:flex;gap:20px;list-style:none}.nav__list-item{display:inline}.link--nav{color:var(--icon-color);font-size:18px;text-decoration:none;transition:color .3s ease}.link--nav:hover{color:#ddd}.btn{background:none;border:none}.btn--icon{color:var(--icon-color);font-size:24px}.center{text-align:center}.nav__hamburger,.nav__theme{margin-left:20px}.nav__list-item:last-child{margin-right:20px}.header{align-items:center;height:8em;justify-content:space-between;margin:0 auto;max-width:1100px;width:95%}.header a.link{text-decoration:none}@media (max-width:600px){.header{height:6em}}.about{flex-direction:column;margin-top:3em;padding:0;text-align:left}.about__content{align-items:center;display:flex;justify-content:space-between;padding-right:0}.img-wrapper{display:inline-block;-webkit-filter:drop-shadow(0 0 10px rgba(0,0,0,.2));filter:drop-shadow(0 0 10px rgba(0,0,0,.2));flex-shrink:0;height:250px;width:250px}.img-wrapper img{-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:block;height:auto;object-fit:cover;width:100%}.about__role{font-size:1.3em;margin-top:0}.about__desc{font-size:1rem;max-width:600px}.about__contact,.about__desc{display:flex;margin-top:2.4em}.about__contact a{text-decoration:none}.about .link--icon{margin-right:.8em}.about .btn--outline{margin-right:1em}@media (max-width:600px){.app .about{align-items:flex-start;margin-top:2em}}.about__text{color:var(--clr-fg)}.about__name{color:var(--clr-primary)}.about__desc{display:inline}.description-container{display:inline-block;width:70%}.typing-indicator{bottom:-3px;position:relative}.typing-indicator:after{-webkit-animation:typing-indicator-animation 1s step-end infinite;animation:typing-indicator-animation 1s step-end infinite;background:var(--clr-fg);bottom:0;content:"";display:inline-block;height:18px;position:relative;width:2px}@-webkit-keyframes typing-indicator-animation{0%,80%,to{opacity:0}50%{opacity:1}}@keyframes typing-indicator-animation{0%,80%,to{opacity:0}50%{opacity:1}}.project{align-items:flex-start;background-color:var(--clr-bg);box-shadow:var(--shadow);display:flex;justify-content:space-between;margin:0 auto;overflow:hidden;padding:2em;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.project:hover{-webkit-transform:translateY(-7px);transform:translateY(-7px)}.project__description{flex:1 1;margin-right:20px;text-align:left}.project__stack{display:flex;flex-wrap:wrap;justify-content:flex-start;margin:1.2em 0}.project__stack-item{color:var(--clr-fg-alt);font-size:.8rem;font-weight:500;line-height:1.5;margin:.75em}.project .link--icon{margin-left:.5em}.project__demo{flex:1 1;text-align:center;width:50%}.project__demo img{border:.25px solid gray;border-radius:10px;height:auto;margin-top:30px;max-height:600px;width:100%}.project__dots{padding:10px 0;text-align:center}.dot{background-color:#bbb;border-radius:50%;cursor:pointer;display:inline-block;height:10px;margin:0 5px;width:10px}.dot.active{background-color:#717171}.project__demo.mobile-app img{height:300px;max-width:30%;object-fit:cover}.project__demo.mobile-app{align-self:center}.projects__grid{grid-gap:2em;display:grid;grid-template-columns:1fr;margin:4em auto 0;max-width:100%}.skills__list{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:700px;padding:0;width:100%}.skills__list-item{margin:.5em}.skill-item{align-items:center;display:flex;flex-direction:column}.scroll-top{background-color:initial;bottom:2em;position:fixed;right:4em}@media (max-width:900px){.scroll-top{display:none}}.contact{flex-direction:column}.contact a{text-decoration:none}.footer{margin-top:4em;padding:3em 0;text-align:center}.footer__link{color:var(--clr-fg);font-size:.9rem;font-weight:600;text-decoration:none}@media (max-width:600px){.footer{margin-top:3em;padding:2em}}.app{background-color:var(--clr-bg);background-image:radial-gradient(var(--clr-haha) 1px,transparent 1px),radial-gradient(var(--clr-haha) 1px,transparent 1px);background-size:30px 30px;color:var(--clr-fg);font-family:Poppins,sans-serif;height:100%;line-height:1.5;position:fixed;width:100%}.content{height:100%;overflow:auto}.light{--clr-bg:#fcfcfc;--clr-bg-alt:#fff;--clr-fg:#555;--clr-fg-alt:#444;--clr-haha:rgba(0,0,0,.1);--clr-primary:#2978b5;--shadow:hsla(240,5%,41%,.2) 0px 7px 29px 0px}.dark{--clr-bg:#23283e;--clr-bg-alt:#2a2f4c;--clr-fg:#bdbddd;--clr-fg-alt:#cdcdff;--clr-haha:#cdcdff1b;--clr-primary:#90a0d9;--shadow:rgba(0,0,0,.16) 0px 10px 36px 0px,rgba(0,0,0,.06) 0px 0px 0px 1px}main{margin:0 auto;max-width:1100px;width:100%}.section{margin-top:5em}.section__title{margin-bottom:1em;text-align:center}.center{align-items:left;display:flex}.link{padding:0 0 .3em;position:relative}.link,.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:500}.link--icon,.link--nav{color:var(--clr-fg)}.btn{cursor:pointer;display:block;font-size:.9rem;font-weight:500;margin-left:auto;margin-right:auto;padding:.8em 1.4em;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.btn--outline{align-items:center;border:1px solid var(--clr-fg);color:var(--clr-fg);height:20px;overflow:hidden;position:relative;width:70px;z-index:1}.btn--outline:focus,.btn--outline:hover{color:var(--clr-bg)}.btn--outline:before{background-color:var(--clr-primary);bottom:0;content:"";left:0;position:absolute;right:100%;top:0;transition:right .5s 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 rgba(0,0,0,.15);text-transform:none}.btn--plain:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}.btn--icon{padding:0}.btn--icon:focus,.btn--icon:hover{color:var(--clr-primary)}.btn--icon:active{-webkit-transform:translateY(-5px);transform:translateY(-5px)}@media (max-width:600px){.section{margin-top:4em}} -/*# sourceMappingURL=main.fa44481f.css.map*/ \ No newline at end of file diff --git a/static/css/main.fa44481f.css.map b/static/css/main.fa44481f.css.map deleted file mode 100644 index 0c598b1..0000000 --- a/static/css/main.fa44481f.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.fa44481f.css","mappings":"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","sources":["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/ScrollToTop/ScrollToTop.css","components/Contact/Contact.css","components/Footer/Footer.css","App.css"],"sourcesContent":[".nav {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n color: var(--icon-color);\n}\n\n.nav__list {\n list-style: none;\n display: flex;\n gap: 20px;\n}\n\n.nav__list-item {\n display: inline;\n}\n\n.link--nav {\n color: var(--icon-color);\n text-decoration: none;\n font-size: 18px;\n transition: color 0.3s ease;\n}\n\n.link--nav:hover {\n color: #ddd;\n}\n\n.btn {\n background: none;\n border: none;\n cursor: pointer;\n}\n\n.btn--icon {\n font-size: 24px;\n color: var(--icon-color);\n}\n\n.center {\n text-align: center;\n}\n\n.nav__theme, .nav__hamburger {\n margin-left: 20px;\n}\n\n.nav__list-item:last-child {\n margin-right: 20px;\n}\n",".header {\n height: 8em;\n max-width: 1100px;\n width: 95%;\n margin: 0 auto;\n justify-content: space-between;\n align-items: center;\n /* position: fixed; */\n}\n\n.header a.link {\n text-decoration: none;\n}\n\n@media (max-width: 600px) {\n .header {\n height: 6em;\n }\n}",".about {\n flex-direction: column;\n margin-top: 3em;\n text-align: left;\n padding: 0px;\n}\n\n.about__content {\n display: flex;\n align-items: center; \n justify-content: space-between; \n padding-right: 0px; \n}\n\n\n\n.img-wrapper {\n width: 250px;\n height: 250px; /* Set this to the desired size of your image */\n display: inline-block; /* This makes the div fit the size of the content */\n filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));\n flex-shrink: 0; /* Prevents the image from shrinking */\n}\n\n.img-wrapper img {\n width: 100%;\n height: auto;\n display: block; /* Removes bottom space */\n object-fit: cover; /* This will make the image cover the entire space of the div, potentially cropping it */\n clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\n}\n\n\n\n.about__name {\n color: var(--clr-primary);\n}\n\n.about__role {\n margin-top: 0em;\n font-size: 1.3em;\n}\n\n.about__desc {\n font-size: 1rem;\n max-width: 600px;\n}\n\n.about__desc,\n.about__contact {\n margin-top: 2.4em;\n display: flex;\n}\n\n.about__contact a {\n text-decoration: none;\n}\n\n.about .link--icon {\n margin-right: 0.8em;\n}\n\n.about .btn--outline {\n margin-right: 1em;\n}\n\n@media (max-width: 600px) {\n .app .about {\n align-items: flex-start;\n margin-top: 2em;\n }\n}\n\n\n.about__text {\n color: var(--clr-fg);\n}\n\n.about__name {\n color: var(--clr-primary)\n}\n\n.about__desc {\n display: inline;\n}\n\n.description-container {\n display: inline-block;\n width: 70%; /* adjust this to control the width of your paragraph */\n}\n\n.typing-indicator {\n position: relative;\n bottom: -3px;\n}\n\n.typing-indicator::after {\n content: '';\n display: inline-block;\n width: 2px;\n height: 18px;\n background: var(--clr-fg); /* Change this to match the color of your text */\n position: relative;\n bottom: 0px;\n animation: typing-indicator-animation 1s step-end infinite;\n}\n\n@keyframes typing-indicator-animation {\n 0%, 80%, 100% { opacity: 0; }\n 50% { opacity: 1; }\n}",".project {\n display: flex;\n align-items: flex-start; /* Ensure top alignment */\n justify-content: space-between; /* Keep items spaced out */\n padding: 2em;\n margin: 0 auto;\n box-shadow: var(--shadow);\n transition: transform 0.2s linear;\n background-color: var(--clr-bg);\n overflow: hidden; /* Hide any overflow */\n}\n\n.project:hover {\n transform: translateY(-7px);\n}\n\n.project__description {\n flex: 1; /* Gives text a flexible width, but not as wide as images */\n text-align: left; /* Align text to the left */\n margin-right: 20px; /* Space between text and image */\n}\n\n.project__stack {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start; /* Align stack items at the start */\n margin: 1.2em 0;\n}\n\n.project__stack-item {\n line-height: 1.5; /* Improved readability */\n margin: 0.75em; /* Consistent margin */\n font-weight: 500;\n font-size: 0.8rem;\n color: var(--clr-fg-alt);\n}\n\n.project .link--icon {\n margin-left: 0.5em;\n}\n\n.project__demo {\n flex: 1; /* Gives the image area flexible width up to half of the container */\n width: 50%; /* Explicitly define width to half of the container */\n text-align: center; /* Center the image or video */\n}\n\n.project__demo img {\n margin-top: 30px;\n width: 100%; /* Full width of its container */\n height: auto; /* Maintain aspect ratio */\n max-height: 600px; /* Control maximum height */\n border-radius: 10px;\n border: .25px solid gray;\n}\n\n.project__dots {\n text-align: center;\n padding: 10px 0;\n}\n\n.dot {\n height: 10px;\n width: 10px;\n margin: 0 5px;\n background-color: #bbb;\n border-radius: 50%;\n display: inline-block;\n cursor: pointer;\n}\n\n.dot.active {\n background-color: #717171;\n}\n\n\n.project__demo.mobile-app img {\n max-width: 30%; /* Keep the width adjustment for mobile app specific styling */\n height: 300px; /* Ensure mobile app images also have the same height */\n object-fit: cover; /* Adjusts the content of the image to fit the container */\n}\n\n\n.project__demo.mobile-app {\n align-self: center; /* Center the demo in the container */\n}\n\n",".projects__grid {\n max-width: 100%;\n margin: 0 auto;\n margin-top: 4em;\n display: grid;\n grid-template-columns: 1fr; /* One column layout */\n grid-gap: 2em;\n}",".skills__list {\n max-width: 700px;\n width: 100%;\n margin: 0 auto;\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center; /* add this line */\n padding: 0;\n}\n\n \n.skills__list-item {\n margin: 0.5em;\n}\n\n.skill-item {\n display: flex;\n flex-direction: column;\n align-items: center;\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 }",".contact {\n flex-direction: column;\n}\n\n.contact a {\n text-decoration: none;\n}",".footer {\n padding: 3em 0;\n margin-top: 4em;\n text-align: center;\n}\n\n.footer__link {\n font-size: 0.9rem;\n font-weight: 600;\n color: var(--clr-fg);\n text-decoration: none;\n}\n\n@media (max-width: 600px) {\n .footer {\n padding: 2em;\n margin-top: 3em;\n }\n}",".app {\n font-family: 'Poppins', sans-serif;\n line-height: 1.5;\n color: var(--clr-fg);\n background-color: var(--clr-bg);\n position: fixed;\n width: 100%;\n height: 100%;\n\n background-image: radial-gradient(var(--clr-haha) 1px, transparent 1px), \n radial-gradient(var(--clr-haha) 1px, transparent 1px);\n background-size: 30px 30px; \n /* background-position: 0 0, 15px 15px; */\n\n}\n\n.content {\n height: 100%;\n overflow: auto;\n}\n\n.light {\n --clr-bg: #fcfcfc;\n --clr-bg-alt: #fff;\n --clr-fg: #555;\n --clr-fg-alt: #444;\n --clr-haha: rgba(0, 0, 0, 0.1);\n --clr-primary: #2978b5;\n --shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;\n}\n\n.dark {\n --clr-bg: #23283e;\n --clr-bg-alt: #2a2f4c;\n --clr-fg: #bdbddd;\n --clr-fg-alt: #cdcdff;\n --clr-haha: #cdcdff1b;\n --clr-primary: #90a0d9;\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\nmain {\n max-width: 1100px;\n width: 100%;\n margin: 0 auto;\n}\n\n.section {\n margin-top: 5em;\n}\n\n.section__title {\n text-align: center;\n margin-bottom: 1em;\n}\n\n.center {\n display: flex;\n align-items: left;\n}\n\n.link {\n color: var(--clr-primary);\n padding: 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 font-weight: 500;\n}\n\n.link--icon {\n color: var(--clr-fg);\n}\n\n.btn {\n display: block;\n cursor: pointer;\n padding: 0.8em 1.4em;\n font-weight: 500;\n font-size: 0.9rem;\n transition: transform 0.2s ease-in-out;\n margin-left: auto;\n margin-right: auto;\n}\n\n.btn--outline {\n color: var(--clr-fg);\n border: 1px solid var(--clr-fg);\n position: relative;\n overflow: hidden;\n z-index: 1;\n width: 70px;\n height: 20px;\n align-items: center;\n}\n\n.btn--outline:hover,\n.btn--outline:focus {\n color: var(--clr-bg);\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 .5s 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: 600px) {\n .section {\n margin-top: 4em;\n }\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.0a5ddbce.js b/static/js/main.0a5ddbce.js deleted file mode 100644 index 83ea877..0000000 --- a/static/js/main.0a5ddbce.js +++ /dev/null @@ -1,3 +0,0 @@ -/*! For license information please see main.0a5ddbce.js.LICENSE.txt */ -!function(){var e={861:function(e,t,n){"use strict";var r=n(496);t.Z=void 0;var a=r(n(649)),o=n(184),l=(0,a.default)((0,o.jsx)("path",{d:"m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"}),"ArrowUpward");t.Z=l},838:function(e,t,n){"use strict";var r=n(496);t.Z=void 0;var a=r(n(649)),o=n(184),l=(0,a.default)((0,o.jsx)("path",{d:"M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1z"}),"DarkMode");t.Z=l},758:function(e,t,n){"use strict";var r=n(496);t.Z=void 0;!function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==typeof e&&"function"!==typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}r.default=e,n&&n.set(e,r)}(n(791));var a=r(n(649)),o=n(184);function l(e){if("function"!==typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}var i=(0,a.default)((0,o.jsx)("path",{d:"M12 1.27a11 11 0 00-3.48 21.46c.55.09.73-.28.73-.55v-1.84c-3.03.64-3.67-1.46-3.67-1.46-.55-1.29-1.28-1.65-1.28-1.65-.92-.65.1-.65.1-.65 1.1 0 1.73 1.1 1.73 1.1.92 1.65 2.57 1.2 3.21.92a2 2 0 01.64-1.47c-2.47-.27-5.04-1.19-5.04-5.5 0-1.1.46-2.1 1.2-2.84a3.76 3.76 0 010-2.93s.91-.28 3.11 1.1c1.8-.49 3.7-.49 5.5 0 2.1-1.38 3.02-1.1 3.02-1.1a3.76 3.76 0 010 2.93c.83.74 1.2 1.74 1.2 2.94 0 4.21-2.57 5.13-5.04 5.4.45.37.82.92.82 2.02v3.03c0 .27.1.64.73.55A11 11 0 0012 1.27"}),"GitHub");t.Z=i},536:function(e,t,n){"use strict";var r=n(496);t.Z=void 0;var a=r(n(649)),o=n(184),l=(0,a.default)((0,o.jsx)("path",{d:"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"}),"Launch");t.Z=l},773:function(e,t,n){"use strict";var r=n(496);t.Z=void 0;var a=r(n(649)),o=n(184),l=(0,a.default)((0,o.jsx)("path",{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0s.39-1.03 0-1.41L5.99 4.58zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41l-1.06-1.06zm1.06-10.96c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06zM7.05 18.36c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41s1.03.39 1.41 0l1.06-1.06z"}),"LightMode");t.Z=l},310:function(e,t,n){"use strict";var r=n(496);t.Z=void 0;!function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==typeof e&&"function"!==typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}r.default=e,n&&n.set(e,r)}(n(791));var a=r(n(649)),o=n(184);function l(e){if("function"!==typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}var i=(0,a.default)((0,o.jsx)("path",{d:"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z"}),"LinkedIn");t.Z=i},649:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return r.createSvgIcon}});var r=n(814)},814:function(e,t,n){"use strict";n.r(t),n.d(t,{capitalize:function(){return i},createChainedFunction:function(){return u},createSvgIcon:function(){return cr},debounce:function(){return sr},deprecatedPropType:function(){return fr},isMuiElement:function(){return dr},ownerDocument:function(){return mr},ownerWindow:function(){return hr},requirePropFactory:function(){return vr},setRef:function(){return yr},unstable_ClassNameGenerator:function(){return Ir},unstable_useEnhancedEffect:function(){return kr},unstable_useId:function(){return Sr},unsupportedProp:function(){return zr},useControlled:function(){return _r},useEventCallback:function(){return Cr},useForkRef:function(){return Pr},useIsFocusVisible:function(){return Ar}});var r=function(e){return e},a=function(){var e=r;return{configure:function(t){e=t},generate:function(t){return e(t)},reset:function(){e=r}}}();function o(e){for(var t="https://mui.com/production-error/?code="+e,n=1;n=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function g(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t2&&void 0!==arguments[2]?arguments[2]:{clone:!0},r=n.clone?p({},e):e;return w(e)&&w(t)&&Object.keys(t).forEach((function(a){"__proto__"!==a&&(w(t[a])&&a in e&&w(e[a])?r[a]=S(e[a],t[a],n):n.clone?r[a]=w(t[a])?x(t[a]):t[a]:r[a]=t[a])})),r}var z=["values","unit","step"],_=function(e){var t=Object.keys(e).map((function(t){return{key:t,val:e[t]}}))||[];return t.sort((function(e,t){return e.val-t.val})),t.reduce((function(e,t){return p(p({},e),{},f({},t.key,t.val))}),{})};var C={borderRadius:4},E=n(885),P={xs:0,sm:600,md:900,lg:1200,xl:1536},N={keys:["xs","sm","md","lg","xl"],up:function(e){return"@media (min-width:".concat(P[e],"px)")}};function O(e,t,n){var r=e.theme||{};if(Array.isArray(t)){var a=r.breakpoints||N;return t.reduce((function(e,r,o){return e[a.up(a.keys[o])]=n(t[o]),e}),{})}if("object"===typeof t){var o=r.breakpoints||N;return Object.keys(t).reduce((function(e,r){if(-1!==Object.keys(o.values||P).indexOf(r)){e[o.up(r)]=n(t[r],r)}else{var a=r;e[a]=t[a]}return e}),{})}return n(t)}function j(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return(null==(e=t.keys)?void 0:e.reduce((function(e,n){return e[t.up(n)]={},e}),{}))||{}}function T(e,t){return e.reduce((function(e,t){var n=e[t];return(!n||0===Object.keys(n).length)&&delete e[t],e}),t)}function M(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(!t||"string"!==typeof t)return null;if(e&&e.vars&&n){var r="vars.".concat(t).split(".").reduce((function(e,t){return e&&e[t]?e[t]:null}),e);if(null!=r)return r}return t.split(".").reduce((function(e,t){return e&&null!=e[t]?e[t]:null}),e)}function L(e,t,n){var r,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:n;return r="function"===typeof e?e(n):Array.isArray(e)?e[n]||a:M(e,n)||a,t&&(r=t(r,a,e)),r}var R=function(e){var t=e.prop,n=e.cssProperty,r=void 0===n?e.prop:n,a=e.themeKey,o=e.transform,i=function(e){if(null==e[t])return null;var n=e[t],i=M(e.theme,a)||{};return O(e,n,(function(e){var n=L(i,o,e);return e===n&&"string"===typeof e&&(n=L(i,o,"".concat(t).concat("default"===e?"":l(e)),e)),!1===r?n:f({},r,n)}))};return i.propTypes={},i.filterProps=[t],i};var A=function(e,t){return t?S(e,t,{clone:!1}):e};var I={m:"margin",p:"padding"},F={t:"Top",r:"Right",b:"Bottom",l:"Left",x:["Left","Right"],y:["Top","Bottom"]},D={marginX:"mx",marginY:"my",paddingX:"px",paddingY:"py"},B=function(e){var t={};return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}((function(e){if(e.length>2){if(!D[e])return[e];e=D[e]}var t=e.split(""),n=(0,E.Z)(t,2),r=n[0],a=n[1],o=I[r],l=F[a]||"";return Array.isArray(l)?l.map((function(e){return o+e})):[o+l]})),U=["m","mt","mr","mb","ml","mx","my","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","marginInline","marginInlineStart","marginInlineEnd","marginBlock","marginBlockStart","marginBlockEnd"],H=["p","pt","pr","pb","pl","px","py","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY","paddingInline","paddingInlineStart","paddingInlineEnd","paddingBlock","paddingBlockStart","paddingBlockEnd"],V=[].concat(U,H);function $(e,t,n,r){var a,o=null!=(a=M(e,t,!1))?a:n;return"number"===typeof o?function(e){return"string"===typeof e?e:o*e}:Array.isArray(o)?function(e){return"string"===typeof e?e:o[e]}:"function"===typeof o?o:function(){}}function W(e){return $(e,"spacing",8)}function K(e,t){if("string"===typeof t||null==t)return t;var n=e(Math.abs(t));return t>=0?n:"number"===typeof n?-n:"-".concat(n)}function Q(e,t,n,r){if(-1===t.indexOf(n))return null;var a=function(e,t){return function(n){return e.reduce((function(e,r){return e[r]=K(t,n),e}),{})}}(B(n),r);return O(e,e[n],a)}function q(e,t){var n=W(e.theme);return Object.keys(e).map((function(r){return Q(e,t,r,n)})).reduce(A,{})}function G(e){return q(e,U)}function Z(e){return q(e,H)}function X(e){return q(e,V)}G.propTypes={},G.filterProps=U,Z.propTypes={},Z.filterProps=H,X.propTypes={},X.filterProps=V;var Y=function(){for(var e=arguments.length,t=new Array(e),n=0;n0&&void 0!==arguments[0]?arguments[0]:{},t=e.breakpoints,n=void 0===t?{}:t,r=e.palette,a=void 0===r?{}:r,o=e.spacing,l=e.shape,i=void 0===l?{}:l,u=v(e,_e),c=function(e){var t=e.values,n=void 0===t?{xs:0,sm:600,md:900,lg:1200,xl:1536}:t,r=e.unit,a=void 0===r?"px":r,o=e.step,l=void 0===o?5:o,i=v(e,z),u=_(n),c=Object.keys(u);function s(e){var t="number"===typeof n[e]?n[e]:e;return"@media (min-width:".concat(t).concat(a,")")}function f(e){var t="number"===typeof n[e]?n[e]:e;return"@media (max-width:".concat(t-l/100).concat(a,")")}function d(e,t){var r=c.indexOf(t);return"@media (min-width:".concat("number"===typeof n[e]?n[e]:e).concat(a,") and ")+"(max-width:".concat((-1!==r&&"number"===typeof n[c[r]]?n[c[r]]:t)-l/100).concat(a,")")}return p({keys:c,values:u,up:s,down:f,between:d,only:function(e){return c.indexOf(e)+10&&void 0!==arguments[0]?arguments[0]:8;if(e.mui)return e;var t=W({spacing:e}),n=function(){for(var e=arguments.length,n=new Array(e),r=0;r1?d-1:0),h=1;h0?Le($e,--He):0,Be--,10===Ve&&(Be=1,De--),Ve}function qe(){return Ve=He2||Ye(Ve)>3?"":" "}function rt(e,t){for(;--t&&qe()&&!(Ve<48||Ve>102||Ve>57&&Ve<65||Ve>70&&Ve<97););return Xe(e,Ze()+(t<6&&32==Ge()&&32==qe()))}function at(e){for(;qe();)switch(Ve){case e:return He;case 34:case 39:34!==e&&39!==e&&at(Ve);break;case 40:41===e&&at(e);break;case 92:qe()}return He}function ot(e,t){for(;qe()&&e+Ve!==57&&(e+Ve!==84||47!==Ge()););return"/*"+Xe(t,He-1)+"*"+Ne(47===e?e:qe())}function lt(e){for(;!Ye(Ge());)qe();return Xe(e,He)}var it="-ms-",ut="-moz-",ct="-webkit-",st="comm",ft="rule",dt="decl",pt="@keyframes";function mt(e,t){for(var n="",r=Ie(e),a=0;a0&&Ae(S)-f&&Fe(p>32?kt(S+";",r,n,f-1):kt(Te(S," ","")+";",r,n,f-2),u);break;case 59:S+=";";default:if(Fe(x=yt(S,t,n,c,s,a,i,b,k=[],w=[],f),o),123===y)if(0===s)gt(S,t,x,x,k,o,f,i,w);else switch(99===d&&110===Le(S,3)?100:d){case 100:case 108:case 109:case 115:gt(e,x,x,r&&Fe(yt(e,x,x,0,0,a,i,b,a,k=[],f),w),a,w,f,i,r?k:w);break;default:gt(S,x,x,x,[""],w,0,i,w)}}c=s=p=0,h=g=1,b=S="",f=l;break;case 58:f=1+Ae(S),p=m;default:if(h<1)if(123==y)--h;else if(125==y&&0==h++&&125==Qe())continue;switch(S+=Ne(y),y*h){case 38:g=s>0?1:(S+="\f",-1);break;case 44:i[c++]=(Ae(S)-1)*g,g=1;break;case 64:45===Ge()&&(S+=tt(qe())),d=Ge(),s=f=Ae(b=S+=lt(Ze())),y++;break;case 45:45===m&&2==Ae(S)&&(h=0)}}return o}function yt(e,t,n,r,a,o,l,i,u,c,s){for(var f=a-1,d=0===a?o:[""],p=Ie(d),m=0,h=0,v=0;m0?d[g]+" "+y:Te(y,/&\f/g,d[g])))&&(u[v++]=b);return We(e,t,n,0===a?ft:i,u,c,s)}function bt(e,t,n){return We(e,t,n,st,Ne(Ve),Re(e,2,-2),0)}function kt(e,t,n,r){return We(e,t,n,dt,Re(e,0,r),Re(e,r+1,-1),r)}var wt=function(e,t,n){for(var r=0,a=0;r=a,a=Ge(),38===r&&12===a&&(t[n]=1),!Ye(a);)qe();return Xe(e,He)},xt=function(e,t){return et(function(e,t){var n=-1,r=44;do{switch(Ye(r)){case 0:38===r&&12===Ge()&&(t[n]=1),e[n]+=wt(He-1,t,n);break;case 2:e[n]+=tt(r);break;case 4:if(44===r){e[++n]=58===Ge()?"&\f":"",t[n]=e[n].length;break}default:e[n]+=Ne(r)}}while(r=qe());return e}(Je(e),t))},St=new WeakMap,zt=function(e){if("rule"===e.type&&e.parent&&!(e.length<1)){for(var t=e.value,n=e.parent,r=e.column===n.column&&e.line===n.line;"rule"!==n.type;)if(!(n=n.parent))return;if((1!==e.props.length||58===t.charCodeAt(0)||St.get(n))&&!r){St.set(e,!0);for(var a=[],o=xt(t,a),l=n.props,i=0,u=0;i6)switch(Le(e,t+1)){case 109:if(45!==Le(e,t+4))break;case 102:return Te(e,/(.+:)(.+)-([^]+)/,"$1"+ct+"$2-$3$1"+ut+(108==Le(e,t+3)?"$3":"$2-$3"))+e;case 115:return~Me(e,"stretch")?Ct(Te(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(115!==Le(e,t+1))break;case 6444:switch(Le(e,Ae(e)-3-(~Me(e,"!important")&&10))){case 107:return Te(e,":",":"+ct)+e;case 101:return Te(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+ct+(45===Le(e,14)?"inline-":"")+"box$3$1"+ct+"$2$3$1"+it+"$2box$3")+e}break;case 5936:switch(Le(e,t+11)){case 114:return ct+e+it+Te(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return ct+e+it+Te(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return ct+e+it+Te(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return ct+e+it+e+e}return e}var Et=[function(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case dt:e.return=Ct(e.value,e.length);break;case pt:return mt([Ke(e,{value:Te(e.value,"@","@"+ct)})],r);case ft:if(e.length)return function(e,t){return e.map(t).join("")}(e.props,(function(t){switch(function(e,t){return(e=t.exec(e))?e[0]:e}(t,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return mt([Ke(e,{props:[Te(t,/:(read-\w+)/,":-moz-$1")]})],r);case"::placeholder":return mt([Ke(e,{props:[Te(t,/:(plac\w+)/,":"+ct+"input-$1")]}),Ke(e,{props:[Te(t,/:(plac\w+)/,":-moz-$1")]}),Ke(e,{props:[Te(t,/:(plac\w+)/,it+"input-$1")]})],r)}return""}))}}],Pt=function(e){var t=e.key;if("css"===t){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,(function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))}))}var r=e.stylisPlugins||Et;var a,o,l={},i=[];a=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),(function(e){for(var t=e.getAttribute("data-emotion").split(" "),n=1;n0&&void 0!==arguments[0]?arguments[0]:null,n=m.useContext($t);return n&&(e=n,0!==Object.keys(e).length)?n:t},Kt=Ce();var Qt=function(){return Wt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:Kt)};function qt(e,t){var n;return p({toolbar:(n={minHeight:56},f(n,e.up("xs"),{"@media (orientation: landscape)":{minHeight:48}}),f(n,e.up("sm"),{minHeight:64}),n)},t)}function Gt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return Math.min(Math.max(t,e),n)}function Zt(e){if(e.type)return e;if("#"===e.charAt(0))return Zt(function(e){e=e.slice(1);var t=new RegExp(".{1,".concat(e.length>=6?2:1,"}"),"g"),n=e.match(t);return n&&1===n[0].length&&(n=n.map((function(e){return e+e}))),n?"rgb".concat(4===n.length?"a":"","(").concat(n.map((function(e,t){return t<3?parseInt(e,16):Math.round(parseInt(e,16)/255*1e3)/1e3})).join(", "),")"):""}(e));var t=e.indexOf("("),n=e.substring(0,t);if(-1===["rgb","rgba","hsl","hsla","color"].indexOf(n))throw new Error(o(9,e));var r,a=e.substring(t+1,e.length-1);if("color"===n){if(r=(a=a.split(" ")).shift(),4===a.length&&"/"===a[3].charAt(0)&&(a[3]=a[3].slice(1)),-1===["srgb","display-p3","a98-rgb","prophoto-rgb","rec-2020"].indexOf(r))throw new Error(o(10,r))}else a=a.split(",");return{type:n,values:a=a.map((function(e){return parseFloat(e)})),colorSpace:r}}function Xt(e){var t=e.type,n=e.colorSpace,r=e.values;return-1!==t.indexOf("rgb")?r=r.map((function(e,t){return t<3?parseInt(e,10):e})):-1!==t.indexOf("hsl")&&(r[1]="".concat(r[1],"%"),r[2]="".concat(r[2],"%")),r=-1!==t.indexOf("color")?"".concat(n," ").concat(r.join(" ")):"".concat(r.join(", ")),"".concat(t,"(").concat(r,")")}function Yt(e){var t="hsl"===(e=Zt(e)).type||"hsla"===e.type?Zt(function(e){var t=(e=Zt(e)).values,n=t[0],r=t[1]/100,a=t[2]/100,o=r*Math.min(a,1-a),l=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:(e+n/30)%12;return a-o*Math.max(Math.min(t-3,9-t,1),-1)},i="rgb",u=[Math.round(255*l(0)),Math.round(255*l(8)),Math.round(255*l(4))];return"hsla"===e.type&&(i+="a",u.push(t[3])),Xt({type:i,values:u})}(e)).values:e.values;return t=t.map((function(t){return"color"!==e.type&&(t/=255),t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4)})),Number((.2126*t[0]+.7152*t[1]+.0722*t[2]).toFixed(3))}function Jt(e,t){if(e=Zt(e),t=Gt(t),-1!==e.type.indexOf("hsl"))e.values[2]*=1-t;else if(-1!==e.type.indexOf("rgb")||-1!==e.type.indexOf("color"))for(var n=0;n<3;n+=1)e.values[n]*=1-t;return Xt(e)}function en(e,t){if(e=Zt(e),t=Gt(t),-1!==e.type.indexOf("hsl"))e.values[2]+=(100-e.values[2])*t;else if(-1!==e.type.indexOf("rgb"))for(var n=0;n<3;n+=1)e.values[n]+=(255-e.values[n])*t;else if(-1!==e.type.indexOf("color"))for(var r=0;r<3;r+=1)e.values[r]+=(1-e.values[r])*t;return Xt(e)}var tn={black:"#000",white:"#fff"},nn={50:"#fafafa",100:"#f5f5f5",200:"#eeeeee",300:"#e0e0e0",400:"#bdbdbd",500:"#9e9e9e",600:"#757575",700:"#616161",800:"#424242",900:"#212121",A100:"#f5f5f5",A200:"#eeeeee",A400:"#bdbdbd",A700:"#616161"},rn={50:"#f3e5f5",100:"#e1bee7",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",600:"#8e24aa",700:"#7b1fa2",800:"#6a1b9a",900:"#4a148c",A100:"#ea80fc",A200:"#e040fb",A400:"#d500f9",A700:"#aa00ff"},an={50:"#ffebee",100:"#ffcdd2",200:"#ef9a9a",300:"#e57373",400:"#ef5350",500:"#f44336",600:"#e53935",700:"#d32f2f",800:"#c62828",900:"#b71c1c",A100:"#ff8a80",A200:"#ff5252",A400:"#ff1744",A700:"#d50000"},on={50:"#fff3e0",100:"#ffe0b2",200:"#ffcc80",300:"#ffb74d",400:"#ffa726",500:"#ff9800",600:"#fb8c00",700:"#f57c00",800:"#ef6c00",900:"#e65100",A100:"#ffd180",A200:"#ffab40",A400:"#ff9100",A700:"#ff6d00"},ln={50:"#e3f2fd",100:"#bbdefb",200:"#90caf9",300:"#64b5f6",400:"#42a5f5",500:"#2196f3",600:"#1e88e5",700:"#1976d2",800:"#1565c0",900:"#0d47a1",A100:"#82b1ff",A200:"#448aff",A400:"#2979ff",A700:"#2962ff"},un={50:"#e1f5fe",100:"#b3e5fc",200:"#81d4fa",300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",600:"#039be5",700:"#0288d1",800:"#0277bd",900:"#01579b",A100:"#80d8ff",A200:"#40c4ff",A400:"#00b0ff",A700:"#0091ea"},cn={50:"#e8f5e9",100:"#c8e6c9",200:"#a5d6a7",300:"#81c784",400:"#66bb6a",500:"#4caf50",600:"#43a047",700:"#388e3c",800:"#2e7d32",900:"#1b5e20",A100:"#b9f6ca",A200:"#69f0ae",A400:"#00e676",A700:"#00c853"},sn=["mode","contrastThreshold","tonalOffset"],fn={text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.38)"},divider:"rgba(0, 0, 0, 0.12)",background:{paper:tn.white,default:tn.white},action:{active:"rgba(0, 0, 0, 0.54)",hover:"rgba(0, 0, 0, 0.04)",hoverOpacity:.04,selected:"rgba(0, 0, 0, 0.08)",selectedOpacity:.08,disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(0, 0, 0, 0.12)",disabledOpacity:.38,focus:"rgba(0, 0, 0, 0.12)",focusOpacity:.12,activatedOpacity:.12}},dn={text:{primary:tn.white,secondary:"rgba(255, 255, 255, 0.7)",disabled:"rgba(255, 255, 255, 0.5)",icon:"rgba(255, 255, 255, 0.5)"},divider:"rgba(255, 255, 255, 0.12)",background:{paper:"#121212",default:"#121212"},action:{active:tn.white,hover:"rgba(255, 255, 255, 0.08)",hoverOpacity:.08,selected:"rgba(255, 255, 255, 0.16)",selectedOpacity:.16,disabled:"rgba(255, 255, 255, 0.3)",disabledBackground:"rgba(255, 255, 255, 0.12)",disabledOpacity:.38,focus:"rgba(255, 255, 255, 0.12)",focusOpacity:.12,activatedOpacity:.24}};function pn(e,t,n,r){var a=r.light||r,o=r.dark||1.5*r;e[t]||(e.hasOwnProperty(n)?e[t]=e[n]:"light"===t?e.light=en(e.main,a):"dark"===t&&(e.dark=Jt(e.main,o)))}function mn(e){var t=e.mode,n=void 0===t?"light":t,r=e.contrastThreshold,a=void 0===r?3:r,l=e.tonalOffset,i=void 0===l?.2:l,u=v(e,sn),c=e.primary||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:ln[200],light:ln[50],dark:ln[400]}:{main:ln[700],light:ln[400],dark:ln[800]}}(n),s=e.secondary||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:rn[200],light:rn[50],dark:rn[400]}:{main:rn[500],light:rn[300],dark:rn[700]}}(n),f=e.error||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:an[500],light:an[300],dark:an[700]}:{main:an[700],light:an[400],dark:an[800]}}(n),d=e.info||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:un[400],light:un[300],dark:un[700]}:{main:un[700],light:un[500],dark:un[900]}}(n),m=e.success||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:cn[400],light:cn[300],dark:cn[700]}:{main:cn[800],light:cn[500],dark:cn[900]}}(n),h=e.warning||function(){return"dark"===(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"light")?{main:on[400],light:on[300],dark:on[700]}:{main:"#ed6c02",light:on[500],dark:on[900]}}(n);function g(e){var t=function(e,t){var n=Yt(e),r=Yt(t);return(Math.max(n,r)+.05)/(Math.min(n,r)+.05)}(e,dn.text.primary)>=a?dn.text.primary:fn.text.primary;return t}var y=function(e){var t=e.color,n=e.name,r=e.mainShade,a=void 0===r?500:r,l=e.lightShade,u=void 0===l?300:l,c=e.darkShade,s=void 0===c?700:c;if(!(t=p({},t)).main&&t[a]&&(t.main=t[a]),!t.hasOwnProperty("main"))throw new Error(o(11,n?" (".concat(n,")"):"",a));if("string"!==typeof t.main)throw new Error(o(12,n?" (".concat(n,")"):"",JSON.stringify(t.main)));return pn(t,"light",u,i),pn(t,"dark",s,i),t.contrastText||(t.contrastText=g(t.main)),t},b={dark:dn,light:fn};return S(p({common:p({},tn),mode:n,primary:y({color:c,name:"primary"}),secondary:y({color:s,name:"secondary",mainShade:"A400",lightShade:"A200",darkShade:"A700"}),error:y({color:f,name:"error"}),warning:y({color:h,name:"warning"}),info:y({color:d,name:"info"}),success:y({color:m,name:"success"}),grey:nn,contrastThreshold:a,getContrastText:g,augmentColor:y,tonalOffset:i},b[n]),u)}var hn=["fontFamily","fontSize","fontWeightLight","fontWeightRegular","fontWeightMedium","fontWeightBold","htmlFontSize","allVariants","pxToRem"];var vn={textTransform:"uppercase"},gn='"Roboto", "Helvetica", "Arial", sans-serif';function yn(e,t){var n="function"===typeof t?t(e):t,r=n.fontFamily,a=void 0===r?gn:r,o=n.fontSize,l=void 0===o?14:o,i=n.fontWeightLight,u=void 0===i?300:i,c=n.fontWeightRegular,s=void 0===c?400:c,f=n.fontWeightMedium,d=void 0===f?500:f,m=n.fontWeightBold,h=void 0===m?700:m,g=n.htmlFontSize,y=void 0===g?16:g,b=n.allVariants,k=n.pxToRem,w=v(n,hn);var x=l/14,z=k||function(e){return"".concat(e/y*x,"rem")},_=function(e,t,n,r,o){return p(p(p({fontFamily:a,fontWeight:e,fontSize:z(t),lineHeight:n},a===gn?{letterSpacing:"".concat((l=r/t,Math.round(1e5*l)/1e5),"em")}:{}),o),b);var l},C={h1:_(u,96,1.167,-1.5),h2:_(u,60,1.2,-.5),h3:_(s,48,1.167,0),h4:_(s,34,1.235,.25),h5:_(s,24,1.334,0),h6:_(d,20,1.6,.15),subtitle1:_(s,16,1.75,.15),subtitle2:_(d,14,1.57,.1),body1:_(s,16,1.5,.15),body2:_(s,14,1.43,.15),button:_(d,14,1.75,.4,vn),caption:_(s,12,1.66,.4),overline:_(s,12,2.66,1,vn),inherit:{fontFamily:"inherit",fontWeight:"inherit",fontSize:"inherit",lineHeight:"inherit",letterSpacing:"inherit"}};return S(p({htmlFontSize:y,pxToRem:z,fontFamily:a,fontSize:l,fontWeightLight:u,fontWeightRegular:s,fontWeightMedium:d,fontWeightBold:h},C),w,{clone:!1})}function bn(){return["".concat(arguments.length<=0?void 0:arguments[0],"px ").concat(arguments.length<=1?void 0:arguments[1],"px ").concat(arguments.length<=2?void 0:arguments[2],"px ").concat(arguments.length<=3?void 0:arguments[3],"px rgba(0,0,0,").concat(.2,")"),"".concat(arguments.length<=4?void 0:arguments[4],"px ").concat(arguments.length<=5?void 0:arguments[5],"px ").concat(arguments.length<=6?void 0:arguments[6],"px ").concat(arguments.length<=7?void 0:arguments[7],"px rgba(0,0,0,").concat(.14,")"),"".concat(arguments.length<=8?void 0:arguments[8],"px ").concat(arguments.length<=9?void 0:arguments[9],"px ").concat(arguments.length<=10?void 0:arguments[10],"px ").concat(arguments.length<=11?void 0:arguments[11],"px rgba(0,0,0,").concat(.12,")")].join(",")}var kn=["none",bn(0,2,1,-1,0,1,1,0,0,1,3,0),bn(0,3,1,-2,0,2,2,0,0,1,5,0),bn(0,3,3,-2,0,3,4,0,0,1,8,0),bn(0,2,4,-1,0,4,5,0,0,1,10,0),bn(0,3,5,-1,0,5,8,0,0,1,14,0),bn(0,3,5,-1,0,6,10,0,0,1,18,0),bn(0,4,5,-2,0,7,10,1,0,2,16,1),bn(0,5,5,-3,0,8,10,1,0,3,14,2),bn(0,5,6,-3,0,9,12,1,0,3,16,2),bn(0,6,6,-3,0,10,14,1,0,4,18,3),bn(0,6,7,-4,0,11,15,1,0,4,20,3),bn(0,7,8,-4,0,12,17,2,0,5,22,4),bn(0,7,8,-4,0,13,19,2,0,5,24,4),bn(0,7,9,-4,0,14,21,2,0,5,26,4),bn(0,8,9,-5,0,15,22,2,0,6,28,5),bn(0,8,10,-5,0,16,24,2,0,6,30,5),bn(0,8,11,-5,0,17,26,2,0,6,32,5),bn(0,9,11,-5,0,18,28,2,0,7,34,6),bn(0,9,12,-6,0,19,29,2,0,7,36,6),bn(0,10,13,-6,0,20,31,3,0,8,38,7),bn(0,10,13,-6,0,21,33,3,0,8,40,7),bn(0,10,14,-6,0,22,35,3,0,8,42,7),bn(0,11,14,-7,0,23,36,3,0,9,44,8),bn(0,11,15,-7,0,24,38,3,0,9,46,8)],wn=["duration","easing","delay"],xn={easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},Sn={shortest:150,shorter:200,short:250,standard:300,complex:375,enteringScreen:225,leavingScreen:195};function zn(e){return"".concat(Math.round(e),"ms")}function _n(e){if(!e)return 0;var t=e/36;return Math.round(10*(4+15*Math.pow(t,.25)+t/5))}function Cn(e){var t=p(p({},xn),e.easing),n=p(p({},Sn),e.duration);return p(p({getAutoHeightDuration:_n,create:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["all"],r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=r.duration,o=void 0===a?n.standard:a,l=r.easing,i=void 0===l?t.easeInOut:l,u=r.delay,c=void 0===u?0:u;v(r,wn);return(Array.isArray(e)?e:[e]).map((function(e){return"".concat(e," ").concat("string"===typeof o?o:zn(o)," ").concat(i," ").concat("string"===typeof c?c:zn(c))})).join(",")}},e),{},{easing:t,duration:n})}var En={mobileStepper:1e3,fab:1050,speedDial:1050,appBar:1100,drawer:1200,modal:1300,snackbar:1400,tooltip:1500},Pn=["breakpoints","mixins","spacing","palette","transitions","typography","shape"];function Nn(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(e.breakpoints,e.mixins),n=void 0===t?{}:t,r=(e.spacing,e.palette),a=void 0===r?{}:r,l=e.transitions,i=void 0===l?{}:l,u=e.typography,c=void 0===u?{}:u,s=(e.shape,v(e,Pn));if(e.vars)throw new Error(o(18));var f=mn(a),d=Ce(e),m=S(d,{mixins:qt(d.breakpoints,n),palette:f,shadows:kn.slice(),typography:yn(f,c),transitions:Cn(i),zIndex:p({},En)});m=S(m,s);for(var h=arguments.length,g=new Array(h>1?h-1:0),y=1;y96?Dn:Bn},Hn=function(e,t,n){var r;if(t){var a=t.shouldForwardProp;r=e.__emotion_forwardProp&&a?function(t){return e.__emotion_forwardProp(t)&&a(t)}:a}return"function"!==typeof r&&n&&(r=e.__emotion_forwardProp),r},Vn=function(e){var t=e.cache,n=e.serialized,r=e.isStringTag;return Fn(t,n,r),Ut((function(){return function(e,t,n){Fn(e,t,n);var r=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var a=t;do{e.insert(t===a?"."+r:"",a,e.sheet,!0),a=a.next}while(void 0!==a)}}(t,n,r)})),null},$n=function e(t,n){var r,a,o=t.__emotion_real===t,l=o&&t.__emotion_base||t;void 0!==n&&(r=n.label,a=n.target);var i=Hn(t,n,o),u=i||Un(l),c=!u("as");return function(){var s=arguments,f=o&&void 0!==t.__emotion_styles?t.__emotion_styles.slice(0):[];if(void 0!==r&&f.push("label:"+r+";"),null==s[0]||void 0===s[0].raw)f.push.apply(f,s);else{0,f.push(s[0][0]);for(var d=s.length,p=1;p=4;++r,a-=4)t=1540483477*(65535&(t=255&e.charCodeAt(r)|(255&e.charCodeAt(++r))<<8|(255&e.charCodeAt(++r))<<16|(255&e.charCodeAt(++r))<<24))+(59797*(t>>>16)<<16),n=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&n)+(59797*(n>>>16)<<16);switch(a){case 3:n^=(255&e.charCodeAt(r+2))<<16;case 2:n^=(255&e.charCodeAt(r+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(r)))+(59797*(n>>>16)<<16)}return(((n=1540483477*(65535&(n^=n>>>13))+(59797*(n>>>16)<<16))^n>>>15)>>>0).toString(36)}(a)+u;return{name:c,styles:a,next:Ft}}(f.concat(s),t.registered,d);o+=t.key+"-"+h.name,void 0!==a&&(o+=" "+a);var v=c&&void 0===i?Un(r):u,g={};for(var y in e)c&&"as"===y||v(y)&&(g[y]=e[y]);return g.className=o,g.ref=n,m.createElement(m.Fragment,null,m.createElement(Vn,{cache:t,serialized:h,isStringTag:"string"===typeof r}),m.createElement(r,g))}));return h.displayName=void 0!==r?r:"Styled("+("string"===typeof l?l:l.displayName||l.name||"Component")+")",h.defaultProps=t.defaultProps,h.__emotion_real=h,h.__emotion_base=l,h.__emotion_styles=f,h.__emotion_forwardProp=i,Object.defineProperty(h,"toString",{value:function(){return"."+a}}),h.withComponent=function(t,r){return e(t,An({},n,r,{shouldForwardProp:Hn(h,r,!0)})).apply(void 0,f)},h}}.bind();["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"].forEach((function(e){$n[e]=$n(e)}));var Wn=["variant"];function Kn(e){return 0===e.length}function Qn(e){var t=e.variant,n=v(e,Wn),r=t||"";return Object.keys(n).sort().forEach((function(t){r+="color"===t?Kn(r)?e[t]:l(e[t]):"".concat(Kn(r)?t:l(t)).concat(l(e[t].toString()))})),r}var qn=["name","slot","skipVariantsResolver","skipSx","overridesResolver"];function Gn(e){return"ownerState"!==e&&"theme"!==e&&"sx"!==e&&"as"!==e}var Zn=Ce();function Xn(e){var t,n=e.defaultTheme,r=e.theme,a=e.themeId;return t=r,0===Object.keys(t).length?n:r[a]||r}var Yn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.themeId,n=e.defaultTheme,r=void 0===n?Zn:n,a=e.rootShouldForwardProp,o=void 0===a?Gn:a,l=e.slotShouldForwardProp,i=void 0===l?Gn:l,u=function(e){return ze(p(p({},e),{},{theme:Xn(p(p({},e),{},{defaultTheme:r,themeId:t}))}))};return u.__mui_systemSx=!0,function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!function(e,t){Array.isArray(e.__emotion_styles)&&(e.__emotion_styles=t(e.__emotion_styles))}(e,(function(e){return e.filter((function(e){return!(null!=e&&e.__mui_systemSx)}))}));var a=n.name,l=n.slot,c=n.skipVariantsResolver,s=n.skipSx,f=n.overridesResolver,d=v(n,qn),m=void 0!==c?c:l&&"Root"!==l||!1,h=s||!1;var g=Gn;"Root"===l?g=o:l?g=i:function(e){return"string"===typeof e&&e.charCodeAt(0)>96}(e)&&(g=void 0);var y=function(e,t){return $n(e,t)}(e,p({shouldForwardProp:g,label:undefined},d)),b=function(n){for(var o=arguments.length,l=new Array(o>1?o-1:0),i=1;i0){var v=new Array(d).fill("");(s=[].concat(Rn(n),Rn(v))).raw=[].concat(Rn(n.raw),Rn(v))}else"function"===typeof n&&n.__emotion_real!==n&&(s=function(e){return n(p(p({},e),{},{theme:Xn(p(p({},e),{},{defaultTheme:r,themeId:t}))}))});var g=y.apply(void 0,[s].concat(Rn(c)));return e.muiName&&(g.muiName=e.muiName),g};return y.withConfig&&(b.withConfig=y.withConfig),b}}({themeId:jn,defaultTheme:On,rootShouldForwardProp:function(e){return Gn(e)&&"classes"!==e}}),Jn=Yn,er={active:"active",checked:"checked",completed:"completed",disabled:"disabled",readOnly:"readOnly",error:"error",expanded:"expanded",focused:"focused",focusVisible:"focusVisible",required:"required",selected:"selected"};function tr(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"Mui",r=er[t];return r?"".concat(n,"-").concat(r):"".concat(a.generate(e),"-").concat(t)}function nr(e){return tr("MuiSvgIcon",e)}!function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"Mui",r={};t.forEach((function(t){r[t]=tr(e,t,n)}))}("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var rr=n(184),ar=["children","className","color","component","fontSize","htmlColor","inheritViewBox","titleAccess","viewBox"],or=function(e){var t=e.color,n=e.fontSize,r=e.classes;return function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,r={};return Object.keys(e).forEach((function(a){r[a]=e[a].reduce((function(e,r){if(r){var a=t(r);""!==a&&e.push(a),n&&n[r]&&e.push(n[r])}return e}),[]).join(" ")})),r}({root:["root","inherit"!==t&&"color".concat(i(t)),"fontSize".concat(i(n))]},nr,r)},lr=Jn("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:function(e,t){var n=e.ownerState;return[t.root,"inherit"!==n.color&&t["color".concat(i(n.color))],t["fontSize".concat(i(n.fontSize))]]}})((function(e){var t,n,r,a,o,l,i,u,c,s,f,d,p,m,h,v,g,y=e.theme,b=e.ownerState;return{userSelect:"none",width:"1em",height:"1em",display:"inline-block",fill:"currentColor",flexShrink:0,transition:null==(t=y.transitions)||null==(n=t.create)?void 0:n.call(t,"fill",{duration:null==(r=y.transitions)||null==(a=r.duration)?void 0:a.shorter}),fontSize:{inherit:"inherit",small:(null==(o=y.typography)||null==(l=o.pxToRem)?void 0:l.call(o,20))||"1.25rem",medium:(null==(i=y.typography)||null==(u=i.pxToRem)?void 0:u.call(i,24))||"1.5rem",large:(null==(c=y.typography)||null==(s=c.pxToRem)?void 0:s.call(c,35))||"2.1875rem"}[b.fontSize],color:null!=(f=null==(d=(y.vars||y).palette)||null==(p=d[b.color])?void 0:p.main)?f:{action:null==(m=(y.vars||y).palette)||null==(h=m.action)?void 0:h.active,disabled:null==(v=(y.vars||y).palette)||null==(g=v.action)?void 0:g.disabled,inherit:void 0}[b.color]}})),ir=m.forwardRef((function(e,t){var n=Tn({props:e,name:"MuiSvgIcon"}),r=n.children,a=n.className,o=n.color,l=void 0===o?"inherit":o,i=n.component,u=void 0===i?"svg":i,c=n.fontSize,s=void 0===c?"medium":c,f=n.htmlColor,d=n.inheritViewBox,m=void 0!==d&&d,h=n.titleAccess,g=n.viewBox,b=void 0===g?"0 0 24 24":g,k=v(n,ar),w=p(p({},n),{},{color:l,component:u,fontSize:s,instanceFontSize:e.fontSize,inheritViewBox:m,viewBox:b}),x={};m||(x.viewBox=b);var S=or(w);return(0,rr.jsxs)(lr,p(p(p({as:u,className:y(S.root,a),focusable:"false",color:f,"aria-hidden":!h||void 0,role:h?"img":void 0,ref:t},x),k),{},{ownerState:w,children:[r,h?(0,rr.jsx)("title",{children:h}):null]}))}));ir.muiName="SvgIcon";var ur=ir;function cr(e,t){function n(n,r){return(0,rr.jsx)(ur,p(p({"data-testid":"".concat(t,"Icon"),ref:r},n),{},{children:e}))}return n.muiName=ur.muiName,m.memo(m.forwardRef(n))}var sr=function(e){var t,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:166;function r(){for(var r=this,a=arguments.length,o=new Array(a),l=0;l