diff --git a/asset-manifest.json b/asset-manifest.json
index 591a3d0..05723a0 100644
--- a/asset-manifest.json
+++ b/asset-manifest.json
@@ -1,6 +1,6 @@
{
"files": {
- "main.css": "/haard-portfolio/static/css/main.7946ffc3.css",
+ "main.css": "/haard-portfolio/static/css/main.dd97c9f4.css",
"main.js": "/haard-portfolio/static/js/main.b552638d.js",
"static/media/careercat.png": "/haard-portfolio/static/media/careercat.beb25a6812e46ed7351c.png",
"static/media/expensesmeter.png": "/haard-portfolio/static/media/expensesmeter.ce9830cef2f07ea348d4.png",
@@ -9,11 +9,11 @@
"static/media/algonew.png": "/haard-portfolio/static/media/algonew.c0f4fecd659c243770ca.png",
"static/media/musipedia-logo.png": "/haard-portfolio/static/media/musipedia-logo.da9fa8c6578ce31931eb.png",
"index.html": "/haard-portfolio/index.html",
- "main.7946ffc3.css.map": "/haard-portfolio/static/css/main.7946ffc3.css.map",
+ "main.dd97c9f4.css.map": "/haard-portfolio/static/css/main.dd97c9f4.css.map",
"main.b552638d.js.map": "/haard-portfolio/static/js/main.b552638d.js.map"
},
"entrypoints": [
- "static/css/main.7946ffc3.css",
+ "static/css/main.dd97c9f4.css",
"static/js/main.b552638d.js"
]
}
\ No newline at end of file
diff --git a/index.html b/index.html
index e2376f8..b4f89ce 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-PortFoilio
\ No newline at end of file
+PortFoilio
\ No newline at end of file
diff --git a/static/css/main.7946ffc3.css b/static/css/main.7946ffc3.css
deleted file mode 100644
index 2648267..0000000
--- a/static/css/main.7946ffc3.css
+++ /dev/null
@@ -1,2 +0,0 @@
-@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);header{height:100vh;overflow:hidden;padding-top:7rem}.header__container{height:100%;position:relative;text-align:center}.cta{display:flex;gap:1.2rem;justify-content:center;margin-top:2.5rem}.header__socials{align-items:center;bottom:3rem;display:flex;flex-direction:column;gap:.8rem;left:0;position:absolute}.header__socials:after{background:var(--color-primary);content:"";height:2rem;width:1px}.pic{background:linear-gradient(var(--color-primary),transparent);border-radius:12rem 12rem 0 0;height:30rem;left:calc(50% - 11rem);margin-top:4rem;overflow:hidden;padding:5rem 1.5rem 1.5rem;position:absolute;width:22rem}.scroll__down{bottom:5rem;font-size:.8rem;font-weight:300;position:absolute;right:-2.3rem;-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media screen and (max-width:1024px){header{height:68vh}}@media screen and (max-width:600px){header{height:100vh}.header__socials,.scroll__down{display:none}}nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.3);border-radius:3rem;bottom:2rem;display:block;gap:.8rem;left:50%;padding:.7rem 1.7rem;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:2}nav,nav a{display:flex}nav a{background:transparent;border-radius:50%;color:var(--color-light);font-size:1.1rem;padding:.9rem}nav a:hover{background:rgba(0,0,0,.3)}nav a.active{background:var(--color-primary);color:var(--color-white)}.skills__container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.skills__container>div{background:var(--color-bg-variant);border:1px solid transparent;border-radius:2rem;padding:2.4rem 2.5rem;transition:var(--transition)}.skills__container>div:hover{background:transparent;border-color:var(--color-primary-variant);cursor:default}.skills__container>div h3{color:var(--color-primary);margin-bottom:2rem;text-align:center}.skill__content{grid-row-gap:2rem;display:grid;grid-template-columns:1fr 1fr;row-gap:2rem}.skill__detail{display:flex;gap:1rem}.skill__detail-icon{color:var(--color-primary);margin-top:6px}@media screen and (max-width:1024px){.skills__container{grid-template-columns:1fr}.skills__container>div{margin:0 auto;padding:2rem;width:80%}.skill__content{padding:1rem}}@media screen and (max-width:600px){.skills__container{gap:1rem}.skills__container>div{padding:2rem 1 rem;width:100%}}.project__container{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr 1fr}.project__title{color:skyblue}.project__item{background:var(--color-bg-variant);border:1px solid transparent;border-radius:2rem;padding:1.3rem;transition:var(--transition)}.project__item:hover{background:transparent;border-color:var(--color-primary-variant)}.project__item-image{border-radius:1.5rem;height:18rem;overflow:hidden}.project__item h3{margin:1.2rem 0 2rem}.project__item-cta{display:flex;gap:1rem;margin-bottom:1rem;margin-top:1rem}.project_desc{height:18rem;text-align:justify}.project__button{border:1px solid var(--color-primary);border-radius:.4rem;color:var(--color-primary);cursor:pointer;display:inline-block;padding:.75rem 1.2rem;text-align:center;transition:var(--transition);width:-webkit-fill-available}.project__button:hover{background:var(--color-white);border-color:transparent;color:var(--color-bg)}.project__button-primary{background:var(--color-primary);color:var(--color-bg)}@media screen and (max-width:1024px){.project__container{gap:1.2rem;grid-template-columns:1fr 1fr}}@media screen and (max-width:600px){.project__container{gap:1rem;grid-template-columns:1fr}.project_desc{height:24rem;text-align:justify}}.container.contact__container{grid-gap:12%;display:grid;gap:12%;grid-template-columns:30% 58%;width:58%}.contact__options{display:flex;flex-direction:column;gap:1.2rem}.contact__option{background-color:var(--color-bg-variant);border:1px solid transparent;border-radius:1.2rem;padding:1.2rem;text-align:center;transition:var(--transition)}.contact__option:hover{background:transparent;border-color:var(--color-primary-variant)}.contact__option-icon{font-size:1.5rem;margin-bottom:.5rem}.contact__option a{display:inline-block;font-size:.8rem;margin-top:.7rem}form{display:flex;flex-direction:column;gap:1.2rem}input,textarea{background:transparent;border:2px solid var(--color-primary-variant);border-radius:.5rem;color:var(--color-white);padding:1.5rem;resize:none;width:100%}@media screen and (max-width:1024px){.container.contact__container{gap:2rem;grid-template-columns:1fr}}@media screen and (max-width:600px){.container.contact__container{width:var(--container-width-ms)}}footer{background:var(--color-primary);font-size:.9rem;margin-top:7rem;padding:3rem 0;text-align:center}footer a{color:var(--color-bg)}.footer__logo{display:inline-block;font-size:2rem;font-weight:500;margin-bottom:2rem}.permalinks{flex-wrap:wrap;gap:2rem;margin:0 auto 3rem}.footer__social,.permalinks{display:flex;justify-content:center}.footer__social{gap:1rem;margin-bottom:4rem}.footer__social a{background:var(--color-bg);border:1px solid transparent;border-radius:.7rem;color:var(--color-white);display:flex;padding:.8rem}.footer__social a:hover{background:transparent;border-color:var(--color-bg);color:var(--color-bg)}.footer__copyright{color:var(--color-bg);margin-bottom:4rem}@media screen and (max-width:600px){.permalinks{flex-direction:column;gap:1.5rem}.footer__social{margin-bottom:2.6rem}}.Experience{display:grid;grid-template-columns:repeat(2,1fr);padding:2.4rem 3.5rem}.company{color:var(--color-primary)}.Experience>div{background:var(--color-bg-variant);border:1px solid transparent;border-radius:2rem;padding:2.4rem 2.5rem;transition:var(--transition)}.duration{color:var(--color-primary)}.exp_item{background:var(--color-bg-variant);border:1px solid transparent;border-radius:2rem;margin-bottom:20px;margin-right:10px;padding:1.3rem;transition:var(--transition)}.exp_item:hover{background:transparent;border-color:var(--color-primary-variant)}.company-duration{align-items:center;display:flex;justify-content:space-between}.company-duration h2{color:var(--color-primary);margin-bottom:0}.company-duration h2:first-child{font-size:20px}.company-duration h2:nth-child(2){font-size:14px;margin-left:10px}.role{color:skyblue;font-weight:700}.exp_item h3:nth-child(3){color:var(--color-primary);font-size:16px;margin-bottom:10px}.exp_desc{font-size:14px;margin-top:5px;text-align:justify}@media (min-width:1200px){.exp_item{width:95%}.Experience{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:1024px){.Experience{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:600px){.Experience{grid-template-columns:repeat(1,1fr)}}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-bg:#1f1f38;--color-bg-variant:#2c2c6c;--color-primary:#4db5ff;--color-primary-variant:rgba(77,181,255,.4);--color-white:#fff;--color-light:hsla(0,0%,100%,.6);--transition:all 400ms ease;--container-width-lg:75%;--container-width-md:86%;--container-width-ms:90%}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{background:#1f1f38;background:var(--color-bg);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKcWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wMS0xN1QxODo0NzozMVoiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDEtMTlUMTA6NDE6MzBaIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0wMS0xOVQxMDo0MTozMFoiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRkZmE3YzdlLTljMjMtZGY0NS1hNjE3LTI1ZmIxN2MwYzI2YiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ1NzM3ODMzLTZkNDMtZTU0Yy05ZGJlLTkzM2ZjN2QyNWQ2MSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmFkZWMyZmNmLTBlN2MtYmY0NC04MjdhLTYyN2IxOTdkODg1ZiIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB0aWZmOk9yaWVudGF0aW9uPSIxIiB0aWZmOlhSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6WVJlc29sdXRpb249IjcyMDAwMC8xMDAwMCIgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMiIgZXhpZjpDb2xvclNwYWNlPSIxIiBleGlmOlBpeGVsWERpbWVuc2lvbj0iMTYiIGV4aWY6UGl4ZWxZRGltZW5zaW9uPSIxNiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YWRlYzJmY2YtMGU3Yy1iZjQ0LTgyN2EtNjI3YjE5N2Q4ODVmIiBzdEV2dDp3aGVuPSIyMDIyLTAxLTE3VDE4OjQ3OjMxWiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphMTc3MmY0ZS1jZGNkLTcyNDYtYjYyNi1kNzRlNWQxMGZiYmQiIHN0RXZ0OndoZW49IjIwMjItMDEtMThUMTc6MjBaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuNCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmJkMmQ3ZDMyLTU2YWEtNTY0OS04NDdmLTBmMWYzZThmMGJkYiIgc3RFdnQ6d2hlbj0iMjAyMi0wMS0xOVQxMDo0MTozMFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NGRmYTdjN2UtOWMyMy1kZjQ1LWE2MTctMjVmYjE3YzBjMjZiIiBzdEV2dDp3aGVuPSIyMDIyLTAxLTE5VDEwOjQxOjMwWiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiZDJkN2QzMi01NmFhLTU2NDktODQ3Zi0wZjFmM2U4ZjBiZGIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiNTQwNjllOC1iYmI1LWJhNGYtOGQ0Ny1kMWM2OWIwZDEwNDQiIHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphZGVjMmZjZi0wZTdjLWJmNDQtODI3YS02MjdiMTk3ZDg4NWYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7hJkGIAAAAgUlEQVQ4jaWTSwqAMAwFxxp15ff+VxQ/O1GsGwUpttr4IMuZFJqHMUIglWSFWGvxjQnADdBu67KFNvgE9TmveRLU5/ZPcQVRsCuIhu8CFQwgQAeUGvh6QaKFL0EPTH8EAKNWcv8FlcS9g2jJ0yVGSXxdGIH5iyDU5QHYU8kF8DbyAFHyKD3LdWDGAAAAAElFTkSuQmCC);color:#fff;color:var(--color-white);font-family:Poppins,sans-serif;line-height:1.7}.container{margin:0 auto;width:75%;width:var(--container-width-lg)}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:2.5rem}section{margin-top:8rem}section>h2,section>h5{color:hsla(0,0%,100%,.6);color:var(--color-light);text-align:center}section>h2{color:#4db5ff;color:var(--color-primary);margin-bottom:3rem}.text-light{color:hsla(0,0%,100%,.6);color:var(--color-light)}a{color:#4db5ff;color:var(--color-primary);transition:all .4s ease;transition:var(--transition)}a:hover{color:#fff;color:var(--color-white)}.btn{border:1px solid #4db5ff;border:1px solid var(--color-primary);border-radius:.4rem;color:#4db5ff;color:var(--color-primary);cursor:pointer;display:inline-block;padding:.75rem 1.2rem;transition:all .4s ease;transition:var(--transition);width:-webkit-max-content;width:max-content}.btn:hover{background:#fff;background:var(--color-white);border-color:transparent}.btn-primary,.btn:hover{color:#1f1f38;color:var(--color-bg)}.btn-primary{background:#4db5ff;background:var(--color-primary)}img{display:block;object-fit:cover;width:100%}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-md)}section{margin-top:6rem}}@media screen and (max-width:600px){.container{width:90%;width:var(--container-width-ms)}section>h2{margin-top:6rem}}
-/*# sourceMappingURL=main.7946ffc3.css.map*/
\ No newline at end of file
diff --git a/static/css/main.7946ffc3.css.map b/static/css/main.7946ffc3.css.map
deleted file mode 100644
index 100907d..0000000
--- a/static/css/main.7946ffc3.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"static/css/main.7946ffc3.css","mappings":"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","sources":["components/header/header.css","components/nav/nav.css","components/Skills/skills.css","components/Project/Project.css","components/contact/contact.css","components/footer/footer.css","components/experience/experience.css","index.css"],"sourcesContent":["header{\r\n height: 100vh;\r\n padding-top: 7rem;\r\n overflow: hidden;\r\n\r\n}\r\n\r\n.header__container{\r\n text-align: center;\r\n height: 100%;\r\n position: relative;\r\n \r\n}\r\n\r\n.cta{\r\n margin-top: 2.5rem;\r\n display: flex;\r\n gap: 1.2rem;\r\n justify-content: center;\r\n}\r\n\r\n.header__socials{\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.8rem;\r\n align-items: center;\r\n position: absolute;\r\n left: 0;\r\n bottom: 3rem;\r\n\r\n}\r\n\r\n.header__socials::after{\r\n content: '';\r\n width: 1px;\r\n height: 2rem;\r\n background: var(--color-primary);\r\n}\r\n\r\n.pic{\r\n background: linear-gradient(var(--color-primary),transparent) ;\r\n width: 22rem;\r\n height: 30rem;\r\n position: absolute;\r\n left: calc(50% - 11rem);\r\n margin-top: 4rem;\r\n border-radius: 12rem 12rem 0 0 ;\r\n overflow: hidden;\r\n padding: 5rem 1.5rem 1.5rem 1.5rem;\r\n \r\n}\r\n\r\n.scroll__down{\r\n position: absolute;\r\n right: -2.3rem;\r\n bottom: 5rem;\r\n transform: rotate(90deg);\r\n font-weight: 300;\r\n font-size: 0.8rem;\r\n}\r\n\r\n\r\n@media screen and (max-width:1024px) {\r\n header{\r\n height: 68vh;\r\n }\r\n}\r\n\r\n@media screen and (max-width:600px) {\r\n header{\r\n height: 100vh;\r\n }\r\n\r\n .header__socials,\r\n .scroll__down{\r\n display: none;\r\n }\r\n}","nav{\r\n background: rgba(0,0,0,0.3);\r\n width: max-content;\r\n display: block;\r\n padding: 0.7rem 1.7rem;\r\n z-index: 2;\r\n position: fixed;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n bottom: 2rem;\r\n display: flex;\r\n gap: 0.8rem;\r\n border-radius: 3rem;\r\n backdrop-filter: blur(15px);\r\n\r\n}\r\n\r\nnav a{\r\n background: transparent;\r\n padding: 0.9rem;\r\n border-radius: 50%;\r\n display: flex;\r\n color: var(--color-light);\r\n font-size: 1.1rem;\r\n}\r\n\r\nnav a:hover{\r\n background: rgba(0, 0, 0, 0.3);\r\n\r\n}\r\n\r\nnav a.active{\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n \r\n\r\n}",".skills__container{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr ;\r\n gap: 2rem;\r\n\r\n}\r\n\r\n\r\n\r\n.skills__container >div {\r\n background: var(--color-bg-variant);\r\n padding: 2.4rem 2.5rem;\r\n border-radius: 2rem;\r\n transition: var(--transition);\r\n border: 1px solid transparent;\r\n}\r\n\r\n.skills__container >div:hover {\r\n background: transparent;\r\n border-color: var(--color-primary-variant);\r\n cursor: default;\r\n}\r\n\r\n.skills__container >div h3{\r\n text-align: center;\r\n margin-bottom: 2rem;\r\n color: var(--color-primary)\r\n}\r\n\r\n.skill__content{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n row-gap: 2rem;\r\n}\r\n\r\n.skill__detail{\r\n display: flex;\r\n gap: 1rem;\r\n}\r\n\r\n.skill__detail-icon{\r\n margin-top: 6px;\r\n color: var(--color-primary);\r\n \r\n}\r\n\r\n\r\n@media screen and (max-width:1024px) {\r\n .skills__container{\r\n grid-template-columns: 1fr;\r\n\r\n }\r\n .skills__container >div {\r\n width: 80%;\r\n padding: 2rem;\r\n margin: 0 auto;\r\n\r\n }\r\n .skill__content{\r\n padding: 1rem;\r\n }\r\n}\r\n\r\n@media screen and (max-width:600px) {\r\n .skills__container{\r\n gap:1rem\r\n }\r\n .skills__container >div{\r\n width: 100%;\r\n padding: 2rem 1 rem;\r\n }\r\n}\r\n\r\n",".project__container{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n /* repeat(3,1fr); */\r\n gap:2.5rem\r\n}\r\n.project__title{\r\n color: skyblue;\r\n}\r\n\r\n.project__item{\r\n background: var(--color-bg-variant);\r\n padding: 1.3rem;\r\n border-radius: 2rem;\r\n border: 1px solid transparent;\r\n transition: var(--transition);\r\n}\r\n\r\n.project__item:hover{\r\n border-color: var(--color-primary-variant);\r\n background: transparent;\r\n}\r\n\r\n.project__item-image{\r\n border-radius: 1.5rem;\r\n overflow: hidden;\r\n height: 18rem;\r\n\r\n}\r\n\r\n.project__item h3{\r\n margin: 1.2rem 0 2rem;\r\n}\r\n\r\n.project__item-cta{\r\n display: flex;\r\n margin-top: 1rem;\r\n margin-bottom: 1rem;\r\n gap: 1rem;\r\n}\r\n\r\n.project_desc{\r\n height: 18rem;\r\n text-align: justify;\r\n}\r\n\r\n.project__button{\r\n text-align: center;\r\n width: -webkit-fill-available;\r\n display: inline-block;\r\n color: var(--color-primary);\r\n padding: 0.75rem 1.2rem;\r\n border-radius: 0.4rem;\r\n cursor: pointer;\r\n border: 1px solid var(--color-primary);\r\n transition: var(--transition);\r\n}\r\n\r\n.project__button:hover{\r\n background: var(--color-white);\r\n color: var(--color-bg);\r\n border-color: transparent;\r\n}\r\n\r\n.project__button-primary{\r\n background: var(--color-primary);\r\n color: var(--color-bg);\r\n}\r\n\r\n@media screen and (max-width:1024px) {\r\n .project__container{\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.2rem;\r\n }\r\n}\r\n\r\n@media screen and (max-width:600px) {\r\n .project__container{\r\n grid-template-columns: 1fr;\r\n gap: 1rem;\r\n /* height: max-content; */\r\n \r\n }\r\n .project_desc{\r\n height: 24rem;\r\n text-align: justify;\r\n }\r\n}",".container.contact__container{\r\n width: 58%;\r\n display: grid;\r\n grid-template-columns: 30% 58%;\r\n gap: 12%;\r\n}\r\n\r\n.contact__options{\r\n display: flex;\r\n flex-direction: column;\r\n gap:1.2rem;\r\n}\r\n\r\n.contact__option{\r\n background-color: var(--color-bg-variant);\r\n padding: 1.2rem;\r\n border-radius: 1.2rem;\r\n text-align: center;\r\n border: 1px solid transparent;\r\n transition: var(--transition);\r\n}\r\n.contact__option:hover{\r\n background: transparent;\r\n border-color: var(--color-primary-variant);\r\n}\r\n\r\n.contact__option-icon{\r\n font-size: 1.5rem;\r\n margin-bottom: 0.5rem;\r\n\r\n}\r\n\r\n.contact__option a{\r\n margin-top: 0.7rem;\r\n display: inline-block;\r\n font-size: 0.8rem;\r\n}\r\n\r\nform{\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.2rem;\r\n}\r\n\r\ninput,textarea{\r\n width: 100%;\r\n padding: 1.5rem;\r\n border-radius: 0.5rem;\r\n background: transparent;\r\n border: 2px solid var(--color-primary-variant);\r\n resize: none;\r\n color: var(--color-white);\r\n}\r\n\r\n\r\n@media screen and (max-width:1024px) {\r\n .container.contact__container{\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n}\r\n\r\n@media screen and (max-width:600px) {\r\n .container.contact__container{\r\n width: var(--container-width-ms);\r\n }\r\n}\r\n\r\n","footer{\r\n background: var(--color-primary);\r\n padding: 3rem 0;\r\n text-align: center;\r\n font-size: 0.9rem;\r\n margin-top: 7rem;\r\n\r\n}\r\n\r\nfooter a{\r\n color: var(--color-bg);\r\n}\r\n\r\n.footer__logo{\r\n font-size: 2rem;\r\n font-weight: 500;\r\n margin-bottom: 2rem;\r\n display: inline-block;\r\n}\r\n\r\n.permalinks{\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 2rem;\r\n margin: 0 auto 3rem;\r\n\r\n}\r\n\r\n.footer__social{\r\n display: flex;\r\n justify-content: center;\r\n gap: 1rem;\r\n margin-bottom: 4rem;\r\n\r\n}\r\n\r\n.footer__social a{\r\n background: var(--color-bg);\r\n color: var(--color-white);\r\n padding: 0.8rem;\r\n border-radius: 0.7rem;\r\n display: flex;\r\n border: 1px solid transparent;\r\n\r\n}\r\n.footer__social a:hover{\r\n background: transparent;\r\n color: var(--color-bg) ;\r\n border-color: var(--color-bg);\r\n\r\n\r\n}\r\n\r\n.footer__copyright{\r\n margin-bottom: 4rem;\r\n color: var(--color-bg);\r\n}\r\n\r\n\r\n@media screen and (max-width:600px) {\r\n .permalinks{\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n\r\n }\r\n .footer__social{\r\n margin-bottom: 2.6rem;\r\n }\r\n}\r\n","#Experience {\r\n /* Add any additional styles for the section here */\r\n }\r\n \r\n .Experience {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n /* gap: 1.5rem; */\r\n padding: 2.4rem 3.5rem;\r\n }\r\n\r\n \r\n .company{\r\n color: var(--color-primary)\r\n }\r\n\r\n .Experience >div {\r\n background: var(--color-bg-variant);\r\n padding: 2.4rem 2.5rem;\r\n border-radius: 2rem;\r\n transition: var(--transition);\r\n border: 1px solid transparent;\r\n}\r\n\r\n .duration{\r\n color: var(--color-primary)\r\n }\r\n .exp_item {\r\n margin-bottom: 20px;\r\n padding: 1.3rem;\r\n border-radius: 2rem;\r\n border: 1px solid transparent;\r\n transition: var(--transition);\r\n margin-bottom: 20px;\r\n background: var(--color-bg-variant);\r\n margin-right: 10px;\r\n \r\n }\r\n \r\n .exp_item:hover {\r\n border-color: var(--color-primary-variant);\r\n background: transparent;\r\n }\r\n \r\n .company-duration {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n \r\n .company-duration h2 {\r\n margin-bottom: 0;\r\n color: var(--color-primary);\r\n }\r\n .company-duration h2:nth-child(1) {\r\n font-size: 20px;\r\n /* margin-left: 10px; */\r\n }\r\n \r\n .company-duration h2:nth-child(2) {\r\n font-size: 14px;\r\n margin-left: 10px;\r\n }\r\n \r\n .role {\r\n font-weight: bold;\r\n color: skyblue;\r\n \r\n }\r\n \r\n .exp_item h3:nth-child(3) {\r\n font-size: 16px;\r\n margin-bottom: 10px;\r\n color: var(--color-primary);\r\n }\r\n \r\n .exp_desc {\r\n margin-top: 5px;\r\n font-size: 14px;\r\n text-align: justify;\r\n }\r\n \r\n @media (min-width: 1200px) {\r\n .exp_item {\r\n width: 95%;\r\n }\r\n .Experience{\r\n grid-template-columns: repeat(1, 1fr);\r\n }\r\n }\r\n @media screen and (max-width:1024px) {\r\n .Experience{\r\n grid-template-columns: repeat(1, 1fr);\r\n }\r\n}\r\n\r\n@media screen and (max-width:600px) {\r\n .Experience{\r\n grid-template-columns: repeat(1, 1fr);\r\n }\r\n} ","@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');\r\n\r\n*{\r\n margin: 0;\r\n padding: 0;\r\n border: 0;\r\n outline: 0;\r\n box-sizing: border-box;\r\n list-style: none;\r\n text-decoration: none;\r\n\r\n}\r\n\r\n:root{\r\n --color-bg: #1f1f38;\r\n --color-bg-variant: #2c2c6c;\r\n --color-primary:#4db5ff;\r\n --color-primary-variant: rgba(77,181,255,0.4);\r\n --color-white:#fff;\r\n --color-light:rgba(255,255,255,0.6);\r\n\r\n --transition: all 400ms ease ;\r\n\r\n --container-width-lg:75%;\r\n --container-width-md:86%;\r\n --container-width-ms:90%;\r\n}\r\n\r\nhtml{\r\n scroll-behavior: smooth;\r\n\r\n}\r\n\r\n::-webkit-scrollbar{\r\n display: none;\r\n}\r\n\r\nbody{\r\n font-family: 'Poppins', sans-serif; \r\n background: var(--color-bg);\r\n color: var(--color-white);\r\n line-height: 1.7;\r\n background-image: url(./assets/bg-texture.png);\r\n\r\n}\r\n\r\n.container{\r\n width: var(--container-width-lg);\r\n margin: 0 auto;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5{\r\n font-weight: 500;\r\n}\r\n\r\nh1{\r\n font-size: 2.5rem;\r\n}\r\n \r\nsection{\r\n margin-top: 8rem;\r\n}\r\nsection > h2 ,\r\nsection > h5 {\r\n text-align: center;\r\n color: var(--color-light);\r\n}\r\n\r\nsection>h2{\r\n color: var(--color-primary);\r\n margin-bottom: 3rem;\r\n}\r\n\r\n.text-light{\r\n color: var(--color-light);\r\n}\r\n\r\na {\r\n color: var(--color-primary);\r\n transition: var(--transition);\r\n\r\n \r\n}\r\n\r\na:hover {\r\n color: var(--color-white);\r\n}\r\n\r\n.btn{\r\n width: max-content;\r\n display: inline-block;\r\n color: var(--color-primary);\r\n padding: 0.75rem 1.2rem;\r\n border-radius: 0.4rem;\r\n cursor: pointer;\r\n border: 1px solid var(--color-primary);\r\n transition: var(--transition);\r\n\r\n}\r\n\r\n.btn:hover{\r\n background: var(--color-white);\r\n color: var(--color-bg);\r\n border-color: transparent;\r\n}\r\n\r\n.btn-primary{\r\n background: var(--color-primary);\r\n color: var(--color-bg);\r\n}\r\n\r\nimg{\r\n display: block;\r\n width: 100%;\r\n object-fit: cover;\r\n}\r\n\r\n@media screen and (max-width:1024px) {\r\n .container {\r\n width: var(--container-width-md);\r\n }\r\n section {\r\n margin-top: 6rem;\r\n }\r\n}\r\n\r\n@media screen and (max-width:600px) {\r\n .container {\r\n width: var(--container-width-ms);\r\n }\r\n section >h2 {\r\n margin-top: 6rem;\r\n }\r\n}"],"names":[],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/css/main.dd97c9f4.css b/static/css/main.dd97c9f4.css
new file mode 100644
index 0000000..eac807b
--- /dev/null
+++ b/static/css/main.dd97c9f4.css
@@ -0,0 +1,2 @@
+@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);header{height:100vh;overflow:hidden;padding-top:7rem}.header__container{height:100%;position:relative;text-align:center}.cta{display:flex;gap:1.2rem;justify-content:center;margin-top:2.5rem}.header__socials{align-items:center;bottom:3rem;display:flex;flex-direction:column;gap:.8rem;left:0;position:absolute}.header__socials:after{background:var(--color-primary);content:"";height:2rem;width:1px}.pic{background:linear-gradient(var(--color-primary),transparent);border-radius:12rem 12rem 0 0;height:30rem;left:calc(50% - 11rem);margin-top:4rem;overflow:hidden;padding:5rem 1.5rem 1.5rem;position:absolute;width:22rem}.scroll__down{bottom:5rem;font-size:.8rem;font-weight:300;position:absolute;right:-2.3rem;-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media screen and (max-width:1024px){header{height:68vh}}@media screen and (max-width:600px){header{height:100vh}.header__socials,.scroll__down{display:none}}nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.3);border-radius:3rem;bottom:2rem;display:block;gap:.8rem;left:50%;padding:.7rem 1.7rem;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:2}nav,nav a{display:flex}nav a{background:transparent;border-radius:50%;color:var(--color-light);font-size:1.1rem;padding:.9rem}nav a:hover{background:rgba(0,0,0,.3)}nav a.active{background:var(--color-primary);color:var(--color-white)}.skills__container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.skills__container>div{background:var(--color-bg-variant);border:1px solid transparent;border-radius:2rem;padding:2.4rem 2.5rem;transition:var(--transition)}.skills__container>div:hover{background:transparent;border-color:var(--color-primary-variant);cursor:default}.skills__container>div h3{color:var(--color-primary);margin-bottom:2rem;text-align:center}.skill__content{grid-row-gap:2rem;display:grid;grid-template-columns:1fr 1fr;row-gap:2rem}.skill__detail{display:flex;gap:1rem}.skill__detail-icon{color:var(--color-primary);margin-top:6px}@media screen and (max-width:1024px){.skills__container{grid-template-columns:1fr}.skills__container>div{margin:0 auto;padding:2rem;width:80%}.skill__content{padding:1rem}}@media screen and (max-width:600px){.skills__container{gap:1rem}.skills__container>div{padding:2rem 1 rem;width:100%}}.project__container{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr 1fr}.project__title{color:skyblue}.project__item{background:var(--color-bg-variant);border:1px solid transparent;border-radius:2rem;padding:1.3rem;transition:var(--transition)}.project__item:hover{background:transparent;border-color:var(--color-primary-variant)}.project__item-image{border-radius:1.5rem;overflow:hidden}.project__item h3{margin:1.2rem 0 2rem}.project__item-cta{display:flex;gap:1rem;margin-bottom:1rem;margin-top:1rem}.project_desc{text-align:justify}.project__button{border:1px solid var(--color-primary);border-radius:.4rem;color:var(--color-primary);cursor:pointer;display:inline-block;padding:.75rem 1.2rem;text-align:center;transition:var(--transition);width:-webkit-fill-available}.project__button:hover{background:var(--color-white);border-color:transparent;color:var(--color-bg)}.project__button-primary{background:var(--color-primary);color:var(--color-bg)}@media screen and (max-width:1024px){.project__container{gap:1.2rem;grid-template-columns:1fr 1fr}}@media screen and (max-width:600px){.project__container{gap:1rem;grid-template-columns:1fr}}.container.contact__container{grid-gap:12%;display:grid;gap:12%;grid-template-columns:30% 58%;width:58%}.contact__options{display:flex;flex-direction:column;gap:1.2rem}.contact__option{background-color:var(--color-bg-variant);border:1px solid transparent;border-radius:1.2rem;padding:1.2rem;text-align:center;transition:var(--transition)}.contact__option:hover{background:transparent;border-color:var(--color-primary-variant)}.contact__option-icon{font-size:1.5rem;margin-bottom:.5rem}.contact__option a{display:inline-block;font-size:.8rem;margin-top:.7rem}form{display:flex;flex-direction:column;gap:1.2rem}input,textarea{background:transparent;border:2px solid var(--color-primary-variant);border-radius:.5rem;color:var(--color-white);padding:1.5rem;resize:none;width:100%}@media screen and (max-width:1024px){.container.contact__container{gap:2rem;grid-template-columns:1fr}}@media screen and (max-width:600px){.container.contact__container{width:var(--container-width-ms)}}footer{background:var(--color-primary);font-size:.9rem;margin-top:7rem;padding:3rem 0;text-align:center}footer a{color:var(--color-bg)}.footer__logo{display:inline-block;font-size:2rem;font-weight:500;margin-bottom:2rem}.permalinks{flex-wrap:wrap;gap:2rem;margin:0 auto 3rem}.footer__social,.permalinks{display:flex;justify-content:center}.footer__social{gap:1rem;margin-bottom:4rem}.footer__social a{background:var(--color-bg);border:1px solid transparent;border-radius:.7rem;color:var(--color-white);display:flex;padding:.8rem}.footer__social a:hover{background:transparent;border-color:var(--color-bg);color:var(--color-bg)}.footer__copyright{color:var(--color-bg);margin-bottom:4rem}@media screen and (max-width:600px){.permalinks{flex-direction:column;gap:1.5rem}.footer__social{margin-bottom:2.6rem}}.Experience{display:grid;grid-template-columns:repeat(2,1fr);padding:2.4rem 3.5rem}.company{color:var(--color-primary)}.Experience>div{background:var(--color-bg-variant);border:1px solid transparent;border-radius:2rem;padding:2.4rem 2.5rem;transition:var(--transition)}.duration{color:var(--color-primary)}.exp_item{background:var(--color-bg-variant);border:1px solid transparent;border-radius:2rem;margin-bottom:20px;margin-right:10px;padding:1.3rem;transition:var(--transition)}.exp_item:hover{background:transparent;border-color:var(--color-primary-variant)}.company-duration{align-items:center;display:flex;justify-content:space-between}.company-duration h2{color:var(--color-primary);margin-bottom:0}.company-duration h2:first-child{font-size:20px}.company-duration h2:nth-child(2){font-size:14px;margin-left:10px}.role{color:skyblue;font-weight:700}.exp_item h3:nth-child(3){color:var(--color-primary);font-size:16px;margin-bottom:10px}.exp_desc{font-size:14px;margin-top:5px;text-align:justify}@media screen and (max-width:1200px){.Experience{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:900px){.Experience{grid-template-columns:repeat(1,1fr)}}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-bg:#1f1f38;--color-bg-variant:#2c2c6c;--color-primary:#4db5ff;--color-primary-variant:rgba(77,181,255,.4);--color-white:#fff;--color-light:hsla(0,0%,100%,.6);--transition:all 400ms ease;--container-width-lg:75%;--container-width-md:86%;--container-width-ms:90%}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{background:#1f1f38;background:var(--color-bg);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKcWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wMS0xN1QxODo0NzozMVoiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDEtMTlUMTA6NDE6MzBaIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0wMS0xOVQxMDo0MTozMFoiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRkZmE3YzdlLTljMjMtZGY0NS1hNjE3LTI1ZmIxN2MwYzI2YiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ1NzM3ODMzLTZkNDMtZTU0Yy05ZGJlLTkzM2ZjN2QyNWQ2MSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmFkZWMyZmNmLTBlN2MtYmY0NC04MjdhLTYyN2IxOTdkODg1ZiIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB0aWZmOk9yaWVudGF0aW9uPSIxIiB0aWZmOlhSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6WVJlc29sdXRpb249IjcyMDAwMC8xMDAwMCIgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMiIgZXhpZjpDb2xvclNwYWNlPSIxIiBleGlmOlBpeGVsWERpbWVuc2lvbj0iMTYiIGV4aWY6UGl4ZWxZRGltZW5zaW9uPSIxNiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YWRlYzJmY2YtMGU3Yy1iZjQ0LTgyN2EtNjI3YjE5N2Q4ODVmIiBzdEV2dDp3aGVuPSIyMDIyLTAxLTE3VDE4OjQ3OjMxWiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphMTc3MmY0ZS1jZGNkLTcyNDYtYjYyNi1kNzRlNWQxMGZiYmQiIHN0RXZ0OndoZW49IjIwMjItMDEtMThUMTc6MjBaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuNCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmJkMmQ3ZDMyLTU2YWEtNTY0OS04NDdmLTBmMWYzZThmMGJkYiIgc3RFdnQ6d2hlbj0iMjAyMi0wMS0xOVQxMDo0MTozMFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NGRmYTdjN2UtOWMyMy1kZjQ1LWE2MTctMjVmYjE3YzBjMjZiIiBzdEV2dDp3aGVuPSIyMDIyLTAxLTE5VDEwOjQxOjMwWiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiZDJkN2QzMi01NmFhLTU2NDktODQ3Zi0wZjFmM2U4ZjBiZGIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiNTQwNjllOC1iYmI1LWJhNGYtOGQ0Ny1kMWM2OWIwZDEwNDQiIHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphZGVjMmZjZi0wZTdjLWJmNDQtODI3YS02MjdiMTk3ZDg4NWYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7hJkGIAAAAgUlEQVQ4jaWTSwqAMAwFxxp15ff+VxQ/O1GsGwUpttr4IMuZFJqHMUIglWSFWGvxjQnADdBu67KFNvgE9TmveRLU5/ZPcQVRsCuIhu8CFQwgQAeUGvh6QaKFL0EPTH8EAKNWcv8FlcS9g2jJ0yVGSXxdGIH5iyDU5QHYU8kF8DbyAFHyKD3LdWDGAAAAAElFTkSuQmCC);color:#fff;color:var(--color-white);font-family:Poppins,sans-serif;line-height:1.7}.container{margin:0 auto;width:75%;width:var(--container-width-lg)}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:2.5rem}section{margin-top:8rem}section>h2,section>h5{color:hsla(0,0%,100%,.6);color:var(--color-light);text-align:center}section>h2{color:#4db5ff;color:var(--color-primary);margin-bottom:3rem}.text-light{color:hsla(0,0%,100%,.6);color:var(--color-light)}a{color:#4db5ff;color:var(--color-primary);transition:all .4s ease;transition:var(--transition)}a:hover{color:#fff;color:var(--color-white)}.btn{border:1px solid #4db5ff;border:1px solid var(--color-primary);border-radius:.4rem;color:#4db5ff;color:var(--color-primary);cursor:pointer;display:inline-block;padding:.75rem 1.2rem;transition:all .4s ease;transition:var(--transition);width:-webkit-max-content;width:max-content}.btn:hover{background:#fff;background:var(--color-white);border-color:transparent}.btn-primary,.btn:hover{color:#1f1f38;color:var(--color-bg)}.btn-primary{background:#4db5ff;background:var(--color-primary)}img{display:block;object-fit:cover;width:100%}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-md)}section{margin-top:6rem}}@media screen and (max-width:600px){.container{width:90%;width:var(--container-width-ms)}section>h2{margin-top:6rem}}
+/*# sourceMappingURL=main.dd97c9f4.css.map*/
\ No newline at end of file
diff --git a/static/css/main.dd97c9f4.css.map b/static/css/main.dd97c9f4.css.map
new file mode 100644
index 0000000..70486e0
--- /dev/null
+++ b/static/css/main.dd97c9f4.css.map
@@ -0,0 +1 @@
+{"version":3,"file":"static/css/main.dd97c9f4.css","mappings":"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","sources":["components/header/header.css","components/nav/nav.css","components/Skills/skills.css","components/Project/Project.css","components/contact/contact.css","components/footer/footer.css","components/experience/experience.css","index.css"],"sourcesContent":["header{\r\n height: 100vh;\r\n padding-top: 7rem;\r\n overflow: hidden;\r\n\r\n}\r\n\r\n.header__container{\r\n text-align: center;\r\n height: 100%;\r\n position: relative;\r\n \r\n}\r\n\r\n.cta{\r\n margin-top: 2.5rem;\r\n display: flex;\r\n gap: 1.2rem;\r\n justify-content: center;\r\n}\r\n\r\n.header__socials{\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.8rem;\r\n align-items: center;\r\n position: absolute;\r\n left: 0;\r\n bottom: 3rem;\r\n\r\n}\r\n\r\n.header__socials::after{\r\n content: '';\r\n width: 1px;\r\n height: 2rem;\r\n background: var(--color-primary);\r\n}\r\n\r\n.pic{\r\n background: linear-gradient(var(--color-primary),transparent) ;\r\n width: 22rem;\r\n height: 30rem;\r\n position: absolute;\r\n left: calc(50% - 11rem);\r\n margin-top: 4rem;\r\n border-radius: 12rem 12rem 0 0 ;\r\n overflow: hidden;\r\n padding: 5rem 1.5rem 1.5rem 1.5rem;\r\n \r\n}\r\n\r\n.scroll__down{\r\n position: absolute;\r\n right: -2.3rem;\r\n bottom: 5rem;\r\n transform: rotate(90deg);\r\n font-weight: 300;\r\n font-size: 0.8rem;\r\n}\r\n\r\n\r\n@media screen and (max-width:1024px) {\r\n header{\r\n height: 68vh;\r\n }\r\n}\r\n\r\n@media screen and (max-width:600px) {\r\n header{\r\n height: 100vh;\r\n }\r\n\r\n .header__socials,\r\n .scroll__down{\r\n display: none;\r\n }\r\n}","nav{\r\n background: rgba(0,0,0,0.3);\r\n width: max-content;\r\n display: block;\r\n padding: 0.7rem 1.7rem;\r\n z-index: 2;\r\n position: fixed;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n bottom: 2rem;\r\n display: flex;\r\n gap: 0.8rem;\r\n border-radius: 3rem;\r\n backdrop-filter: blur(15px);\r\n\r\n}\r\n\r\nnav a{\r\n background: transparent;\r\n padding: 0.9rem;\r\n border-radius: 50%;\r\n display: flex;\r\n color: var(--color-light);\r\n font-size: 1.1rem;\r\n}\r\n\r\nnav a:hover{\r\n background: rgba(0, 0, 0, 0.3);\r\n\r\n}\r\n\r\nnav a.active{\r\n background: var(--color-primary);\r\n color: var(--color-white);\r\n \r\n\r\n}",".skills__container{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr ;\r\n gap: 2rem;\r\n\r\n}\r\n\r\n\r\n\r\n.skills__container >div {\r\n background: var(--color-bg-variant);\r\n padding: 2.4rem 2.5rem;\r\n border-radius: 2rem;\r\n transition: var(--transition);\r\n border: 1px solid transparent;\r\n}\r\n\r\n.skills__container >div:hover {\r\n background: transparent;\r\n border-color: var(--color-primary-variant);\r\n cursor: default;\r\n}\r\n\r\n.skills__container >div h3{\r\n text-align: center;\r\n margin-bottom: 2rem;\r\n color: var(--color-primary)\r\n}\r\n\r\n.skill__content{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n row-gap: 2rem;\r\n}\r\n\r\n.skill__detail{\r\n display: flex;\r\n gap: 1rem;\r\n}\r\n\r\n.skill__detail-icon{\r\n margin-top: 6px;\r\n color: var(--color-primary);\r\n \r\n}\r\n\r\n\r\n@media screen and (max-width:1024px) {\r\n .skills__container{\r\n grid-template-columns: 1fr;\r\n\r\n }\r\n .skills__container >div {\r\n width: 80%;\r\n padding: 2rem;\r\n margin: 0 auto;\r\n\r\n }\r\n .skill__content{\r\n padding: 1rem;\r\n }\r\n}\r\n\r\n@media screen and (max-width:600px) {\r\n .skills__container{\r\n gap:1rem\r\n }\r\n .skills__container >div{\r\n width: 100%;\r\n padding: 2rem 1 rem;\r\n }\r\n}\r\n\r\n",".project__container{\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n /* repeat(3,1fr); */\r\n gap:2.5rem\r\n}\r\n.project__title{\r\n color: skyblue;\r\n}\r\n\r\n.project__item{\r\n background: var(--color-bg-variant);\r\n padding: 1.3rem;\r\n border-radius: 2rem;\r\n border: 1px solid transparent;\r\n transition: var(--transition);\r\n}\r\n\r\n.project__item:hover{\r\n border-color: var(--color-primary-variant);\r\n background: transparent;\r\n}\r\n\r\n.project__item-image{\r\n border-radius: 1.5rem;\r\n overflow: hidden;\r\n /* height: 18rem; */\r\n\r\n}\r\n\r\n.project__item h3{\r\n margin: 1.2rem 0 2rem;\r\n}\r\n\r\n.project__item-cta{\r\n display: flex;\r\n margin-top: 1rem;\r\n margin-bottom: 1rem;\r\n gap: 1rem;\r\n}\r\n\r\n.project_desc{\r\n /* height: 18rem; */\r\n text-align: justify;\r\n}\r\n\r\n.project__button{\r\n text-align: center;\r\n width: -webkit-fill-available;\r\n display: inline-block;\r\n color: var(--color-primary);\r\n padding: 0.75rem 1.2rem;\r\n border-radius: 0.4rem;\r\n cursor: pointer;\r\n border: 1px solid var(--color-primary);\r\n transition: var(--transition);\r\n}\r\n\r\n.project__button:hover{\r\n background: var(--color-white);\r\n color: var(--color-bg);\r\n border-color: transparent;\r\n}\r\n\r\n.project__button-primary{\r\n background: var(--color-primary);\r\n color: var(--color-bg);\r\n}\r\n\r\n@media screen and (max-width:1024px) {\r\n .project__container{\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1.2rem;\r\n }\r\n}\r\n\r\n@media screen and (max-width:600px) {\r\n .project__container{\r\n grid-template-columns: 1fr;\r\n gap: 1rem;\r\n /* height: max-content; */\r\n \r\n }\r\n \r\n}",".container.contact__container{\r\n width: 58%;\r\n display: grid;\r\n grid-template-columns: 30% 58%;\r\n gap: 12%;\r\n}\r\n\r\n.contact__options{\r\n display: flex;\r\n flex-direction: column;\r\n gap:1.2rem;\r\n}\r\n\r\n.contact__option{\r\n background-color: var(--color-bg-variant);\r\n padding: 1.2rem;\r\n border-radius: 1.2rem;\r\n text-align: center;\r\n border: 1px solid transparent;\r\n transition: var(--transition);\r\n}\r\n.contact__option:hover{\r\n background: transparent;\r\n border-color: var(--color-primary-variant);\r\n}\r\n\r\n.contact__option-icon{\r\n font-size: 1.5rem;\r\n margin-bottom: 0.5rem;\r\n\r\n}\r\n\r\n.contact__option a{\r\n margin-top: 0.7rem;\r\n display: inline-block;\r\n font-size: 0.8rem;\r\n}\r\n\r\nform{\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.2rem;\r\n}\r\n\r\ninput,textarea{\r\n width: 100%;\r\n padding: 1.5rem;\r\n border-radius: 0.5rem;\r\n background: transparent;\r\n border: 2px solid var(--color-primary-variant);\r\n resize: none;\r\n color: var(--color-white);\r\n}\r\n\r\n\r\n@media screen and (max-width:1024px) {\r\n .container.contact__container{\r\n grid-template-columns: 1fr;\r\n gap: 2rem;\r\n }\r\n}\r\n\r\n@media screen and (max-width:600px) {\r\n .container.contact__container{\r\n width: var(--container-width-ms);\r\n }\r\n}\r\n\r\n","footer{\r\n background: var(--color-primary);\r\n padding: 3rem 0;\r\n text-align: center;\r\n font-size: 0.9rem;\r\n margin-top: 7rem;\r\n\r\n}\r\n\r\nfooter a{\r\n color: var(--color-bg);\r\n}\r\n\r\n.footer__logo{\r\n font-size: 2rem;\r\n font-weight: 500;\r\n margin-bottom: 2rem;\r\n display: inline-block;\r\n}\r\n\r\n.permalinks{\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 2rem;\r\n margin: 0 auto 3rem;\r\n\r\n}\r\n\r\n.footer__social{\r\n display: flex;\r\n justify-content: center;\r\n gap: 1rem;\r\n margin-bottom: 4rem;\r\n\r\n}\r\n\r\n.footer__social a{\r\n background: var(--color-bg);\r\n color: var(--color-white);\r\n padding: 0.8rem;\r\n border-radius: 0.7rem;\r\n display: flex;\r\n border: 1px solid transparent;\r\n\r\n}\r\n.footer__social a:hover{\r\n background: transparent;\r\n color: var(--color-bg) ;\r\n border-color: var(--color-bg);\r\n\r\n\r\n}\r\n\r\n.footer__copyright{\r\n margin-bottom: 4rem;\r\n color: var(--color-bg);\r\n}\r\n\r\n\r\n@media screen and (max-width:600px) {\r\n .permalinks{\r\n flex-direction: column;\r\n gap: 1.5rem;\r\n\r\n }\r\n .footer__social{\r\n margin-bottom: 2.6rem;\r\n }\r\n}\r\n","#Experience {\r\n /* Add any additional styles for the section here */\r\n }\r\n \r\n .Experience {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n /* gap: 1.5rem; */\r\n padding: 2.4rem 3.5rem;\r\n }\r\n\r\n \r\n .company{\r\n color: var(--color-primary)\r\n }\r\n\r\n .Experience >div {\r\n background: var(--color-bg-variant);\r\n padding: 2.4rem 2.5rem;\r\n border-radius: 2rem;\r\n transition: var(--transition);\r\n border: 1px solid transparent;\r\n}\r\n\r\n .duration{\r\n color: var(--color-primary)\r\n }\r\n .exp_item {\r\n margin-bottom: 20px;\r\n padding: 1.3rem;\r\n border-radius: 2rem;\r\n border: 1px solid transparent;\r\n transition: var(--transition);\r\n margin-bottom: 20px;\r\n background: var(--color-bg-variant);\r\n margin-right: 10px;\r\n \r\n }\r\n \r\n .exp_item:hover {\r\n border-color: var(--color-primary-variant);\r\n background: transparent;\r\n }\r\n \r\n .company-duration {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n \r\n .company-duration h2 {\r\n margin-bottom: 0;\r\n color: var(--color-primary);\r\n }\r\n .company-duration h2:nth-child(1) {\r\n font-size: 20px;\r\n /* margin-left: 10px; */\r\n }\r\n \r\n .company-duration h2:nth-child(2) {\r\n font-size: 14px;\r\n margin-left: 10px;\r\n }\r\n \r\n .role {\r\n font-weight: bold;\r\n color: skyblue;\r\n \r\n }\r\n \r\n .exp_item h3:nth-child(3) {\r\n font-size: 16px;\r\n margin-bottom: 10px;\r\n color: var(--color-primary);\r\n }\r\n \r\n .exp_desc {\r\n margin-top: 5px;\r\n font-size: 14px;\r\n text-align: justify;\r\n }\r\n \r\n /* @media (min-width: 1200px) {\r\n .exp_item {\r\n width: 95%;\r\n }\r\n .Experience{\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n } */\r\n @media screen and (max-width:1200px) {\r\n .Experience{\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n\r\n@media screen and (max-width:900px) {\r\n .Experience{\r\n grid-template-columns: repeat(1, 1fr);\r\n }\r\n} ","@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');\r\n\r\n*{\r\n margin: 0;\r\n padding: 0;\r\n border: 0;\r\n outline: 0;\r\n box-sizing: border-box;\r\n list-style: none;\r\n text-decoration: none;\r\n\r\n}\r\n\r\n:root{\r\n --color-bg: #1f1f38;\r\n --color-bg-variant: #2c2c6c;\r\n --color-primary:#4db5ff;\r\n --color-primary-variant: rgba(77,181,255,0.4);\r\n --color-white:#fff;\r\n --color-light:rgba(255,255,255,0.6);\r\n\r\n --transition: all 400ms ease ;\r\n\r\n --container-width-lg:75%;\r\n --container-width-md:86%;\r\n --container-width-ms:90%;\r\n}\r\n\r\nhtml{\r\n scroll-behavior: smooth;\r\n\r\n}\r\n\r\n::-webkit-scrollbar{\r\n display: none;\r\n}\r\n\r\nbody{\r\n font-family: 'Poppins', sans-serif; \r\n background: var(--color-bg);\r\n color: var(--color-white);\r\n line-height: 1.7;\r\n background-image: url(./assets/bg-texture.png);\r\n\r\n}\r\n\r\n.container{\r\n width: var(--container-width-lg);\r\n margin: 0 auto;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5{\r\n font-weight: 500;\r\n}\r\n\r\nh1{\r\n font-size: 2.5rem;\r\n}\r\n \r\nsection{\r\n margin-top: 8rem;\r\n}\r\nsection > h2 ,\r\nsection > h5 {\r\n text-align: center;\r\n color: var(--color-light);\r\n}\r\n\r\nsection>h2{\r\n color: var(--color-primary);\r\n margin-bottom: 3rem;\r\n}\r\n\r\n.text-light{\r\n color: var(--color-light);\r\n}\r\n\r\na {\r\n color: var(--color-primary);\r\n transition: var(--transition);\r\n\r\n \r\n}\r\n\r\na:hover {\r\n color: var(--color-white);\r\n}\r\n\r\n.btn{\r\n width: max-content;\r\n display: inline-block;\r\n color: var(--color-primary);\r\n padding: 0.75rem 1.2rem;\r\n border-radius: 0.4rem;\r\n cursor: pointer;\r\n border: 1px solid var(--color-primary);\r\n transition: var(--transition);\r\n\r\n}\r\n\r\n.btn:hover{\r\n background: var(--color-white);\r\n color: var(--color-bg);\r\n border-color: transparent;\r\n}\r\n\r\n.btn-primary{\r\n background: var(--color-primary);\r\n color: var(--color-bg);\r\n}\r\n\r\nimg{\r\n display: block;\r\n width: 100%;\r\n object-fit: cover;\r\n}\r\n\r\n@media screen and (max-width:1024px) {\r\n .container {\r\n width: var(--container-width-md);\r\n }\r\n section {\r\n margin-top: 6rem;\r\n }\r\n}\r\n\r\n@media screen and (max-width:600px) {\r\n .container {\r\n width: var(--container-width-ms);\r\n }\r\n section >h2 {\r\n margin-top: 6rem;\r\n }\r\n}"],"names":[],"sourceRoot":""}
\ No newline at end of file