From d6eb38a6befeaef713988b37f90761017da47107 Mon Sep 17 00:00:00 2001 From: Matheus Gomes <47065962+matheus369k@users.noreply.github.com> Date: Tue, 26 Dec 2023 20:08:31 -0300 Subject: [PATCH] Updates --- asset-manifest.json | 6 +++--- index.html | 2 +- static/css/main.3ce2cbbd.css | 2 ++ static/css/{main.aac8405f.css.map => main.3ce2cbbd.css.map} | 2 +- static/css/main.aac8405f.css | 2 -- 5 files changed, 7 insertions(+), 7 deletions(-) create mode 100644 static/css/main.3ce2cbbd.css rename static/css/{main.aac8405f.css.map => main.3ce2cbbd.css.map} (99%) delete mode 100644 static/css/main.aac8405f.css diff --git a/asset-manifest.json b/asset-manifest.json index 4cdcfec..fddc30f 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,6 +1,6 @@ { "files": { - "main.css": "/my-portfolio/static/css/main.aac8405f.css", + "main.css": "/my-portfolio/static/css/main.3ce2cbbd.css", "main.js": "/my-portfolio/static/js/main.47fe5ad5.js", "static/media/project-1.gif": "/my-portfolio/static/media/project-1.aa33e0882e9fbc836c82.gif", "static/media/project-7.gif": "/my-portfolio/static/media/project-7.ea999c88ab1bd3c3ce09.gif", @@ -20,11 +20,11 @@ "static/media/project-5.webp": "/my-portfolio/static/media/project-5.2547d06a3c462abd4588.webp", "static/media/project-2.webp": "/my-portfolio/static/media/project-2.a297396c477c6385e000.webp", "index.html": "/my-portfolio/index.html", - "main.aac8405f.css.map": "/my-portfolio/static/css/main.aac8405f.css.map", + "main.3ce2cbbd.css.map": "/my-portfolio/static/css/main.3ce2cbbd.css.map", "main.47fe5ad5.js.map": "/my-portfolio/static/js/main.47fe5ad5.js.map" }, "entrypoints": [ - "static/css/main.aac8405f.css", + "static/css/main.3ce2cbbd.css", "static/js/main.47fe5ad5.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 2023108..01eaca2 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Portfolio Desenvolvedor Web
\ No newline at end of file +Portfolio Desenvolvedor Web
\ No newline at end of file diff --git a/static/css/main.3ce2cbbd.css b/static/css/main.3ce2cbbd.css new file mode 100644 index 0000000..a68771e --- /dev/null +++ b/static/css/main.3ce2cbbd.css @@ -0,0 +1,2 @@ +@import url(https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap);*{box-sizing:border-box;list-style:none;margin:0;padding:0;scroll-behavior:smooth;text-decoration:none}body,html{background:50% no-repeat fixed;background-image:linear-gradient(90deg,rgba(0,0,0,.897),hsla(0,0%,7%,.913)),url(/my-portfolio/static/media/bg.cc88592af8d4f8739064.png);background-size:cover;font-family:Orbitron,sans-serif;height:100vh;overflow-x:hidden;width:100vw}p{font-family:Hind,sans-serif;font-weight:300;text-shadow:1px 1px rgba(0,0,0,.622)}strong{font-weight:700}body::-webkit-scrollbar{background-color:#000;width:12px}body::-webkit-scrollbar-button{height:50px;scroll-margin-bottom:-150px}body::-webkit-scrollbar-thumb{background-color:blue;border:.5px solid rgba(128,0,128,.608);border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,.563);color:#000}@media (max-width:1024px) and (min-height:1024px){body::-webkit-scrollbar{display:none}}@media (max-width:768px) and (min-height:768px){body::-webkit-scrollbar{display:none}}@media (max-width:568px) and (min-height:568px){body::-webkit-scrollbar{display:none}}@media (max-width:693px){body::-webkit-scrollbar-button{height:100px}}:root{--color-navbar:#dedede;--color-navbar-hover:#0099bf}@keyframes loading-navbar{0%{transform:translateY(-80px)}to{transform:translateY(0)}}.NavBar_Container{animation:loading-navbar 1.2s ease-in-out;background-color:#000;display:flex;padding-left:25px;position:fixed;width:100vw;z-index:4}.name{color:#fff4f4;font-size:2em;font-weight:bolder;height:50px;width:100%}.Navbar,.name{align-items:center;display:flex}.Navbar{justify-content:space-around;width:50%}.Navbar li{color:#dedede;color:var(--color-navbar);cursor:pointer;font-size:1em;justify-self:right;padding-bottom:5px;position:relative}.Navbar .select,.Navbar li:hover{color:#0099bf;color:var(--color-navbar-hover)}.Navbar .select:before,.Navbar li:before{background-color:#0099bf;background-color:var(--color-navbar-hover);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:.5s ease-in-out;width:0}.Navbar .select:before,.Navbar li:hover:before{width:100%}@media (max-width:1124px){.name{width:-webkit-max-content;width:max-content}.Navbar{justify-content:space-evenly;width:100%}}@media (max-width:693px){.NavBar_Container{height:100px;padding:0 20px}.name{text-align:center}.Navbar{align-items:end;left:50%;position:absolute;top:60px;transform:translateX(-50%)}}.Redes_container{align-items:center;column-gap:20px;display:flex;margin-right:10px;width:-webkit-min-content;width:min-content}.Redes_container svg{cursor:pointer;font-size:2em}.Redes_container svg:hover{transform:scale(1.1);transition:.5s}@media (max-width:693px){.Redes_container{position:absolute;right:10px;top:10px}}li:hover .html svg{fill:#ff7b00}li:hover .css svg{fill:#006e99}li:hover .javascript svg{fill:#ff0}li:hover .react svg{fill:aqua}li:hover .git svg{fill:#ff4500}li:hover .sass svg{fill:#ff5874}li:hover .jquery svg{fill:blue}.githube:hover svg{fill:#797979}.linkedin:hover svg{fill:#2020fa}.repositorio svg{border:1px solid #454545}li:hover .repositorio svg{border:1px solid #ffffffa6;color:#454545}.site svg{border-radius:50%}li:hover .site svg{color:purple}svg{fill:#fff;color:#fff;transition:.7s ease-in-out}.softskills:hover svg path{animation:animation-icon 1.5s ease-in-out infinite alternate}@keyframes animation-icon{0%{opacity:1}to{opacity:.4}}:root{--color-btn:#dedede;--color-btn-hover:#0085a7}.Aboutme_AboutMe_Container__gabpU{color:#fff;display:grid;grid-template-columns:50% 50%;grid-template-rows:repeat(3,-webkit-min-content);grid-template-rows:repeat(3,min-content);height:100%;margin:0 auto;min-height:700px;padding:25% 0;width:100%}.Aboutme_AboutMe_Container__gabpU>h1{align-self:flex-end;grid-column:1}.Aboutme_AboutMe_Container__gabpU>p{font-size:1.05em;grid-column:1;letter-spacing:1px;line-height:28px;text-transform:capitalize;width:80%}.Aboutme_AboutMe_Container__gabpU>h2{font-size:3em;grid-column:2;grid-row:2;padding-top:25px;text-align:center;text-shadow:2px 2px #000;text-transform:uppercase}.Aboutme_AboutMe_Container__gabpU>h2>span{font-size:1.5em}.Aboutme_button_curri__BMU2U{border-radius:20px;grid-column:2;grid-row:3;margin:0 auto}.Aboutme_button_curri__BMU2U>button{background-color:rgba(0,0,0,.129);border:2px solid #dedede;border:2px solid var(--color-btn);border-radius:20px;color:#dedede;color:var(--color-btn);cursor:pointer;font:1.2em;font-weight:700;height:40px;text-decoration:none;text-transform:uppercase;transition:.7s ease-in-out;width:200px}.Aboutme_button_curri__BMU2U:hover button{background-color:#00a7d12a;border:2px solid #0085a7;border:2px solid var(--color-btn-hover);color:#0085a7;color:var(--color-btn-hover)}@media (max-width:1124px){.Aboutme_AboutMe_Container__gabpU{display:flex;flex-direction:column;grid-template-rows:repeat(4,-webkit-min-content);grid-template-rows:repeat(4,min-content);margin-bottom:100px;row-gap:100px}.Aboutme_AboutMe_Container__gabpU>h2{grid-column:1;grid-row:1}.Aboutme_AboutMe_Container__gabpU>h2>span{font-size:1em}.Aboutme_button_curri__BMU2U{grid-column:1;grid-row:2}.Aboutme_AboutMe_Container__gabpU>h1{align-self:flex-start;grid-row:3;margin-bottom:-100px;margin-left:10%}.Aboutme_AboutMe_Container__gabpU>p{grid-row:4;margin:0 auto;width:80%}}@media (max-width:893px){.Aboutme_AboutMe_Container__gabpU>h1{margin-left:0}.Aboutme_AboutMe_Container__gabpU>p{text-align:justify;width:100%}}@media (max-width:668px){.Aboutme_AboutMe_Container__gabpU{padding-left:20px;padding-right:20px}.Aboutme_AboutMe_Container__gabpU>h2{font-size:2em}}@keyframes Container_loading-page__9iAmp{0%{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.Container_Container__yVszf{animation:Container_loading-page__9iAmp 1.2s ease-in-out;margin:0 auto;max-width:1424px;padding:0 50px}.Container_Container__yVszf.Container_NavBar_Container__Kq8J8{display:flex;flex-direction:row;padding:10px 20px}@media (max-width:668px){.Container_Container__yVszf{padding:0}}:root{--color-border-hover:#00a7d1}.Skill_Container{color:#fff;display:flex;flex-direction:column;height:100%;margin:0 auto;text-align:center;width:100%}.Skill_Container h2{font-size:3em;margin-bottom:80px}.Skill_Container ul{flex-wrap:wrap;gap:25px;position:relative}.Skill_Container ul,.softskills{display:flex;justify-content:center}.softskills{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid gray;flex-direction:column;height:250px;row-gap:25px;width:250px}.softskills:hover{border:1px solid #fff}.softskills_description{background-image:linear-gradient(180deg,#002e3a69,#000,rgba(0,46,58,.642));border-bottom:4px groove #002e3a;border-bottom:var(--width-border) var(--type-border) var(--color-border);border-top:4px groove #002e3a;border-top:var(--width-border) var(--type-border) var(--color-border);color:gray;font-size:.8em;font-weight:700;max-height:100px;overflow-y:scroll;padding:10px;text-align:justify;transition:.7s ease-in-out}.softskills_description::-webkit-scrollbar{background-color:initial;width:8px}.softskills_description::-webkit-scrollbar-thumb{background-image:linear-gradient(90deg,#00a7d1,#000,#00a7d1);background-image:linear-gradient(90deg,var(--color-border-hover),#000,var(--color-border-hover));border-radius:10px}.softskills_description:before{border-bottom:4px groove #002e3a;border-bottom:var(--width-border) var(--type-border) var(--color-border);border-right:4px groove #002e3a;border-right:var(--width-border) var(--type-border) var(--color-border);border-top:4px groove #002e3a;border-top:var(--width-border) var(--type-border) var(--color-border);content:"";height:30px;position:absolute;right:60px;top:80px;transition:.7s ease-in-out;width:20px}.softskills:hover .softskills_description:before{border-bottom:4px groove #00a7d1;border-bottom:var(--width-border) var(--type-border) var(--color-border-hover);border-right:4px groove #00a7d1;border-right:var(--width-border) var(--type-border) var(--color-border-hover);border-top:4px groove #00a7d1;border-top:var(--width-border) var(--type-border) var(--color-border-hover)}.softskills_description:after{border-left:4px groove #002e3a;border-left:var(--width-border) var(--type-border) var(--color-border);border-top:4px groove #002e3a;border-top:var(--width-border) var(--type-border) var(--color-border);content:"";height:20px;left:20px;position:absolute;top:114px;transition:.7s ease-in-out;width:140px}.softskills:hover .softskills_description:after{border-left:4px groove #00a7d1;border-left:var(--width-border) var(--type-border) var(--color-border-hover)}.softskills:hover .softskills_description,.softskills:hover .softskills_description:after{border-top:4px groove #00a7d1;border-top:var(--width-border) var(--type-border) var(--color-border-hover)}.softskills:hover .softskills_description{border-bottom:4px groove #00a7d1;border-bottom:var(--width-border) var(--type-border) var(--color-border-hover);color:#fff}.softskills_icons:before{border-bottom:4px groove #002e3a;border-bottom:var(--width-border) var(--type-border) var(--color-border);border-right:4px groove #002e3a;border-right:var(--width-border) var(--type-border) var(--color-border);content:"";height:60px;position:absolute;right:58px;top:0;transition:.7s ease-in-out;width:38px}.softskills:hover .softskills_icons:before{border-bottom:4px groove #00a7d1;border-bottom:var(--width-border) var(--type-border) var(--color-border-hover);border-right:4px groove #00a7d1;border-right:var(--width-border) var(--type-border) var(--color-border-hover)}.softskills_icons:after{border-bottom:4px groove #002e3a;border-bottom:var(--width-border) var(--type-border) var(--color-border);border-left:4px groove #002e3a;border-left:var(--width-border) var(--type-border) var(--color-border);content:"";height:60px;left:58px;position:absolute;top:0;transition:.7s ease-in-out;width:38px}.softskills:hover .softskills_icons:after{border-bottom:4px groove #00a7d1;border-bottom:var(--width-border) var(--type-border) var(--color-border-hover);border-left:4px groove #00a7d1;border-left:var(--width-border) var(--type-border) var(--color-border-hover)}.Skill_Container svg{background-color:#000;border:1px solid gray;border-radius:10px;font-size:6em;padding:10px;position:relative;transition:.7s ease-in-out;z-index:4}.softskills:hover svg{border:1px solid #00a7d1;border:1px solid var(--color-border-hover)}@media (max-width:568px){.softskills{height:200px;width:200px}.softskills_icons{margin-top:10px}.softskills_icons:before{height:40px;right:44px;width:20px}.softskills_icons:after{height:40px;left:44px;width:20px}.Skill_Container svg{font-size:4em;padding:10px}.softskills_description:before{right:44px;top:51px}.softskills_description:after{height:16px;left:20px;top:85px;width:120px}}@media (max-width:493px){.Skill_Container ul{gap:5px}.softskills{height:180px;width:180px}.softskills_icons:after{left:28px;width:25px}.softskills_description:before,.softskills_icons:before{right:28px;width:25px}}:root{--color-border:#002e3a;--color-border-hover:#0085a7;--bg-gradient-hover:#004e61;--width-border:4px;--type-border:groove}.Projects_Projects_container__OLH8T{color:#fff;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;margin:0 auto;padding:25% 0 10%;row-gap:100px;width:100%}.Projects_Projects_container__OLH8T h2{font-size:3em;margin:0 auto}.Projects_project_list__mhzyG{display:flex;flex-direction:row;flex-wrap:wrap;row-gap:200px;width:100%}.Projects_project__Und-9:nth-child(2n){left:100%;position:relative;transform:translateX(-100%)}.Projects_project__Und-9{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid gray;display:flex;flex-direction:column;padding:50px;position:relative;row-gap:25px;width:668px}.Projects_project__Und-9:hover{border-color:#fff}.Projects_project_name__Aqp7o{background-image:linear-gradient(180deg,#002e3a69,#000,rgba(0,46,58,.642));border-left:4px groove #002e3a;border-left:var(--width-border) var(--type-border) var(--color-border);border-radius:5px;border-right:4px groove #002e3a;border-right:var(--width-border) var(--type-border) var(--color-border);box-shadow:none;font-size:1.2em;font-weight:700;margin-left:40px;padding:2px 10px;position:relative;transition:.7s ease-in-out;width:-webkit-max-content;width:max-content;z-index:2}.Projects_project__Und-9:hover .Projects_project_name__Aqp7o{background-image:linear-gradient(180deg,#004e61,#000,#004e61);background-image:linear-gradient(180deg,var(--bg-gradient-hover),#000,var(--bg-gradient-hover));border-color:#0085a7;border-color:var(--color-border-hover);transition-delay:.5s}.Projects_project_name__Aqp7o:after{border-bottom:4px groove #002e3a;border-bottom:var(--width-border) var(--type-border) var(--color-border);border-right:4px groove #002e3a;border-right:var(--width-border) var(--type-border) var(--color-border);box-shadow:none;content:"";height:60px;margin-left:14px;position:absolute;top:-50px;transition:.7s ease-in-out;width:50%;z-index:0}.Projects_project__Und-9:hover .Projects_project_name__Aqp7o:after{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project__Und-9 .Projects_project_image__thRvw{background:50% no-repeat;background-color:#000;background-size:100% 100%;border:4px groove #002e3a;border:var(--width-border) var(--type-border) var(--color-border);display:block;height:300px;transition:.5s ease-in-out;width:100%}.Projects_project__Und-9:hover .Projects_project_image__thRvw{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_image__thRvw:before{border-left:4px groove #002e3a;border-left:var(--width-border) var(--type-border) var(--color-border);border-top:4px groove #002e3a;border-top:var(--width-border) var(--type-border) var(--color-border);content:"";height:50px;left:50px;position:absolute;top:58px;transition:.7s ease-in-out;width:42px}.Projects_project__Und-9:hover .Projects_project_image__thRvw:before{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_image__thRvw:after{border-left:4px groove #002e3a;border-left:var(--width-border) var(--type-border) var(--color-border);content:"";height:27px;left:50%;position:absolute;top:403px;transform:translateX(-50%);transition:.7s ease-in-out;width:0}.Projects_project__Und-9:hover .Projects_project_image__thRvw:after{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_image__thRvw:hover{box-shadow:10px 10px 20px rgba(0,0,0,.453);transition:.6s}.Projects_project__Und-9 .Projects_project1__CcWDy{background-image:url(/my-portfolio/static/media/project-1.c4f971daf43159b554aa.webp)}.Projects_project__Und-9 .Projects_project2__KWc80{background-image:url(/my-portfolio/static/media/project-2.a297396c477c6385e000.webp)}.Projects_project__Und-9 .Projects_project3__VM8D2{background-image:url(/my-portfolio/static/media/project-3.4d851b53bc1dfd4cbb19.webp)}.Projects_project__Und-9 .Projects_project4__v2Kun{background-image:url(/my-portfolio/static/media/project-4.f85945810eed6e679d29.webp)}.Projects_project__Und-9 .Projects_project5__2ERou{background-image:url(/my-portfolio/static/media/project-5.2547d06a3c462abd4588.webp)}.Projects_project__Und-9 .Projects_project6__YRz6x{background-image:url(/my-portfolio/static/media/project-6.dd29ee712c045a547ba3.webp)}.Projects_project__Und-9 .Projects_project7__gj7Ii{background-image:url(/my-portfolio/static/media/project-7.047b78850f37edff3fa3.webp)}.Projects_project__Und-9 .Projects_project8__NrPbN{background-image:url(/my-portfolio/static/media/project-8.16a3e72d379b39ffc3c8.webp)}.Projects_project__Und-9:hover .Projects_project1__CcWDy{background-image:url(/my-portfolio/static/media/project-1.aa33e0882e9fbc836c82.gif)}.Projects_project__Und-9:hover .Projects_project2__KWc80{background-image:url(/my-portfolio/static/media/project-2.38893fa9d17f366561f6.gif)}.Projects_project__Und-9:hover .Projects_project3__VM8D2{background-image:url(/my-portfolio/static/media/project-3.1c1828166ec83b121376.gif)}.Projects_project__Und-9:hover .Projects_project4__v2Kun{background-image:url(/my-portfolio/static/media/project-4.33f34a5c5526b5fee28f.gif)}.Projects_project__Und-9:hover .Projects_project5__2ERou{background-image:url(/my-portfolio/static/media/project-5.ca724e6c0b68c72eb3d4.gif)}.Projects_project__Und-9:hover .Projects_project6__YRz6x{background-image:url(/my-portfolio/static/media/project-6.54cecce5603de53437c9.gif)}.Projects_project__Und-9:hover .Projects_project7__gj7Ii{background-image:url(/my-portfolio/static/media/project-7.ea999c88ab1bd3c3ce09.gif)}.Projects_project__Und-9:hover .Projects_project8__NrPbN{background-image:url(/my-portfolio/static/media/project-8.19bee6c7eb9ccb5d84cb.gif)}.Projects_project_description__3aH3b{background-image:linear-gradient(180deg,#002e3a69,#000,rgba(0,46,58,.642));border:4px groove #002e3a;border:var(--width-border) var(--type-border) var(--color-border);color:gray;font-size:1em;font-weight:700;padding:10px;text-align:justify;text-shadow:1px 1px 2px #000;transition:.7s ease-in-out}.Projects_project__Und-9:hover .Projects_project_description__3aH3b{background-image:linear-gradient(180deg,#004e61,#000,#004e61);background-image:linear-gradient(180deg,var(--bg-gradient-hover),#000,var(--bg-gradient-hover));border-color:#0085a7;border-color:var(--color-border-hover);color:#fff;transition-delay:.5s}.Projects_project_description__3aH3b:before{border-bottom:4px groove #002e3a;border-bottom:var(--width-border) var(--type-border) var(--color-border);border-right:4px groove #002e3a;border-right:var(--width-border) var(--type-border) var(--color-border);border-top:4px groove #002e3a;border-top:var(--width-border) var(--type-border) var(--color-border);content:"";height:300px;position:absolute;right:21px;top:160px;transition:.7s ease-in-out;width:25px}.Projects_project__Und-9:hover .Projects_project_description__3aH3b:before{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_description__3aH3b:after{border-bottom:4px groove #002e3a;border-bottom:var(--width-border) var(--type-border) var(--color-border);border-left:4px groove #002e3a;border-left:var(--width-border) var(--type-border) var(--color-border);border-top:4px groove #002e3a;border-top:var(--width-border) var(--type-border) var(--color-border);content:"";height:300px;left:23px;position:absolute;top:160px;transition:.7s ease-in-out;width:25px}.Projects_project__Und-9:hover .Projects_project_description__3aH3b:after{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_Container_Skill_links__39ceF{column-gap:50px;display:flex;height:-webkit-max-content;height:max-content;justify-content:space-between;width:100%}.Projects_project_Container_Skill_links__39ceF:before{border-bottom:4px groove #002e3a;border-bottom:var(--width-border) var(--type-border) var(--color-border);border-left:4px groove #002e3a;border-left:var(--width-border) var(--type-border) var(--color-border);content:"";height:160px;left:22px;position:absolute;top:468px;transition:.7s ease-in-out;width:25px}.Projects_project__Und-9:hover .Projects_project_Container_Skill_links__39ceF:before{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_Container_Skill_links__39ceF:after{border-bottom:4px groove #002e3a;border-bottom:var(--width-border) var(--type-border) var(--color-border);border-right:4px groove #002e3a;border-right:var(--width-border) var(--type-border) var(--color-border);content:"";height:160px;position:absolute;right:21px;top:468px;transition:.7s ease-in-out;width:25px}.Projects_project__Und-9:hover .Projects_project_Container_Skill_links__39ceF:after{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_links__lBBGD:after{border-right:4px groove #002e3a;border-right:var(--width-border) var(--type-border) var(--color-border);bottom:128px;content:"";height:26px;position:absolute;right:100px;transition:.7s ease-in-out;width:0}.Projects_project__Und-9:hover .Projects_project_links__lBBGD:after{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_links__lBBGD ul{background-image:linear-gradient(180deg,#002e3a69,#000,rgba(0,46,58,.642));border:4px groove #002e3a;border:var(--width-border) var(--type-border) var(--color-border);border-radius:20px;column-gap:10px;display:flex;height:-webkit-min-content;height:min-content;justify-content:space-between;padding:10px;transition:.7s ease-in-out;width:200px}.Projects_project__Und-9:hover .Projects_project_links__lBBGD ul{background-image:linear-gradient(180deg,#004e61,#000,#004e61);background-image:linear-gradient(180deg,var(--bg-gradient-hover),#000,var(--bg-gradient-hover));border-color:#0085a7;border-color:var(--color-border-hover);transition-delay:.5s}.Projects_project_links__lBBGD ul:before{border-bottom:4px groove #002e3a;border-bottom:var(--width-border) var(--type-border) var(--color-border);border-left:4px groove #002e3a;border-left:var(--width-border) var(--type-border) var(--color-border);border-right:4px groove #002e3a;border-right:var(--width-border) var(--type-border) var(--color-border);bottom:26px;content:"";height:20px;left:65px;position:absolute;transition:.7s ease-in-out;width:425px}.Projects_project__Und-9:hover .Projects_project_links__lBBGD ul:before{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_links__lBBGD ul:after{border-right:4px groove #002e3a;border-right:var(--width-border) var(--type-border) var(--color-border);bottom:0;content:"";height:27px;position:absolute;right:500px;transition:.7s ease-in-out;width:0}.Projects_project__Und-9:hover .Projects_project_links__lBBGD ul:after{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_links__lBBGD svg{background-color:#00000087;box-shadow:2px 3px 5px rgba(0,0,0,.512);font-size:3em}.Projects_project_softSkills__MjzvI{background-image:linear-gradient(180deg,#002e3a69,#000,rgba(0,46,58,.642));border:4px groove #002e3a;border:var(--width-border) var(--type-border) var(--color-border);border-radius:20px;display:flex;justify-content:space-evenly;padding:10px;transition:.7s ease-in-out;width:100%}.Projects_project__Und-9:hover .Projects_project_softSkills__MjzvI{background-image:linear-gradient(180deg,#004e61,#000,#004e61);background-image:linear-gradient(180deg,var(--bg-gradient-hover),#000,var(--bg-gradient-hover));border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_softSkills__MjzvI:before{border-left:4px groove #002e3a;border-left:var(--width-border) var(--type-border) var(--color-border);border-right:4px groove #002e3a;border-right:var(--width-border) var(--type-border) var(--color-border);border-top:4px groove #002e3a;border-top:var(--width-border) var(--type-border) var(--color-border);bottom:128px;content:"";height:10px;left:205px;position:absolute;transition:.7s ease-in-out;width:155px}.Projects_project__Und-9:hover .Projects_project_softSkills__MjzvI:before{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_softSkills__MjzvI:after{border-top:4px groove #002e3a;border-top:var(--width-border) var(--type-border) var(--color-border);bottom:86px;content:"";height:0;left:250px;position:absolute;transition:.7s ease-in-out;width:50px}.Projects_project__Und-9:hover .Projects_project_softSkills__MjzvI:after{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_softSkills__MjzvI svg{font-size:3em}@media (max-width:768px){.Projects_project_image__thRvw{height:250px}.Projects_project_image__thRvw:after{top:403px}.Projects_project_links__lBBGD ul:before{bottom:26px;height:20px;left:65px;width:255px}.Projects_project_links__lBBGD ul:after{bottom:0;height:26px;right:400px;width:0}.Projects_project_links__lBBGD ul{width:150px}.Projects_project_softSkills__MjzvI:before{height:10px;left:160px;width:105px}.Projects_project_softSkills__MjzvI:after{height:0;left:200px;width:52px}.Projects_project_Container_Skill_links__39ceF:after,.Projects_project_Container_Skill_links__39ceF:before{height:180px}}@media (max-width:568px){.Projects_project__Und-9{margin:0 -24px}.Projects_project__Und-9:nth-child(2n){left:0;transform:translateX(0)}.Projects_project_description__3aH3b{max-height:150px;overflow-y:scroll}.Projects_project_description__3aH3b::-webkit-scrollbar{background-color:initial;width:8px}.Projects_project_description__3aH3b::-webkit-scrollbar-thumb{background-image:linear-gradient(90deg,#0085a7,#000,#0085a7);background-image:linear-gradient(90deg,var(--color-border-hover),#000,var(--color-border-hover));border-radius:10px}}@media (max-width:493px){.Projects_project_name__Aqp7o:after{width:60px}.Projects_project_image__thRvw{max-height:200px}.Projects_project_image__thRvw:after{top:303px}.Projects_project_description__3aH3b:after,.Projects_project_description__3aH3b:before{height:230px}.Projects_project_Container_Skill_links__39ceF{column-gap:25px}.Projects_project_Container_Skill_links__39ceF:after,.Projects_project_Container_Skill_links__39ceF:before{height:130px;top:398px}.Projects_project_links__lBBGD ul{width:120px}.Projects_project_links__lBBGD ul:after{right:300px}.Projects_project_links__lBBGD svg,.Projects_project_softSkills__MjzvI svg{font-size:2em}.Projects_project_softSkills__MjzvI:before{bottom:112px;left:140px;width:145px}.Projects_project_softSkills__MjzvI:after{left:170px;width:27px}.Projects_project_links__lBBGD:after{bottom:113px}}.Container_Footer_container_footer__YAT66{align-items:center;background-color:#000;color:#fff;display:flex;height:50px;justify-content:space-evenly;width:100vw}.Container_Footer_container_footer__YAT66 svg{font-size:1.2em;left:auto;margin-top:10px;position:relative;top:auto}.Container_Footer_container_footer__YAT66 p{font-family:Orbitron,sans-serif;font-size:.8em}@media (max-width:893px){.Container_Footer_container_footer__YAT66{margin-top:100px;width:100%}}@media (max-width:693px){.Container_Footer_container_footer__YAT66 svg{display:none}} +/*# sourceMappingURL=main.3ce2cbbd.css.map*/ \ No newline at end of file diff --git a/static/css/main.aac8405f.css.map b/static/css/main.3ce2cbbd.css.map similarity index 99% rename from static/css/main.aac8405f.css.map rename to static/css/main.3ce2cbbd.css.map index 6c01458..2b9dd79 100644 --- a/static/css/main.aac8405f.css.map +++ b/static/css/main.3ce2cbbd.css.map @@ -1 +1 @@ -{"version":3,"file":"static/css/main.aac8405f.css","mappings":"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","sources":["index.css","components/layout/Navbar.css","components/layout/Redes.css","pages/Icons.css","pages/Aboutme.module.css","components/Container.module.css","pages/Skill.css","pages/Projects.module.css","components/layout/Container_Footer.module.css"],"sourcesContent":["/* RESET */\n* {\n margin: 0;\n padding: 0;\n\n box-sizing: border-box;\n\n list-style: none;\n\n text-decoration: none;\n\n scroll-behavior: smooth;\n}\n\n/* Font */\n@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap');\n\nhtml,\nbody {\n height: 100vh;\n width: 100vw;\n\n background: center center no-repeat fixed;\n background-size: cover;\n background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.897), rgba(18, 18, 18, 0.913)), url(./images/bg.png);\n\n overflow-x: hidden;\n\n font-family: 'Orbitron', sans-serif;\n}\n\np {\n font-family: 'Hind', sans-serif;\n font-weight: 300;\n\n text-shadow: 1px 1px rgba(0, 0, 0, 0.622);\n}\n\nstrong {\n font-weight: 700;\n}\n\nbody::-webkit-scrollbar {\n background-color: black;\n\n width: 12px;\n}\n\nbody::-webkit-scrollbar-button {\n height: 50px;\n scroll-margin-bottom: -150px;\n}\n\nbody::-webkit-scrollbar-thumb {\n background-color: blue;\n\n border: .5px solid rgba(128, 0, 128, 0.608);\n\n border-radius: 5px;\n\n color: black;\n\n box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.563);\n}\n\n@media (max-width: 1024px ) and (min-height: 1024px ){\n body::-webkit-scrollbar {\n display: none;\n }\n \n}\n\n@media (max-width: 768px ) and (min-height: 768px ){\n body::-webkit-scrollbar {\n display: none;\n }\n \n}\n\n@media (max-width: 568px ) and (min-height: 568px ){\n body::-webkit-scrollbar {\n display: none;\n }\n \n}\n\n@media (max-width:693px) {\n body::-webkit-scrollbar-button {\n height: 100px;\n }\n}",":root {\r\n --color-navbar: #dedede;\r\n --color-navbar-hover: #0099bf;\r\n}\r\n\r\n@keyframes loading-navbar {\r\n from {\r\n transform: translateY(-80px);\r\n }\r\n to {\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n.NavBar_Container {\r\n width: 100vw;\r\n\r\n display: flex;\r\n\r\n padding-left: 25px;\r\n\r\n animation: loading-navbar 1.2s ease-in-out;\r\n\r\n background-color: rgb(0, 0, 0);\r\n\r\n position: fixed;\r\n\r\n z-index: 4;\r\n}\r\n\r\n.name {\r\n height: 50px;\r\n width: 100%;\r\n\r\n display: flex;\r\n align-items: center;\r\n color: rgb(255, 244, 244);\r\n\r\n font-size: 2em;\r\n font-weight: bolder;\r\n}\r\n\r\n.Navbar {\r\n width: 50%;\r\n\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: center;\r\n}\r\n\r\n.Navbar li {\r\n justify-self: right;\r\n\r\n padding-bottom: 5px;\r\n \r\n position: relative;\r\n\r\n font-size: 1em;\r\n\r\n color: var(--color-navbar);\r\n\r\n cursor: pointer;\r\n}\r\n\r\n.Navbar .select,\r\n.Navbar li:hover {\r\n color: var(--color-navbar-hover);\r\n}\r\n\r\n.Navbar .select::before,\r\n.Navbar li::before {\r\n content: '';\r\n\r\n transform: translateX(-50%);\r\n position: absolute;\r\n bottom: 0px;\r\n left: 50%;\r\n\r\n background-color: var(--color-navbar-hover);\r\n\r\n height: 2px;\r\n \r\n width: 0%;\r\n\r\n transition: .5s ease-in-out;\r\n}\r\n\r\n.Navbar .select::before,\r\n.Navbar li:hover::before{\r\n width: 100%;\r\n}\r\n\r\n@media (max-width:1124px) {\r\n .name {\r\n width: max-content;\r\n }\r\n\r\n .Navbar {\r\n justify-content: space-evenly;\r\n\r\n width: 100%;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:693px) {\r\n .NavBar_Container {\r\n padding: 0px 20px;\r\n\r\n height: 100px;\r\n }\r\n\r\n .name {\r\n text-align: center;\r\n }\r\n\r\n .Navbar {\r\n position: absolute;\r\n top: 60px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n align-items: end;\r\n }\r\n}",".Redes_container {\r\n width: min-content;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n column-gap: 20px;\r\n\r\n margin-right: 10px;\r\n}\r\n\r\n.Redes_container svg {\r\n font-size: 2em;\r\n\r\n cursor: pointer;\r\n}\r\n\r\n.Redes_container svg:hover {\r\n transition: .5s;\r\n transform: scale(1.1);\r\n}\r\n\r\n@media (max-width:693px) {\r\n .Redes_container {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n }\r\n}","li:hover .html svg { fill: rgb(255, 123, 0);}\r\n\r\nli:hover .css svg { fill: rgb(0, 110, 153);}\r\n\r\nli:hover .javascript svg { fill: yellow;}\r\n\r\nli:hover .react svg { fill: aqua;}\r\n\r\nli:hover .git svg { fill: orangered;}\r\n\r\nli:hover .sass svg { fill: rgb(255, 88, 116);}\r\n\r\nli:hover .jquery svg { fill:blue}\r\n\r\n\r\n\r\n.githube:hover svg { fill: rgb(121, 121, 121);}\r\n\r\n.linkedin:hover svg { fill: rgb(32, 32, 250);}\r\n\r\n\r\n\r\n.repositorio svg { border: 1px solid rgb(69, 69, 69);}\r\n\r\nli:hover .repositorio svg { \r\n color: rgb(69, 69, 69); \r\n border: 1px solid rgba(255, 255, 255, 0.65);\r\n}\r\n\r\n\r\n.site svg { border-radius: 50%;}\r\n\r\nli:hover .site svg { color: purple;}\r\n\r\nsvg {\r\n color: white;\r\n fill: white;\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.softskills:hover svg path{\r\n animation: animation-icon 1.5s ease-in-out alternate infinite;\r\n}\r\n\r\n@keyframes animation-icon {\r\n from {\r\n opacity: 1;\r\n }\r\n to {\r\n opacity: .4;\r\n }\r\n}",":root {\r\n --color-btn: #dedede;\r\n --color-btn-hover: #0085a7;\r\n}\r\n\r\n.AboutMe_Container {\r\n height: 100%;\r\n min-height: 700px;\r\n width: 100%;\r\n\r\n margin: 0 auto;\r\n padding: 25% 0;\r\n\r\n display: grid;\r\n grid-template-columns: 50% 50%;\r\n grid-template-rows: repeat(3, min-content);\r\n\r\n color: white;\r\n\r\n}\r\n\r\n.AboutMe_Container>h1 {\r\n grid-column: 1;\r\n\r\n align-self: flex-end;\r\n}\r\n\r\n.AboutMe_Container>p {\r\n grid-column: 1;\r\n\r\n font-size: 1.05em;\r\n letter-spacing: 1px;\r\n line-height: 28px;\r\n text-transform: capitalize;\r\n\r\n width: 80%;\r\n}\r\n\r\n.AboutMe_Container>h2 {\r\n grid-row: 2;\r\n grid-column: 2;\r\n\r\n text-align: center;\r\n font-size: 3em;\r\n text-shadow: 2px 2px black;\r\n text-transform: uppercase;\r\n\r\n padding-top: 25px;\r\n}\r\n\r\n.AboutMe_Container>h2>span {\r\n font-size: 1.5em;\r\n}\r\n\r\n.button_curri {\r\n grid-column: 2;\r\n grid-row: 3;\r\n\r\n margin: 0 auto;\r\n\r\n border-radius: 20px;\r\n\r\n}\r\n\r\n.button_curri > button { \r\n text-transform: uppercase;\r\n text-decoration: none;\r\n\r\n color: var(--color-btn);\r\n\r\n font: 1.2em;\r\n font-weight: bold;\r\n\r\n background-color: rgba(0, 0, 0, 0.129);\r\n border: 2px solid var(--color-btn);\r\n\r\n border-radius: 20px;\r\n\r\n transition: .7s ease-in-out;\r\n\r\n width: 200px;\r\n height: 40px;\r\n\r\n cursor: pointer;\r\n} \r\n\r\n.button_curri:hover button {\r\n background-color: #00a7d12a;\r\n\r\n color: var(--color-btn-hover);\r\n border: 2px solid var(--color-btn-hover);\r\n\r\n}\r\n\r\n@media (max-width:1124px) {\r\n .AboutMe_Container {\r\n display: flex;\r\n flex-direction: column;\r\n\r\n row-gap: 100px;\r\n\r\n margin-bottom: 100px;\r\n\r\n grid-template-rows: repeat(4, min-content);\r\n }\r\n\r\n .AboutMe_Container>h2 {\r\n grid-column: 1;\r\n grid-row: 1;\r\n }\r\n\r\n .AboutMe_Container>h2>span {\r\n font-size: 1em;\r\n }\r\n\r\n .button_curri {\r\n grid-column: 1;\r\n grid-row: 2;\r\n }\r\n\r\n .AboutMe_Container>h1 {\r\n grid-row: 3;\r\n\r\n align-self: flex-start;\r\n\r\n margin-left: 10%;\r\n margin-bottom: -100px;\r\n }\r\n\r\n .AboutMe_Container>p {\r\n width: 80%;\r\n grid-row: 4;\r\n\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n@media (max-width: 893px) {\r\n .AboutMe_Container>h1 {\r\n margin-left: 0%;\r\n }\r\n\r\n .AboutMe_Container>p {\r\n width: 100%;\r\n text-align: justify;\r\n }\r\n}\r\n\r\n\r\n\r\n@media (max-width: 668px) {\r\n .AboutMe_Container {\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n }\r\n\r\n .AboutMe_Container>h2 {\r\n font-size: 2em;\r\n }\r\n\r\n}","@keyframes loading-page {\r\n from {\r\n opacity: 0.2;\r\n transform: translateY(10px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n.Container {\r\n max-width: 1424px;\r\n margin: 0 auto;\r\n\r\n padding: 0 50px ;\r\n\r\n animation: loading-page 1.2s ease-in-out;\r\n}\r\n\r\n.Container.NavBar_Container {\r\n display: flex;\r\n flex-direction: row;\r\n\r\n padding: 10px 20px;\r\n}\r\n\r\n@media (max-width: 668px) {\r\n .Container {\r\n padding: 0;\r\n }\r\n\r\n}",":root {\r\n --color-border: #002e3a;\r\n --color-border-hover: #00a7d1;\r\n --width-border: 4px;\r\n --type-border: groove;\r\n}\r\n\r\n.Skill_Container {\r\n width: 100%;\r\n height: 100%;\r\n\r\n margin: 0 auto;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n text-align: center;\r\n\r\n color: white;\r\n}\r\n\r\n.Skill_Container h2 {\r\n font-size: 3em;\r\n margin-bottom: 80px;\r\n}\r\n\r\n.Skill_Container ul {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n\r\n position: relative;\r\n\r\n gap: 25px;\r\n}\r\n\r\n.softskills {\r\n width: 250px;\r\n height: 250px;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n row-gap: 25px;\r\n\r\n backdrop-filter: blur(20px);\r\n\r\n border: 1px solid gray;\r\n}\r\n\r\n.softskills:hover {\r\n border: 1px solid rgb(255, 255, 255);\r\n}\r\n\r\n.softskills_description {\r\n padding: 10px;\r\n\r\n max-height: 100px;\r\n\r\n overflow-y: scroll;\r\n\r\n color: gray;\r\n\r\n background-image: linear-gradient(180deg,#002e3a69, black ,rgba(0, 46, 58, 0.642));\r\n\r\n border-top: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n text-align: justify;\r\n\r\n transition: .7s ease-in-out;\r\n\r\n font-size: .8em;\r\n font-weight: bold;\r\n}\r\n\r\n.softskills_description::-webkit-scrollbar {\r\n background-color: transparent;\r\n\r\n width: 8px;\r\n}\r\n.softskills_description::-webkit-scrollbar-thumb {\r\n border-radius: 10px;\r\n\r\n background-image: linear-gradient(90deg,var(--color-border-hover), black ,var(--color-border-hover));\r\n}\r\n\r\n.softskills_description::before {\r\n content: '';\r\n\r\n position: absolute;\r\n top: 80px;\r\n right: 60px;\r\n\r\n width: 20px;\r\n height: 30px;\r\n \r\n border-right: var(--width-border) var(--type-border) var(--color-border);\r\n border-top: var(--width-border) var(--type-border) var(--color-border);\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.softskills:hover .softskills_description::before {\r\n border-right: var(--width-border) var(--type-border) var(--color-border-hover);\r\n border-top: var(--width-border) var(--type-border) var(--color-border-hover);\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border-hover);\r\n}\r\n\r\n.softskills_description::after {\r\n content: '';\r\n\r\n position: absolute;\r\n top: 114px;\r\n left: 20px;\r\n\r\n width: 140px;\r\n height: 20px;\r\n \r\n border-left: var(--width-border) var(--type-border) var(--color-border);\r\n border-top: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.softskills:hover .softskills_description::after {\r\n border-left: var(--width-border) var(--type-border) var(--color-border-hover);\r\n border-top: var(--width-border) var(--type-border) var(--color-border-hover);\r\n}\r\n\r\n.softskills:hover .softskills_description {\r\n border-top: var(--width-border) var(--type-border) var(--color-border-hover);\r\n\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border-hover);\r\n \r\n color: white;\r\n}\r\n\r\n.softskills_icons::before {\r\n content: '';\r\n\r\n position: absolute;\r\n top: 0px;\r\n right: 58px;\r\n\r\n width: 38px;\r\n height: 60px;\r\n \r\n border-right: var(--width-border) var(--type-border) var(--color-border);\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.softskills:hover .softskills_icons::before {\r\n border-right: var(--width-border) var(--type-border) var(--color-border-hover);\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border-hover);\r\n\r\n}\r\n\r\n.softskills_icons::after {\r\n content: '';\r\n\r\n position: absolute;\r\n top: 0px;\r\n left: 58px;\r\n\r\n width: 38px;\r\n height: 60px;\r\n \r\n border-left: var(--width-border) var(--type-border) var(--color-border);\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border); \r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.softskills:hover .softskills_icons::after { \r\n border-left: var(--width-border) var(--type-border) var(--color-border-hover);\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border-hover);\r\n\r\n}\r\n\r\n.Skill_Container svg {\r\n font-size: 6em;\r\n\r\n position: relative;\r\n background-color: black;\r\n\r\n border: 1px solid gray;\r\n border-radius: 10px;\r\n\r\n padding: 10px;\r\n\r\n transition: .7s ease-in-out;\r\n\r\n z-index: 4;\r\n}\r\n\r\n.softskills:hover svg {\r\n border: 1px solid var(--color-border-hover);\r\n}\r\n\r\n@media (max-width: 568px) {\r\n .softskills {\r\n width: 200px;\r\n height: 200px;\r\n }\r\n\r\n .softskills_icons {\r\n margin-top: 10px;\r\n }\r\n\r\n .softskills_icons::before {\r\n height: 40px;\r\n width: 20px;\r\n\r\n right: 44px;\r\n\r\n }\r\n .softskills_icons::after {\r\n height: 40px;\r\n width: 20px;\r\n\r\n left: 44px;\r\n }\r\n\r\n .Skill_Container svg {\r\n font-size: 4em;\r\n \r\n padding: 10px;\r\n }\r\n\r\n .softskills_description::before {\r\n top: 51px;\r\n right: 44px;\r\n }\r\n\r\n .softskills_description::after {\r\n top: 85px;\r\n left: 20px;\r\n \r\n width: 120px;\r\n height: 16px;\r\n }\r\n} \r\n\r\n\r\n@media (max-width: 493px) {\r\n .Skill_Container ul {\r\n gap: 0px;\r\n }\r\n\r\n .softskills {\r\n width: 180px;\r\n height: 180px;\r\n }\r\n .softskills_icons::after {\r\n width: 25px;\r\n left: 28px;\r\n }\r\n\r\n .softskills_description::before,\r\n .softskills_icons::before {\r\n width: 25px;\r\n right: 28px;\r\n\r\n }\r\n\r\n}",":root {\r\n --color-border: #002e3a;\r\n --color-border-hover: #0085a7;\r\n --bg-gradient-hover: #004e61;\r\n --width-border: 4px;\r\n --type-border: groove;\r\n}\r\n\r\n.Projects_container {\r\n width: 100%;\r\n height: max-content;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n row-gap: 100px;\r\n\r\n margin: 0 auto;\r\n\r\n padding: 25% 0 10% 0;\r\n\r\n color: white;\r\n}\r\n\r\n.Projects_container h2 {\r\n margin: 0 auto;\r\n\r\n font-size: 3em;\r\n}\r\n\r\n.project_list {\r\n width: 100%;\r\n\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n\r\n row-gap: 200px;\r\n}\r\n\r\n.project:nth-child(2n) {\r\n position: relative;\r\n left: 100%;\r\n transform: translateX(-100%);\r\n\r\n}\r\n\r\n.project {\r\n width: 668px;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n row-gap: 25px;\r\n\r\n backdrop-filter: blur(20px);\r\n\r\n border: 1px solid gray;\r\n\r\n padding: 50px;\r\n\r\n position: relative;\r\n}\r\n\r\n.project:hover {\r\n border-color: white;\r\n}\r\n\r\n.project_name {\r\n margin-left: 40px;\r\n\r\n font-weight: bold;\r\n font-size: 1.2em;\r\n\r\n width: max-content;\r\n\r\n border-right: var(--width-border) var(--type-border) var(--color-border);\r\n border-left: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n border-radius: 5px;\r\n\r\n position: relative;\r\n\r\n background-image: linear-gradient(180deg, #002e3a69, black, rgba(0, 46, 58, 0.642));\r\n\r\n transition: .7s ease-in-out;\r\n\r\n box-shadow: none;\r\n\r\n padding: 2px 10px;\r\n\r\n z-index: 2;\r\n}\r\n\r\n.project:hover .project_name {\r\n border-color: var(--color-border-hover);\r\n\r\n transition-delay: .5s;\r\n\r\n background-image: linear-gradient(180deg, var(--bg-gradient-hover), black, var(--bg-gradient-hover));\r\n\r\n}\r\n\r\n.project_name::after {\r\n content: '';\r\n\r\n position: absolute;\r\n top: -50px;\r\n\r\n width: 50%;\r\n height: 60px;\r\n\r\n margin-left: 14px;\r\n\r\n border-right: var(--width-border) var(--type-border) var(--color-border);\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n\r\n box-shadow: none;\r\n\r\n z-index: 0;\r\n}\r\n\r\n.project:hover .project_name::after {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project .project_image {\r\n display: block;\r\n\r\n height: 300px;\r\n width: 100%;\r\n\r\n border: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .5s ease-in-out;\r\n\r\n background: center center no-repeat;\r\n background-size: 100% 100%;\r\n background-color: black;\r\n}\r\n\r\n.project:hover .project_image {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_image::before {\r\n content: '';\r\n\r\n border-top: var(--width-border) var(--type-border) var(--color-border);\r\n border-left: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n\r\n width: 42px;\r\n height: 50px;\r\n\r\n position: absolute;\r\n top: 58px;\r\n left: 50px;\r\n}\r\n\r\n.project:hover .project_image::before {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_image::after {\r\n content: '';\r\n border-left: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n\r\n width: 0px;\r\n height: 27px;\r\n\r\n position: absolute;\r\n top: 403px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.project:hover .project_image::after {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_image:hover {\r\n transition: .6s;\r\n box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.453);\r\n\r\n}\r\n\r\n.project .project1 {\r\n background-image: url(../images/project-1.webp);\r\n}\r\n\r\n.project .project2 {\r\n background-image: url(../images/project-2.webp);\r\n}\r\n\r\n.project .project3 {\r\n background-image: url(../images/project-3.webp);\r\n}\r\n\r\n.project .project4 {\r\n background-image: url(../images/project-4.webp);\r\n}\r\n\r\n.project .project5 {\r\n background-image: url(../images/project-5.webp);\r\n}\r\n\r\n.project .project6 {\r\n background-image: url(../images/project-6.webp);\r\n}\r\n\r\n.project .project7 {\r\n background-image: url(../images/project-7.webp);\r\n}\r\n\r\n.project .project8 {\r\n background-image: url(../images/project-8.webp);\r\n}\r\n\r\n\r\n.project:hover .project1 {\r\n background-image: url(../images/project-1.gif);\r\n}\r\n\r\n.project:hover .project2 {\r\n background-image: url(../images/project-2.gif);\r\n}\r\n\r\n.project:hover .project3 {\r\n background-image: url(../images/project-3.gif);\r\n}\r\n\r\n.project:hover .project4 {\r\n background-image: url(../images/project-4.gif);\r\n}\r\n\r\n.project:hover .project5 {\r\n background-image: url(../images/project-5.gif);\r\n}\r\n\r\n.project:hover .project6 {\r\n background-image: url(../images/project-6.gif);\r\n}\r\n\r\n.project:hover .project7 {\r\n background-image: url(../images/project-7.gif);\r\n}\r\n\r\n.project:hover .project8 {\r\n background-image: url(../images/project-8.gif);\r\n}\r\n\r\n\r\n.project_description {\r\n background-image: linear-gradient(180deg, #002e3a69, black, rgba(0, 46, 58, 0.642));\r\n\r\n border: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n\r\n padding: 10px;\r\n\r\n text-align: justify;\r\n\r\n color: gray;\r\n text-shadow: 1px 1px 2px black;\r\n\r\n font-size: 1em;\r\n font-weight: bold;\r\n}\r\n\r\n.project:hover .project_description {\r\n border-color: var(--color-border-hover);\r\n\r\n transition-delay: .5s;\r\n color: white;\r\n\r\n background-image: linear-gradient(180deg, var(--bg-gradient-hover), black, var(--bg-gradient-hover));\r\n}\r\n\r\n.project_description::before {\r\n content: '';\r\n\r\n position: absolute;\r\n\r\n top: 160px;\r\n right: 21px;\r\n\r\n height: 300px;\r\n width: 25px;\r\n\r\n border-top: var(--width-border) var(--type-border) var(--color-border);\r\n border-right: var(--width-border) var(--type-border) var(--color-border);\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.project:hover .project_description::before {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_description::after {\r\n content: '';\r\n\r\n position: absolute;\r\n\r\n top: 160px;\r\n left: 23px;\r\n\r\n height: 300px;\r\n width: 25px;\r\n\r\n border-top: var(--width-border) var(--type-border) var(--color-border);\r\n border-left: var(--width-border) var(--type-border) var(--color-border);\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.project:hover .project_description::after {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_Container_Skill_links {\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n column-gap: 50px;\r\n\r\n width: 100%;\r\n height: max-content;\r\n}\r\n\r\n.project_Container_Skill_links::before {\r\n content: '';\r\n\r\n position: absolute;\r\n top: 468px;\r\n left: 22px;\r\n\r\n height: 160px;\r\n width: 25px;\r\n\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n border-left: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.project:hover .project_Container_Skill_links::before {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_Container_Skill_links::after {\r\n content: '';\r\n\r\n position: absolute;\r\n top: 468px;\r\n right: 21px;\r\n\r\n height: 160px;\r\n width: 25px;\r\n\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n border-right: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.project:hover .project_Container_Skill_links::after {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_links::after {\r\n content: '';\r\n\r\n position: absolute;\r\n bottom: 128px;\r\n right: 100px;\r\n\r\n height: 26px;\r\n width: 0px;\r\n\r\n border-right: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.project:hover .project_links::after {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_links ul {\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n border-radius: 20px;\r\n\r\n height: min-content;\r\n width: 200px;\r\n\r\n padding: 10px;\r\n\r\n border: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n background-image: linear-gradient(180deg, #002e3a69, black, rgba(0, 46, 58, 0.642));\r\n\r\n transition: .7s ease-in-out;\r\n\r\n column-gap: 10px;\r\n}\r\n\r\n.project:hover .project_links ul {\r\n border-color: var(--color-border-hover);\r\n\r\n transition-delay: .5s;\r\n\r\n background-image: linear-gradient(180deg, var(--bg-gradient-hover), black, var(--bg-gradient-hover));\r\n\r\n}\r\n\r\n.project_links ul::before {\r\n content: '';\r\n\r\n position: absolute;\r\n bottom: 26px;\r\n left: 65px;\r\n\r\n height: 20px;\r\n width: 425px;\r\n\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n border-right: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n border-left: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.project:hover .project_links ul::before {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_links ul::after {\r\n content: '';\r\n\r\n position: absolute;\r\n bottom: 0px;\r\n right: 500px;\r\n\r\n height: 27px;\r\n width: 0px;\r\n\r\n border-right: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.project:hover .project_links ul::after {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_links svg {\r\n background-color: rgba(0, 0, 0, 0.53);\r\n\r\n font-size: 3em;\r\n\r\n box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.512);\r\n}\r\n\r\n.project_softSkills {\r\n display: flex;\r\n justify-content: space-evenly;\r\n\r\n background-image: linear-gradient(180deg, #002e3a69, black, rgba(0, 46, 58, 0.642));\r\n\r\n border-radius: 20px;\r\n\r\n width: 100%;\r\n\r\n padding: 10px;\r\n\r\n border: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.project:hover .project_softSkills {\r\n border-color: var(--color-border-hover);\r\n\r\n background-image: linear-gradient(180deg, var(--bg-gradient-hover), black, var(--bg-gradient-hover));\r\n}\r\n\r\n.project_softSkills::before {\r\n content: '';\r\n\r\n position: absolute;\r\n bottom: 128px;\r\n left: 205px;\r\n\r\n height: 10px;\r\n width: 155px;\r\n\r\n border-top: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n border-right: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n border-left: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.project:hover .project_softSkills::before {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_softSkills::after {\r\n content: '';\r\n\r\n position: absolute;\r\n bottom: 86px;\r\n left: 250px;\r\n\r\n height: 0px;\r\n width: 50px;\r\n\r\n border-top: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.project:hover .project_softSkills::after {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_softSkills svg {\r\n font-size: 3em;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .project_image {\r\n height: 250px;\r\n }\r\n\r\n .project_image::after {\r\n top: 403px;\r\n }\r\n\r\n .project_links ul::before {\r\n bottom: 26px;\r\n left: 65px;\r\n\r\n height: 20px;\r\n width: 255px;\r\n }\r\n\r\n .project_links ul::after {\r\n bottom: 0px;\r\n right: 400px;\r\n \r\n height: 26px;\r\n width: 0px;\r\n }\r\n\r\n .project_links ul {\r\n width: 150px;\r\n }\r\n\r\n .project_softSkills::before {\r\n left: 160px;\r\n\r\n height: 10px;\r\n width: 105px;\r\n }\r\n\r\n .project_softSkills::after {\r\n left: 200px;\r\n \r\n height: 0px;\r\n width: 52px;\r\n }\r\n\r\n .project_Container_Skill_links::after,\r\n .project_Container_Skill_links::before {\r\n height: 180px;\r\n }\r\n}\r\n\r\n\r\n@media (max-width: 568px) {\r\n .project {\r\n margin: 0 -24px;\r\n }\r\n\r\n .project:nth-child(2n) {\r\n left: 0%;\r\n transform: translateX(0%);\r\n \r\n }\r\n\r\n .project_description {\r\n max-height: 150px;\r\n\r\n overflow-y: scroll;\r\n }\r\n\r\n .project_description::-webkit-scrollbar {\r\n background-color: transparent;\r\n \r\n width: 8px;\r\n }\r\n .project_description::-webkit-scrollbar-thumb {\r\n border-radius: 10px;\r\n \r\n background-image: linear-gradient(90deg,var(--color-border-hover), black ,var(--color-border-hover));\r\n }\r\n\r\n} \r\n\r\n\r\n@media (max-width: 493px) {\r\n .project_name::after {\r\n width: 60px;\r\n }\r\n\r\n .project_image {\r\n max-height: 200px;\r\n }\r\n\r\n .project_image::after {\r\n top: 303px;\r\n }\r\n \r\n .project_description::after, \r\n .project_description::before {\r\n height: 230px;\r\n }\r\n\r\n .project_Container_Skill_links {\r\n column-gap: 25px;\r\n }\r\n\r\n .project_Container_Skill_links::after,\r\n .project_Container_Skill_links::before {\r\n height: 130px;\r\n top: 398px;\r\n }\r\n \r\n\r\n .project_links ul {\r\n width: 120px;\r\n }\r\n\r\n .project_links ul::after {\r\n right: 300px;\r\n }\r\n\r\n .project_links svg,\r\n .project_softSkills svg {\r\n font-size: 2em;\r\n }\r\n\r\n .project_softSkills::before {\r\n left: 140px;\r\n bottom: 112px;\r\n\r\n width: 145px;\r\n }\r\n\r\n .project_softSkills::after {\r\n left: 170px;\r\n \r\n width: 27px;\r\n }\r\n\r\n .project_links::after {\r\n bottom: 113px;\r\n }\r\n} ",".container_footer {\r\n width: 100vw;\r\n height: 50px;\r\n\r\n background-color: rgb(0, 0, 0);\r\n color: white;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-evenly;\r\n\r\n}\r\n\r\n.container_footer svg {\r\n margin-top: 10px;\r\n font-size: 1.2em;\r\n\r\n position: relative;\r\n top: auto;\r\n left: auto;\r\n}\r\n\r\n.container_footer p {\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: .8em;\r\n}\r\n\r\n@media (max-width: 893px) {\r\n .container_footer {\r\n width: 100%;\r\n margin-top: 100px;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:693px) {\r\n .container_footer svg {\r\n display: none;\r\n }\r\n}"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"static/css/main.3ce2cbbd.css","mappings":"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","sources":["index.css","components/layout/Navbar.css","components/layout/Redes.css","pages/Icons.css","pages/Aboutme.module.css","components/Container.module.css","pages/Skill.css","pages/Projects.module.css","components/layout/Container_Footer.module.css"],"sourcesContent":["/* RESET */\n* {\n margin: 0;\n padding: 0;\n\n box-sizing: border-box;\n\n list-style: none;\n\n text-decoration: none;\n\n scroll-behavior: smooth;\n}\n\n/* Font */\n@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;700&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap');\n\nhtml,\nbody {\n height: 100vh;\n width: 100vw;\n\n background: center center no-repeat fixed;\n background-size: cover;\n background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.897), rgba(18, 18, 18, 0.913)), url(./images/bg.png);\n\n overflow-x: hidden;\n\n font-family: 'Orbitron', sans-serif;\n}\n\np {\n font-family: 'Hind', sans-serif;\n font-weight: 300;\n\n text-shadow: 1px 1px rgba(0, 0, 0, 0.622);\n}\n\nstrong {\n font-weight: 700;\n}\n\nbody::-webkit-scrollbar {\n background-color: black;\n\n width: 12px;\n}\n\nbody::-webkit-scrollbar-button {\n height: 50px;\n scroll-margin-bottom: -150px;\n}\n\nbody::-webkit-scrollbar-thumb {\n background-color: blue;\n\n border: .5px solid rgba(128, 0, 128, 0.608);\n\n border-radius: 5px;\n\n color: black;\n\n box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.563);\n}\n\n@media (max-width: 1024px ) and (min-height: 1024px ){\n body::-webkit-scrollbar {\n display: none;\n }\n \n}\n\n@media (max-width: 768px ) and (min-height: 768px ){\n body::-webkit-scrollbar {\n display: none;\n }\n \n}\n\n@media (max-width: 568px ) and (min-height: 568px ){\n body::-webkit-scrollbar {\n display: none;\n }\n \n}\n\n@media (max-width:693px) {\n body::-webkit-scrollbar-button {\n height: 100px;\n }\n}",":root {\r\n --color-navbar: #dedede;\r\n --color-navbar-hover: #0099bf;\r\n}\r\n\r\n@keyframes loading-navbar {\r\n from {\r\n transform: translateY(-80px);\r\n }\r\n to {\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n.NavBar_Container {\r\n width: 100vw;\r\n\r\n display: flex;\r\n\r\n padding-left: 25px;\r\n\r\n animation: loading-navbar 1.2s ease-in-out;\r\n\r\n background-color: rgb(0, 0, 0);\r\n\r\n position: fixed;\r\n\r\n z-index: 4;\r\n}\r\n\r\n.name {\r\n height: 50px;\r\n width: 100%;\r\n\r\n display: flex;\r\n align-items: center;\r\n color: rgb(255, 244, 244);\r\n\r\n font-size: 2em;\r\n font-weight: bolder;\r\n}\r\n\r\n.Navbar {\r\n width: 50%;\r\n\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: center;\r\n}\r\n\r\n.Navbar li {\r\n justify-self: right;\r\n\r\n padding-bottom: 5px;\r\n \r\n position: relative;\r\n\r\n font-size: 1em;\r\n\r\n color: var(--color-navbar);\r\n\r\n cursor: pointer;\r\n}\r\n\r\n.Navbar .select,\r\n.Navbar li:hover {\r\n color: var(--color-navbar-hover);\r\n}\r\n\r\n.Navbar .select::before,\r\n.Navbar li::before {\r\n content: '';\r\n\r\n transform: translateX(-50%);\r\n position: absolute;\r\n bottom: 0px;\r\n left: 50%;\r\n\r\n background-color: var(--color-navbar-hover);\r\n\r\n height: 2px;\r\n \r\n width: 0%;\r\n\r\n transition: .5s ease-in-out;\r\n}\r\n\r\n.Navbar .select::before,\r\n.Navbar li:hover::before{\r\n width: 100%;\r\n}\r\n\r\n@media (max-width:1124px) {\r\n .name {\r\n width: max-content;\r\n }\r\n\r\n .Navbar {\r\n justify-content: space-evenly;\r\n\r\n width: 100%;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:693px) {\r\n .NavBar_Container {\r\n padding: 0px 20px;\r\n\r\n height: 100px;\r\n }\r\n\r\n .name {\r\n text-align: center;\r\n }\r\n\r\n .Navbar {\r\n position: absolute;\r\n top: 60px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n align-items: end;\r\n }\r\n}",".Redes_container {\r\n width: min-content;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n column-gap: 20px;\r\n\r\n margin-right: 10px;\r\n}\r\n\r\n.Redes_container svg {\r\n font-size: 2em;\r\n\r\n cursor: pointer;\r\n}\r\n\r\n.Redes_container svg:hover {\r\n transition: .5s;\r\n transform: scale(1.1);\r\n}\r\n\r\n@media (max-width:693px) {\r\n .Redes_container {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n }\r\n}","li:hover .html svg { fill: rgb(255, 123, 0);}\r\n\r\nli:hover .css svg { fill: rgb(0, 110, 153);}\r\n\r\nli:hover .javascript svg { fill: yellow;}\r\n\r\nli:hover .react svg { fill: aqua;}\r\n\r\nli:hover .git svg { fill: orangered;}\r\n\r\nli:hover .sass svg { fill: rgb(255, 88, 116);}\r\n\r\nli:hover .jquery svg { fill:blue}\r\n\r\n\r\n\r\n.githube:hover svg { fill: rgb(121, 121, 121);}\r\n\r\n.linkedin:hover svg { fill: rgb(32, 32, 250);}\r\n\r\n\r\n\r\n.repositorio svg { border: 1px solid rgb(69, 69, 69);}\r\n\r\nli:hover .repositorio svg { \r\n color: rgb(69, 69, 69); \r\n border: 1px solid rgba(255, 255, 255, 0.65);\r\n}\r\n\r\n\r\n.site svg { border-radius: 50%;}\r\n\r\nli:hover .site svg { color: purple;}\r\n\r\nsvg {\r\n color: white;\r\n fill: white;\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.softskills:hover svg path{\r\n animation: animation-icon 1.5s ease-in-out alternate infinite;\r\n}\r\n\r\n@keyframes animation-icon {\r\n from {\r\n opacity: 1;\r\n }\r\n to {\r\n opacity: .4;\r\n }\r\n}",":root {\r\n --color-btn: #dedede;\r\n --color-btn-hover: #0085a7;\r\n}\r\n\r\n.AboutMe_Container {\r\n height: 100%;\r\n min-height: 700px;\r\n width: 100%;\r\n\r\n margin: 0 auto;\r\n padding: 25% 0;\r\n\r\n display: grid;\r\n grid-template-columns: 50% 50%;\r\n grid-template-rows: repeat(3, min-content);\r\n\r\n color: white;\r\n\r\n}\r\n\r\n.AboutMe_Container>h1 {\r\n grid-column: 1;\r\n\r\n align-self: flex-end;\r\n}\r\n\r\n.AboutMe_Container>p {\r\n grid-column: 1;\r\n\r\n font-size: 1.05em;\r\n letter-spacing: 1px;\r\n line-height: 28px;\r\n text-transform: capitalize;\r\n\r\n width: 80%;\r\n}\r\n\r\n.AboutMe_Container>h2 {\r\n grid-row: 2;\r\n grid-column: 2;\r\n\r\n text-align: center;\r\n font-size: 3em;\r\n text-shadow: 2px 2px black;\r\n text-transform: uppercase;\r\n\r\n padding-top: 25px;\r\n}\r\n\r\n.AboutMe_Container>h2>span {\r\n font-size: 1.5em;\r\n}\r\n\r\n.button_curri {\r\n grid-column: 2;\r\n grid-row: 3;\r\n\r\n margin: 0 auto;\r\n\r\n border-radius: 20px;\r\n\r\n}\r\n\r\n.button_curri > button { \r\n text-transform: uppercase;\r\n text-decoration: none;\r\n\r\n color: var(--color-btn);\r\n\r\n font: 1.2em;\r\n font-weight: bold;\r\n\r\n background-color: rgba(0, 0, 0, 0.129);\r\n border: 2px solid var(--color-btn);\r\n\r\n border-radius: 20px;\r\n\r\n transition: .7s ease-in-out;\r\n\r\n width: 200px;\r\n height: 40px;\r\n\r\n cursor: pointer;\r\n} \r\n\r\n.button_curri:hover button {\r\n background-color: #00a7d12a;\r\n\r\n color: var(--color-btn-hover);\r\n border: 2px solid var(--color-btn-hover);\r\n\r\n}\r\n\r\n@media (max-width:1124px) {\r\n .AboutMe_Container {\r\n display: flex;\r\n flex-direction: column;\r\n\r\n row-gap: 100px;\r\n\r\n margin-bottom: 100px;\r\n\r\n grid-template-rows: repeat(4, min-content);\r\n }\r\n\r\n .AboutMe_Container>h2 {\r\n grid-column: 1;\r\n grid-row: 1;\r\n }\r\n\r\n .AboutMe_Container>h2>span {\r\n font-size: 1em;\r\n }\r\n\r\n .button_curri {\r\n grid-column: 1;\r\n grid-row: 2;\r\n }\r\n\r\n .AboutMe_Container>h1 {\r\n grid-row: 3;\r\n\r\n align-self: flex-start;\r\n\r\n margin-left: 10%;\r\n margin-bottom: -100px;\r\n }\r\n\r\n .AboutMe_Container>p {\r\n width: 80%;\r\n grid-row: 4;\r\n\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n@media (max-width: 893px) {\r\n .AboutMe_Container>h1 {\r\n margin-left: 0%;\r\n }\r\n\r\n .AboutMe_Container>p {\r\n width: 100%;\r\n text-align: justify;\r\n }\r\n}\r\n\r\n\r\n\r\n@media (max-width: 668px) {\r\n .AboutMe_Container {\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n }\r\n\r\n .AboutMe_Container>h2 {\r\n font-size: 2em;\r\n }\r\n\r\n}","@keyframes loading-page {\r\n from {\r\n opacity: 0.2;\r\n transform: translateY(10px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n.Container {\r\n max-width: 1424px;\r\n margin: 0 auto;\r\n\r\n padding: 0 50px ;\r\n\r\n animation: loading-page 1.2s ease-in-out;\r\n}\r\n\r\n.Container.NavBar_Container {\r\n display: flex;\r\n flex-direction: row;\r\n\r\n padding: 10px 20px;\r\n}\r\n\r\n@media (max-width: 668px) {\r\n .Container {\r\n padding: 0;\r\n }\r\n\r\n}",":root {\r\n --color-border: #002e3a;\r\n --color-border-hover: #00a7d1;\r\n --width-border: 4px;\r\n --type-border: groove;\r\n}\r\n\r\n.Skill_Container {\r\n width: 100%;\r\n height: 100%;\r\n\r\n margin: 0 auto;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n text-align: center;\r\n\r\n color: white;\r\n}\r\n\r\n.Skill_Container h2 {\r\n font-size: 3em;\r\n margin-bottom: 80px;\r\n}\r\n\r\n.Skill_Container ul {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n\r\n position: relative;\r\n\r\n gap: 25px;\r\n}\r\n\r\n.softskills {\r\n width: 250px;\r\n height: 250px;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n\r\n row-gap: 25px;\r\n\r\n backdrop-filter: blur(20px);\r\n\r\n border: 1px solid gray;\r\n}\r\n\r\n.softskills:hover {\r\n border: 1px solid rgb(255, 255, 255);\r\n}\r\n\r\n.softskills_description {\r\n padding: 10px;\r\n\r\n max-height: 100px;\r\n\r\n overflow-y: scroll;\r\n\r\n color: gray;\r\n\r\n background-image: linear-gradient(180deg,#002e3a69, black ,rgba(0, 46, 58, 0.642));\r\n\r\n border-top: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n text-align: justify;\r\n\r\n transition: .7s ease-in-out;\r\n\r\n font-size: .8em;\r\n font-weight: bold;\r\n}\r\n\r\n.softskills_description::-webkit-scrollbar {\r\n background-color: transparent;\r\n\r\n width: 8px;\r\n}\r\n.softskills_description::-webkit-scrollbar-thumb {\r\n border-radius: 10px;\r\n\r\n background-image: linear-gradient(90deg,var(--color-border-hover), black ,var(--color-border-hover));\r\n}\r\n\r\n.softskills_description::before {\r\n content: '';\r\n\r\n position: absolute;\r\n top: 80px;\r\n right: 60px;\r\n\r\n width: 20px;\r\n height: 30px;\r\n \r\n border-right: var(--width-border) var(--type-border) var(--color-border);\r\n border-top: var(--width-border) var(--type-border) var(--color-border);\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.softskills:hover .softskills_description::before {\r\n border-right: var(--width-border) var(--type-border) var(--color-border-hover);\r\n border-top: var(--width-border) var(--type-border) var(--color-border-hover);\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border-hover);\r\n}\r\n\r\n.softskills_description::after {\r\n content: '';\r\n\r\n position: absolute;\r\n top: 114px;\r\n left: 20px;\r\n\r\n width: 140px;\r\n height: 20px;\r\n \r\n border-left: var(--width-border) var(--type-border) var(--color-border);\r\n border-top: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.softskills:hover .softskills_description::after {\r\n border-left: var(--width-border) var(--type-border) var(--color-border-hover);\r\n border-top: var(--width-border) var(--type-border) var(--color-border-hover);\r\n}\r\n\r\n.softskills:hover .softskills_description {\r\n border-top: var(--width-border) var(--type-border) var(--color-border-hover);\r\n\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border-hover);\r\n \r\n color: white;\r\n}\r\n\r\n.softskills_icons::before {\r\n content: '';\r\n\r\n position: absolute;\r\n top: 0px;\r\n right: 58px;\r\n\r\n width: 38px;\r\n height: 60px;\r\n \r\n border-right: var(--width-border) var(--type-border) var(--color-border);\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.softskills:hover .softskills_icons::before {\r\n border-right: var(--width-border) var(--type-border) var(--color-border-hover);\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border-hover);\r\n\r\n}\r\n\r\n.softskills_icons::after {\r\n content: '';\r\n\r\n position: absolute;\r\n top: 0px;\r\n left: 58px;\r\n\r\n width: 38px;\r\n height: 60px;\r\n \r\n border-left: var(--width-border) var(--type-border) var(--color-border);\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border); \r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.softskills:hover .softskills_icons::after { \r\n border-left: var(--width-border) var(--type-border) var(--color-border-hover);\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border-hover);\r\n\r\n}\r\n\r\n.Skill_Container svg {\r\n font-size: 6em;\r\n\r\n position: relative;\r\n background-color: black;\r\n\r\n border: 1px solid gray;\r\n border-radius: 10px;\r\n\r\n padding: 10px;\r\n\r\n transition: .7s ease-in-out;\r\n\r\n z-index: 4;\r\n}\r\n\r\n.softskills:hover svg {\r\n border: 1px solid var(--color-border-hover);\r\n}\r\n\r\n@media (max-width: 568px) {\r\n .softskills {\r\n width: 200px;\r\n height: 200px;\r\n }\r\n\r\n .softskills_icons {\r\n margin-top: 10px;\r\n }\r\n\r\n .softskills_icons::before {\r\n height: 40px;\r\n width: 20px;\r\n\r\n right: 44px;\r\n\r\n }\r\n .softskills_icons::after {\r\n height: 40px;\r\n width: 20px;\r\n\r\n left: 44px;\r\n }\r\n\r\n .Skill_Container svg {\r\n font-size: 4em;\r\n \r\n padding: 10px;\r\n }\r\n\r\n .softskills_description::before {\r\n top: 51px;\r\n right: 44px;\r\n }\r\n\r\n .softskills_description::after {\r\n top: 85px;\r\n left: 20px;\r\n \r\n width: 120px;\r\n height: 16px;\r\n }\r\n} \r\n\r\n\r\n@media (max-width: 493px) {\r\n .Skill_Container ul {\r\n gap: 5px;\r\n }\r\n\r\n .softskills {\r\n width: 180px;\r\n height: 180px;\r\n }\r\n .softskills_icons::after {\r\n width: 25px;\r\n left: 28px;\r\n }\r\n\r\n .softskills_description::before,\r\n .softskills_icons::before {\r\n width: 25px;\r\n right: 28px;\r\n\r\n }\r\n\r\n}",":root {\r\n --color-border: #002e3a;\r\n --color-border-hover: #0085a7;\r\n --bg-gradient-hover: #004e61;\r\n --width-border: 4px;\r\n --type-border: groove;\r\n}\r\n\r\n.Projects_container {\r\n width: 100%;\r\n height: max-content;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n row-gap: 100px;\r\n\r\n margin: 0 auto;\r\n\r\n padding: 25% 0 10% 0;\r\n\r\n color: white;\r\n}\r\n\r\n.Projects_container h2 {\r\n margin: 0 auto;\r\n\r\n font-size: 3em;\r\n}\r\n\r\n.project_list {\r\n width: 100%;\r\n\r\n display: flex;\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n\r\n row-gap: 200px;\r\n}\r\n\r\n.project:nth-child(2n) {\r\n position: relative;\r\n left: 100%;\r\n transform: translateX(-100%);\r\n\r\n}\r\n\r\n.project {\r\n width: 668px;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n\r\n row-gap: 25px;\r\n\r\n backdrop-filter: blur(20px);\r\n\r\n border: 1px solid gray;\r\n\r\n padding: 50px;\r\n\r\n position: relative;\r\n}\r\n\r\n.project:hover {\r\n border-color: white;\r\n}\r\n\r\n.project_name {\r\n margin-left: 40px;\r\n\r\n font-weight: bold;\r\n font-size: 1.2em;\r\n\r\n width: max-content;\r\n\r\n border-right: var(--width-border) var(--type-border) var(--color-border);\r\n border-left: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n border-radius: 5px;\r\n\r\n position: relative;\r\n\r\n background-image: linear-gradient(180deg, #002e3a69, black, rgba(0, 46, 58, 0.642));\r\n\r\n transition: .7s ease-in-out;\r\n\r\n box-shadow: none;\r\n\r\n padding: 2px 10px;\r\n\r\n z-index: 2;\r\n}\r\n\r\n.project:hover .project_name {\r\n border-color: var(--color-border-hover);\r\n\r\n transition-delay: .5s;\r\n\r\n background-image: linear-gradient(180deg, var(--bg-gradient-hover), black, var(--bg-gradient-hover));\r\n\r\n}\r\n\r\n.project_name::after {\r\n content: '';\r\n\r\n position: absolute;\r\n top: -50px;\r\n\r\n width: 50%;\r\n height: 60px;\r\n\r\n margin-left: 14px;\r\n\r\n border-right: var(--width-border) var(--type-border) var(--color-border);\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n\r\n box-shadow: none;\r\n\r\n z-index: 0;\r\n}\r\n\r\n.project:hover .project_name::after {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project .project_image {\r\n display: block;\r\n\r\n height: 300px;\r\n width: 100%;\r\n\r\n border: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .5s ease-in-out;\r\n\r\n background: center center no-repeat;\r\n background-size: 100% 100%;\r\n background-color: black;\r\n}\r\n\r\n.project:hover .project_image {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_image::before {\r\n content: '';\r\n\r\n border-top: var(--width-border) var(--type-border) var(--color-border);\r\n border-left: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n\r\n width: 42px;\r\n height: 50px;\r\n\r\n position: absolute;\r\n top: 58px;\r\n left: 50px;\r\n}\r\n\r\n.project:hover .project_image::before {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_image::after {\r\n content: '';\r\n border-left: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n\r\n width: 0px;\r\n height: 27px;\r\n\r\n position: absolute;\r\n top: 403px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n}\r\n\r\n.project:hover .project_image::after {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_image:hover {\r\n transition: .6s;\r\n box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.453);\r\n\r\n}\r\n\r\n.project .project1 {\r\n background-image: url(../images/project-1.webp);\r\n}\r\n\r\n.project .project2 {\r\n background-image: url(../images/project-2.webp);\r\n}\r\n\r\n.project .project3 {\r\n background-image: url(../images/project-3.webp);\r\n}\r\n\r\n.project .project4 {\r\n background-image: url(../images/project-4.webp);\r\n}\r\n\r\n.project .project5 {\r\n background-image: url(../images/project-5.webp);\r\n}\r\n\r\n.project .project6 {\r\n background-image: url(../images/project-6.webp);\r\n}\r\n\r\n.project .project7 {\r\n background-image: url(../images/project-7.webp);\r\n}\r\n\r\n.project .project8 {\r\n background-image: url(../images/project-8.webp);\r\n}\r\n\r\n\r\n.project:hover .project1 {\r\n background-image: url(../images/project-1.gif);\r\n}\r\n\r\n.project:hover .project2 {\r\n background-image: url(../images/project-2.gif);\r\n}\r\n\r\n.project:hover .project3 {\r\n background-image: url(../images/project-3.gif);\r\n}\r\n\r\n.project:hover .project4 {\r\n background-image: url(../images/project-4.gif);\r\n}\r\n\r\n.project:hover .project5 {\r\n background-image: url(../images/project-5.gif);\r\n}\r\n\r\n.project:hover .project6 {\r\n background-image: url(../images/project-6.gif);\r\n}\r\n\r\n.project:hover .project7 {\r\n background-image: url(../images/project-7.gif);\r\n}\r\n\r\n.project:hover .project8 {\r\n background-image: url(../images/project-8.gif);\r\n}\r\n\r\n\r\n.project_description {\r\n background-image: linear-gradient(180deg, #002e3a69, black, rgba(0, 46, 58, 0.642));\r\n\r\n border: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n\r\n padding: 10px;\r\n\r\n text-align: justify;\r\n\r\n color: gray;\r\n text-shadow: 1px 1px 2px black;\r\n\r\n font-size: 1em;\r\n font-weight: bold;\r\n}\r\n\r\n.project:hover .project_description {\r\n border-color: var(--color-border-hover);\r\n\r\n transition-delay: .5s;\r\n color: white;\r\n\r\n background-image: linear-gradient(180deg, var(--bg-gradient-hover), black, var(--bg-gradient-hover));\r\n}\r\n\r\n.project_description::before {\r\n content: '';\r\n\r\n position: absolute;\r\n\r\n top: 160px;\r\n right: 21px;\r\n\r\n height: 300px;\r\n width: 25px;\r\n\r\n border-top: var(--width-border) var(--type-border) var(--color-border);\r\n border-right: var(--width-border) var(--type-border) var(--color-border);\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.project:hover .project_description::before {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_description::after {\r\n content: '';\r\n\r\n position: absolute;\r\n\r\n top: 160px;\r\n left: 23px;\r\n\r\n height: 300px;\r\n width: 25px;\r\n\r\n border-top: var(--width-border) var(--type-border) var(--color-border);\r\n border-left: var(--width-border) var(--type-border) var(--color-border);\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.project:hover .project_description::after {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_Container_Skill_links {\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n column-gap: 50px;\r\n\r\n width: 100%;\r\n height: max-content;\r\n}\r\n\r\n.project_Container_Skill_links::before {\r\n content: '';\r\n\r\n position: absolute;\r\n top: 468px;\r\n left: 22px;\r\n\r\n height: 160px;\r\n width: 25px;\r\n\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n border-left: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.project:hover .project_Container_Skill_links::before {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_Container_Skill_links::after {\r\n content: '';\r\n\r\n position: absolute;\r\n top: 468px;\r\n right: 21px;\r\n\r\n height: 160px;\r\n width: 25px;\r\n\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n border-right: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.project:hover .project_Container_Skill_links::after {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_links::after {\r\n content: '';\r\n\r\n position: absolute;\r\n bottom: 128px;\r\n right: 100px;\r\n\r\n height: 26px;\r\n width: 0px;\r\n\r\n border-right: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.project:hover .project_links::after {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_links ul {\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n border-radius: 20px;\r\n\r\n height: min-content;\r\n width: 200px;\r\n\r\n padding: 10px;\r\n\r\n border: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n background-image: linear-gradient(180deg, #002e3a69, black, rgba(0, 46, 58, 0.642));\r\n\r\n transition: .7s ease-in-out;\r\n\r\n column-gap: 10px;\r\n}\r\n\r\n.project:hover .project_links ul {\r\n border-color: var(--color-border-hover);\r\n\r\n transition-delay: .5s;\r\n\r\n background-image: linear-gradient(180deg, var(--bg-gradient-hover), black, var(--bg-gradient-hover));\r\n\r\n}\r\n\r\n.project_links ul::before {\r\n content: '';\r\n\r\n position: absolute;\r\n bottom: 26px;\r\n left: 65px;\r\n\r\n height: 20px;\r\n width: 425px;\r\n\r\n border-bottom: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n border-right: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n border-left: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.project:hover .project_links ul::before {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_links ul::after {\r\n content: '';\r\n\r\n position: absolute;\r\n bottom: 0px;\r\n right: 500px;\r\n\r\n height: 27px;\r\n width: 0px;\r\n\r\n border-right: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.project:hover .project_links ul::after {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_links svg {\r\n background-color: rgba(0, 0, 0, 0.53);\r\n\r\n font-size: 3em;\r\n\r\n box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.512);\r\n}\r\n\r\n.project_softSkills {\r\n display: flex;\r\n justify-content: space-evenly;\r\n\r\n background-image: linear-gradient(180deg, #002e3a69, black, rgba(0, 46, 58, 0.642));\r\n\r\n border-radius: 20px;\r\n\r\n width: 100%;\r\n\r\n padding: 10px;\r\n\r\n border: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.project:hover .project_softSkills {\r\n border-color: var(--color-border-hover);\r\n\r\n background-image: linear-gradient(180deg, var(--bg-gradient-hover), black, var(--bg-gradient-hover));\r\n}\r\n\r\n.project_softSkills::before {\r\n content: '';\r\n\r\n position: absolute;\r\n bottom: 128px;\r\n left: 205px;\r\n\r\n height: 10px;\r\n width: 155px;\r\n\r\n border-top: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n border-right: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n border-left: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.project:hover .project_softSkills::before {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_softSkills::after {\r\n content: '';\r\n\r\n position: absolute;\r\n bottom: 86px;\r\n left: 250px;\r\n\r\n height: 0px;\r\n width: 50px;\r\n\r\n border-top: var(--width-border) var(--type-border) var(--color-border);\r\n\r\n transition: .7s ease-in-out;\r\n}\r\n\r\n.project:hover .project_softSkills::after {\r\n border-color: var(--color-border-hover);\r\n}\r\n\r\n.project_softSkills svg {\r\n font-size: 3em;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .project_image {\r\n height: 250px;\r\n }\r\n\r\n .project_image::after {\r\n top: 403px;\r\n }\r\n\r\n .project_links ul::before {\r\n bottom: 26px;\r\n left: 65px;\r\n\r\n height: 20px;\r\n width: 255px;\r\n }\r\n\r\n .project_links ul::after {\r\n bottom: 0px;\r\n right: 400px;\r\n \r\n height: 26px;\r\n width: 0px;\r\n }\r\n\r\n .project_links ul {\r\n width: 150px;\r\n }\r\n\r\n .project_softSkills::before {\r\n left: 160px;\r\n\r\n height: 10px;\r\n width: 105px;\r\n }\r\n\r\n .project_softSkills::after {\r\n left: 200px;\r\n \r\n height: 0px;\r\n width: 52px;\r\n }\r\n\r\n .project_Container_Skill_links::after,\r\n .project_Container_Skill_links::before {\r\n height: 180px;\r\n }\r\n}\r\n\r\n\r\n@media (max-width: 568px) {\r\n .project {\r\n margin: 0 -24px;\r\n }\r\n\r\n .project:nth-child(2n) {\r\n left: 0%;\r\n transform: translateX(0%);\r\n \r\n }\r\n\r\n .project_description {\r\n max-height: 150px;\r\n\r\n overflow-y: scroll;\r\n }\r\n\r\n .project_description::-webkit-scrollbar {\r\n background-color: transparent;\r\n \r\n width: 8px;\r\n }\r\n .project_description::-webkit-scrollbar-thumb {\r\n border-radius: 10px;\r\n \r\n background-image: linear-gradient(90deg,var(--color-border-hover), black ,var(--color-border-hover));\r\n }\r\n\r\n} \r\n\r\n\r\n@media (max-width: 493px) {\r\n .project_name::after {\r\n width: 60px;\r\n }\r\n\r\n .project_image {\r\n max-height: 200px;\r\n }\r\n\r\n .project_image::after {\r\n top: 303px;\r\n }\r\n \r\n .project_description::after, \r\n .project_description::before {\r\n height: 230px;\r\n }\r\n\r\n .project_Container_Skill_links {\r\n column-gap: 25px;\r\n }\r\n\r\n .project_Container_Skill_links::after,\r\n .project_Container_Skill_links::before {\r\n height: 130px;\r\n top: 398px;\r\n }\r\n \r\n\r\n .project_links ul {\r\n width: 120px;\r\n }\r\n\r\n .project_links ul::after {\r\n right: 300px;\r\n }\r\n\r\n .project_links svg,\r\n .project_softSkills svg {\r\n font-size: 2em;\r\n }\r\n\r\n .project_softSkills::before {\r\n left: 140px;\r\n bottom: 112px;\r\n\r\n width: 145px;\r\n }\r\n\r\n .project_softSkills::after {\r\n left: 170px;\r\n \r\n width: 27px;\r\n }\r\n\r\n .project_links::after {\r\n bottom: 113px;\r\n }\r\n} ",".container_footer {\r\n width: 100vw;\r\n height: 50px;\r\n\r\n background-color: rgb(0, 0, 0);\r\n color: white;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-evenly;\r\n\r\n}\r\n\r\n.container_footer svg {\r\n margin-top: 10px;\r\n font-size: 1.2em;\r\n\r\n position: relative;\r\n top: auto;\r\n left: auto;\r\n}\r\n\r\n.container_footer p {\r\n font-family: 'Orbitron', sans-serif;\r\n font-size: .8em;\r\n}\r\n\r\n@media (max-width: 893px) {\r\n .container_footer {\r\n width: 100%;\r\n margin-top: 100px;\r\n }\r\n\r\n}\r\n\r\n@media (max-width:693px) {\r\n .container_footer svg {\r\n display: none;\r\n }\r\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.aac8405f.css b/static/css/main.aac8405f.css deleted file mode 100644 index f659e01..0000000 --- a/static/css/main.aac8405f.css +++ /dev/null @@ -1,2 +0,0 @@ -@import url(https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap);*{box-sizing:border-box;list-style:none;margin:0;padding:0;scroll-behavior:smooth;text-decoration:none}body,html{background:50% no-repeat fixed;background-image:linear-gradient(90deg,rgba(0,0,0,.897),hsla(0,0%,7%,.913)),url(/my-portfolio/static/media/bg.cc88592af8d4f8739064.png);background-size:cover;font-family:Orbitron,sans-serif;height:100vh;overflow-x:hidden;width:100vw}p{font-family:Hind,sans-serif;font-weight:300;text-shadow:1px 1px rgba(0,0,0,.622)}strong{font-weight:700}body::-webkit-scrollbar{background-color:#000;width:12px}body::-webkit-scrollbar-button{height:50px;scroll-margin-bottom:-150px}body::-webkit-scrollbar-thumb{background-color:blue;border:.5px solid rgba(128,0,128,.608);border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,.563);color:#000}@media (max-width:1024px) and (min-height:1024px){body::-webkit-scrollbar{display:none}}@media (max-width:768px) and (min-height:768px){body::-webkit-scrollbar{display:none}}@media (max-width:568px) and (min-height:568px){body::-webkit-scrollbar{display:none}}@media (max-width:693px){body::-webkit-scrollbar-button{height:100px}}:root{--color-navbar:#dedede;--color-navbar-hover:#0099bf}@keyframes loading-navbar{0%{transform:translateY(-80px)}to{transform:translateY(0)}}.NavBar_Container{animation:loading-navbar 1.2s ease-in-out;background-color:#000;display:flex;padding-left:25px;position:fixed;width:100vw;z-index:4}.name{color:#fff4f4;font-size:2em;font-weight:bolder;height:50px;width:100%}.Navbar,.name{align-items:center;display:flex}.Navbar{justify-content:space-around;width:50%}.Navbar li{color:#dedede;color:var(--color-navbar);cursor:pointer;font-size:1em;justify-self:right;padding-bottom:5px;position:relative}.Navbar .select,.Navbar li:hover{color:#0099bf;color:var(--color-navbar-hover)}.Navbar .select:before,.Navbar li:before{background-color:#0099bf;background-color:var(--color-navbar-hover);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:.5s ease-in-out;width:0}.Navbar .select:before,.Navbar li:hover:before{width:100%}@media (max-width:1124px){.name{width:-webkit-max-content;width:max-content}.Navbar{justify-content:space-evenly;width:100%}}@media (max-width:693px){.NavBar_Container{height:100px;padding:0 20px}.name{text-align:center}.Navbar{align-items:end;left:50%;position:absolute;top:60px;transform:translateX(-50%)}}.Redes_container{align-items:center;column-gap:20px;display:flex;margin-right:10px;width:-webkit-min-content;width:min-content}.Redes_container svg{cursor:pointer;font-size:2em}.Redes_container svg:hover{transform:scale(1.1);transition:.5s}@media (max-width:693px){.Redes_container{position:absolute;right:10px;top:10px}}li:hover .html svg{fill:#ff7b00}li:hover .css svg{fill:#006e99}li:hover .javascript svg{fill:#ff0}li:hover .react svg{fill:aqua}li:hover .git svg{fill:#ff4500}li:hover .sass svg{fill:#ff5874}li:hover .jquery svg{fill:blue}.githube:hover svg{fill:#797979}.linkedin:hover svg{fill:#2020fa}.repositorio svg{border:1px solid #454545}li:hover .repositorio svg{border:1px solid #ffffffa6;color:#454545}.site svg{border-radius:50%}li:hover .site svg{color:purple}svg{fill:#fff;color:#fff;transition:.7s ease-in-out}.softskills:hover svg path{animation:animation-icon 1.5s ease-in-out infinite alternate}@keyframes animation-icon{0%{opacity:1}to{opacity:.4}}:root{--color-btn:#dedede;--color-btn-hover:#0085a7}.Aboutme_AboutMe_Container__gabpU{color:#fff;display:grid;grid-template-columns:50% 50%;grid-template-rows:repeat(3,-webkit-min-content);grid-template-rows:repeat(3,min-content);height:100%;margin:0 auto;min-height:700px;padding:25% 0;width:100%}.Aboutme_AboutMe_Container__gabpU>h1{align-self:flex-end;grid-column:1}.Aboutme_AboutMe_Container__gabpU>p{font-size:1.05em;grid-column:1;letter-spacing:1px;line-height:28px;text-transform:capitalize;width:80%}.Aboutme_AboutMe_Container__gabpU>h2{font-size:3em;grid-column:2;grid-row:2;padding-top:25px;text-align:center;text-shadow:2px 2px #000;text-transform:uppercase}.Aboutme_AboutMe_Container__gabpU>h2>span{font-size:1.5em}.Aboutme_button_curri__BMU2U{border-radius:20px;grid-column:2;grid-row:3;margin:0 auto}.Aboutme_button_curri__BMU2U>button{background-color:rgba(0,0,0,.129);border:2px solid #dedede;border:2px solid var(--color-btn);border-radius:20px;color:#dedede;color:var(--color-btn);cursor:pointer;font:1.2em;font-weight:700;height:40px;text-decoration:none;text-transform:uppercase;transition:.7s ease-in-out;width:200px}.Aboutme_button_curri__BMU2U:hover button{background-color:#00a7d12a;border:2px solid #0085a7;border:2px solid var(--color-btn-hover);color:#0085a7;color:var(--color-btn-hover)}@media (max-width:1124px){.Aboutme_AboutMe_Container__gabpU{display:flex;flex-direction:column;grid-template-rows:repeat(4,-webkit-min-content);grid-template-rows:repeat(4,min-content);margin-bottom:100px;row-gap:100px}.Aboutme_AboutMe_Container__gabpU>h2{grid-column:1;grid-row:1}.Aboutme_AboutMe_Container__gabpU>h2>span{font-size:1em}.Aboutme_button_curri__BMU2U{grid-column:1;grid-row:2}.Aboutme_AboutMe_Container__gabpU>h1{align-self:flex-start;grid-row:3;margin-bottom:-100px;margin-left:10%}.Aboutme_AboutMe_Container__gabpU>p{grid-row:4;margin:0 auto;width:80%}}@media (max-width:893px){.Aboutme_AboutMe_Container__gabpU>h1{margin-left:0}.Aboutme_AboutMe_Container__gabpU>p{text-align:justify;width:100%}}@media (max-width:668px){.Aboutme_AboutMe_Container__gabpU{padding-left:20px;padding-right:20px}.Aboutme_AboutMe_Container__gabpU>h2{font-size:2em}}@keyframes Container_loading-page__9iAmp{0%{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.Container_Container__yVszf{animation:Container_loading-page__9iAmp 1.2s ease-in-out;margin:0 auto;max-width:1424px;padding:0 50px}.Container_Container__yVszf.Container_NavBar_Container__Kq8J8{display:flex;flex-direction:row;padding:10px 20px}@media (max-width:668px){.Container_Container__yVszf{padding:0}}:root{--color-border-hover:#00a7d1}.Skill_Container{color:#fff;display:flex;flex-direction:column;height:100%;margin:0 auto;text-align:center;width:100%}.Skill_Container h2{font-size:3em;margin-bottom:80px}.Skill_Container ul{flex-wrap:wrap;gap:25px;position:relative}.Skill_Container ul,.softskills{display:flex;justify-content:center}.softskills{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid gray;flex-direction:column;height:250px;row-gap:25px;width:250px}.softskills:hover{border:1px solid #fff}.softskills_description{background-image:linear-gradient(180deg,#002e3a69,#000,rgba(0,46,58,.642));border-bottom:4px groove #002e3a;border-bottom:var(--width-border) var(--type-border) var(--color-border);border-top:4px groove #002e3a;border-top:var(--width-border) var(--type-border) var(--color-border);color:gray;font-size:.8em;font-weight:700;max-height:100px;overflow-y:scroll;padding:10px;text-align:justify;transition:.7s ease-in-out}.softskills_description::-webkit-scrollbar{background-color:initial;width:8px}.softskills_description::-webkit-scrollbar-thumb{background-image:linear-gradient(90deg,#00a7d1,#000,#00a7d1);background-image:linear-gradient(90deg,var(--color-border-hover),#000,var(--color-border-hover));border-radius:10px}.softskills_description:before{border-bottom:4px groove #002e3a;border-bottom:var(--width-border) var(--type-border) var(--color-border);border-right:4px groove #002e3a;border-right:var(--width-border) var(--type-border) var(--color-border);border-top:4px groove #002e3a;border-top:var(--width-border) var(--type-border) var(--color-border);content:"";height:30px;position:absolute;right:60px;top:80px;transition:.7s ease-in-out;width:20px}.softskills:hover .softskills_description:before{border-bottom:4px groove #00a7d1;border-bottom:var(--width-border) var(--type-border) var(--color-border-hover);border-right:4px groove #00a7d1;border-right:var(--width-border) var(--type-border) var(--color-border-hover);border-top:4px groove #00a7d1;border-top:var(--width-border) var(--type-border) var(--color-border-hover)}.softskills_description:after{border-left:4px groove #002e3a;border-left:var(--width-border) var(--type-border) var(--color-border);border-top:4px groove #002e3a;border-top:var(--width-border) var(--type-border) var(--color-border);content:"";height:20px;left:20px;position:absolute;top:114px;transition:.7s ease-in-out;width:140px}.softskills:hover .softskills_description:after{border-left:4px groove #00a7d1;border-left:var(--width-border) var(--type-border) var(--color-border-hover)}.softskills:hover .softskills_description,.softskills:hover .softskills_description:after{border-top:4px groove #00a7d1;border-top:var(--width-border) var(--type-border) var(--color-border-hover)}.softskills:hover .softskills_description{border-bottom:4px groove #00a7d1;border-bottom:var(--width-border) var(--type-border) var(--color-border-hover);color:#fff}.softskills_icons:before{border-bottom:4px groove #002e3a;border-bottom:var(--width-border) var(--type-border) var(--color-border);border-right:4px groove #002e3a;border-right:var(--width-border) var(--type-border) var(--color-border);content:"";height:60px;position:absolute;right:58px;top:0;transition:.7s ease-in-out;width:38px}.softskills:hover .softskills_icons:before{border-bottom:4px groove #00a7d1;border-bottom:var(--width-border) var(--type-border) var(--color-border-hover);border-right:4px groove #00a7d1;border-right:var(--width-border) var(--type-border) var(--color-border-hover)}.softskills_icons:after{border-bottom:4px groove #002e3a;border-bottom:var(--width-border) var(--type-border) var(--color-border);border-left:4px groove #002e3a;border-left:var(--width-border) var(--type-border) var(--color-border);content:"";height:60px;left:58px;position:absolute;top:0;transition:.7s ease-in-out;width:38px}.softskills:hover .softskills_icons:after{border-bottom:4px groove #00a7d1;border-bottom:var(--width-border) var(--type-border) var(--color-border-hover);border-left:4px groove #00a7d1;border-left:var(--width-border) var(--type-border) var(--color-border-hover)}.Skill_Container svg{background-color:#000;border:1px solid gray;border-radius:10px;font-size:6em;padding:10px;position:relative;transition:.7s ease-in-out;z-index:4}.softskills:hover svg{border:1px solid #00a7d1;border:1px solid var(--color-border-hover)}@media (max-width:568px){.softskills{height:200px;width:200px}.softskills_icons{margin-top:10px}.softskills_icons:before{height:40px;right:44px;width:20px}.softskills_icons:after{height:40px;left:44px;width:20px}.Skill_Container svg{font-size:4em;padding:10px}.softskills_description:before{right:44px;top:51px}.softskills_description:after{height:16px;left:20px;top:85px;width:120px}}@media (max-width:493px){.Skill_Container ul{gap:0}.softskills{height:180px;width:180px}.softskills_icons:after{left:28px;width:25px}.softskills_description:before,.softskills_icons:before{right:28px;width:25px}}:root{--color-border:#002e3a;--color-border-hover:#0085a7;--bg-gradient-hover:#004e61;--width-border:4px;--type-border:groove}.Projects_Projects_container__OLH8T{color:#fff;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;margin:0 auto;padding:25% 0 10%;row-gap:100px;width:100%}.Projects_Projects_container__OLH8T h2{font-size:3em;margin:0 auto}.Projects_project_list__mhzyG{display:flex;flex-direction:row;flex-wrap:wrap;row-gap:200px;width:100%}.Projects_project__Und-9:nth-child(2n){left:100%;position:relative;transform:translateX(-100%)}.Projects_project__Und-9{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid gray;display:flex;flex-direction:column;padding:50px;position:relative;row-gap:25px;width:668px}.Projects_project__Und-9:hover{border-color:#fff}.Projects_project_name__Aqp7o{background-image:linear-gradient(180deg,#002e3a69,#000,rgba(0,46,58,.642));border-left:4px groove #002e3a;border-left:var(--width-border) var(--type-border) var(--color-border);border-radius:5px;border-right:4px groove #002e3a;border-right:var(--width-border) var(--type-border) var(--color-border);box-shadow:none;font-size:1.2em;font-weight:700;margin-left:40px;padding:2px 10px;position:relative;transition:.7s ease-in-out;width:-webkit-max-content;width:max-content;z-index:2}.Projects_project__Und-9:hover .Projects_project_name__Aqp7o{background-image:linear-gradient(180deg,#004e61,#000,#004e61);background-image:linear-gradient(180deg,var(--bg-gradient-hover),#000,var(--bg-gradient-hover));border-color:#0085a7;border-color:var(--color-border-hover);transition-delay:.5s}.Projects_project_name__Aqp7o:after{border-bottom:4px groove #002e3a;border-bottom:var(--width-border) var(--type-border) var(--color-border);border-right:4px groove #002e3a;border-right:var(--width-border) var(--type-border) var(--color-border);box-shadow:none;content:"";height:60px;margin-left:14px;position:absolute;top:-50px;transition:.7s ease-in-out;width:50%;z-index:0}.Projects_project__Und-9:hover .Projects_project_name__Aqp7o:after{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project__Und-9 .Projects_project_image__thRvw{background:50% no-repeat;background-color:#000;background-size:100% 100%;border:4px groove #002e3a;border:var(--width-border) var(--type-border) var(--color-border);display:block;height:300px;transition:.5s ease-in-out;width:100%}.Projects_project__Und-9:hover .Projects_project_image__thRvw{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_image__thRvw:before{border-left:4px groove #002e3a;border-left:var(--width-border) var(--type-border) var(--color-border);border-top:4px groove #002e3a;border-top:var(--width-border) var(--type-border) var(--color-border);content:"";height:50px;left:50px;position:absolute;top:58px;transition:.7s ease-in-out;width:42px}.Projects_project__Und-9:hover .Projects_project_image__thRvw:before{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_image__thRvw:after{border-left:4px groove #002e3a;border-left:var(--width-border) var(--type-border) var(--color-border);content:"";height:27px;left:50%;position:absolute;top:403px;transform:translateX(-50%);transition:.7s ease-in-out;width:0}.Projects_project__Und-9:hover .Projects_project_image__thRvw:after{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_image__thRvw:hover{box-shadow:10px 10px 20px rgba(0,0,0,.453);transition:.6s}.Projects_project__Und-9 .Projects_project1__CcWDy{background-image:url(/my-portfolio/static/media/project-1.c4f971daf43159b554aa.webp)}.Projects_project__Und-9 .Projects_project2__KWc80{background-image:url(/my-portfolio/static/media/project-2.a297396c477c6385e000.webp)}.Projects_project__Und-9 .Projects_project3__VM8D2{background-image:url(/my-portfolio/static/media/project-3.4d851b53bc1dfd4cbb19.webp)}.Projects_project__Und-9 .Projects_project4__v2Kun{background-image:url(/my-portfolio/static/media/project-4.f85945810eed6e679d29.webp)}.Projects_project__Und-9 .Projects_project5__2ERou{background-image:url(/my-portfolio/static/media/project-5.2547d06a3c462abd4588.webp)}.Projects_project__Und-9 .Projects_project6__YRz6x{background-image:url(/my-portfolio/static/media/project-6.dd29ee712c045a547ba3.webp)}.Projects_project__Und-9 .Projects_project7__gj7Ii{background-image:url(/my-portfolio/static/media/project-7.047b78850f37edff3fa3.webp)}.Projects_project__Und-9 .Projects_project8__NrPbN{background-image:url(/my-portfolio/static/media/project-8.16a3e72d379b39ffc3c8.webp)}.Projects_project__Und-9:hover .Projects_project1__CcWDy{background-image:url(/my-portfolio/static/media/project-1.aa33e0882e9fbc836c82.gif)}.Projects_project__Und-9:hover .Projects_project2__KWc80{background-image:url(/my-portfolio/static/media/project-2.38893fa9d17f366561f6.gif)}.Projects_project__Und-9:hover .Projects_project3__VM8D2{background-image:url(/my-portfolio/static/media/project-3.1c1828166ec83b121376.gif)}.Projects_project__Und-9:hover .Projects_project4__v2Kun{background-image:url(/my-portfolio/static/media/project-4.33f34a5c5526b5fee28f.gif)}.Projects_project__Und-9:hover .Projects_project5__2ERou{background-image:url(/my-portfolio/static/media/project-5.ca724e6c0b68c72eb3d4.gif)}.Projects_project__Und-9:hover .Projects_project6__YRz6x{background-image:url(/my-portfolio/static/media/project-6.54cecce5603de53437c9.gif)}.Projects_project__Und-9:hover .Projects_project7__gj7Ii{background-image:url(/my-portfolio/static/media/project-7.ea999c88ab1bd3c3ce09.gif)}.Projects_project__Und-9:hover .Projects_project8__NrPbN{background-image:url(/my-portfolio/static/media/project-8.19bee6c7eb9ccb5d84cb.gif)}.Projects_project_description__3aH3b{background-image:linear-gradient(180deg,#002e3a69,#000,rgba(0,46,58,.642));border:4px groove #002e3a;border:var(--width-border) var(--type-border) var(--color-border);color:gray;font-size:1em;font-weight:700;padding:10px;text-align:justify;text-shadow:1px 1px 2px #000;transition:.7s ease-in-out}.Projects_project__Und-9:hover .Projects_project_description__3aH3b{background-image:linear-gradient(180deg,#004e61,#000,#004e61);background-image:linear-gradient(180deg,var(--bg-gradient-hover),#000,var(--bg-gradient-hover));border-color:#0085a7;border-color:var(--color-border-hover);color:#fff;transition-delay:.5s}.Projects_project_description__3aH3b:before{border-bottom:4px groove #002e3a;border-bottom:var(--width-border) var(--type-border) var(--color-border);border-right:4px groove #002e3a;border-right:var(--width-border) var(--type-border) var(--color-border);border-top:4px groove #002e3a;border-top:var(--width-border) var(--type-border) var(--color-border);content:"";height:300px;position:absolute;right:21px;top:160px;transition:.7s ease-in-out;width:25px}.Projects_project__Und-9:hover .Projects_project_description__3aH3b:before{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_description__3aH3b:after{border-bottom:4px groove #002e3a;border-bottom:var(--width-border) var(--type-border) var(--color-border);border-left:4px groove #002e3a;border-left:var(--width-border) var(--type-border) var(--color-border);border-top:4px groove #002e3a;border-top:var(--width-border) var(--type-border) var(--color-border);content:"";height:300px;left:23px;position:absolute;top:160px;transition:.7s ease-in-out;width:25px}.Projects_project__Und-9:hover .Projects_project_description__3aH3b:after{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_Container_Skill_links__39ceF{column-gap:50px;display:flex;height:-webkit-max-content;height:max-content;justify-content:space-between;width:100%}.Projects_project_Container_Skill_links__39ceF:before{border-bottom:4px groove #002e3a;border-bottom:var(--width-border) var(--type-border) var(--color-border);border-left:4px groove #002e3a;border-left:var(--width-border) var(--type-border) var(--color-border);content:"";height:160px;left:22px;position:absolute;top:468px;transition:.7s ease-in-out;width:25px}.Projects_project__Und-9:hover .Projects_project_Container_Skill_links__39ceF:before{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_Container_Skill_links__39ceF:after{border-bottom:4px groove #002e3a;border-bottom:var(--width-border) var(--type-border) var(--color-border);border-right:4px groove #002e3a;border-right:var(--width-border) var(--type-border) var(--color-border);content:"";height:160px;position:absolute;right:21px;top:468px;transition:.7s ease-in-out;width:25px}.Projects_project__Und-9:hover .Projects_project_Container_Skill_links__39ceF:after{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_links__lBBGD:after{border-right:4px groove #002e3a;border-right:var(--width-border) var(--type-border) var(--color-border);bottom:128px;content:"";height:26px;position:absolute;right:100px;transition:.7s ease-in-out;width:0}.Projects_project__Und-9:hover .Projects_project_links__lBBGD:after{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_links__lBBGD ul{background-image:linear-gradient(180deg,#002e3a69,#000,rgba(0,46,58,.642));border:4px groove #002e3a;border:var(--width-border) var(--type-border) var(--color-border);border-radius:20px;column-gap:10px;display:flex;height:-webkit-min-content;height:min-content;justify-content:space-between;padding:10px;transition:.7s ease-in-out;width:200px}.Projects_project__Und-9:hover .Projects_project_links__lBBGD ul{background-image:linear-gradient(180deg,#004e61,#000,#004e61);background-image:linear-gradient(180deg,var(--bg-gradient-hover),#000,var(--bg-gradient-hover));border-color:#0085a7;border-color:var(--color-border-hover);transition-delay:.5s}.Projects_project_links__lBBGD ul:before{border-bottom:4px groove #002e3a;border-bottom:var(--width-border) var(--type-border) var(--color-border);border-left:4px groove #002e3a;border-left:var(--width-border) var(--type-border) var(--color-border);border-right:4px groove #002e3a;border-right:var(--width-border) var(--type-border) var(--color-border);bottom:26px;content:"";height:20px;left:65px;position:absolute;transition:.7s ease-in-out;width:425px}.Projects_project__Und-9:hover .Projects_project_links__lBBGD ul:before{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_links__lBBGD ul:after{border-right:4px groove #002e3a;border-right:var(--width-border) var(--type-border) var(--color-border);bottom:0;content:"";height:27px;position:absolute;right:500px;transition:.7s ease-in-out;width:0}.Projects_project__Und-9:hover .Projects_project_links__lBBGD ul:after{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_links__lBBGD svg{background-color:#00000087;box-shadow:2px 3px 5px rgba(0,0,0,.512);font-size:3em}.Projects_project_softSkills__MjzvI{background-image:linear-gradient(180deg,#002e3a69,#000,rgba(0,46,58,.642));border:4px groove #002e3a;border:var(--width-border) var(--type-border) var(--color-border);border-radius:20px;display:flex;justify-content:space-evenly;padding:10px;transition:.7s ease-in-out;width:100%}.Projects_project__Und-9:hover .Projects_project_softSkills__MjzvI{background-image:linear-gradient(180deg,#004e61,#000,#004e61);background-image:linear-gradient(180deg,var(--bg-gradient-hover),#000,var(--bg-gradient-hover));border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_softSkills__MjzvI:before{border-left:4px groove #002e3a;border-left:var(--width-border) var(--type-border) var(--color-border);border-right:4px groove #002e3a;border-right:var(--width-border) var(--type-border) var(--color-border);border-top:4px groove #002e3a;border-top:var(--width-border) var(--type-border) var(--color-border);bottom:128px;content:"";height:10px;left:205px;position:absolute;transition:.7s ease-in-out;width:155px}.Projects_project__Und-9:hover .Projects_project_softSkills__MjzvI:before{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_softSkills__MjzvI:after{border-top:4px groove #002e3a;border-top:var(--width-border) var(--type-border) var(--color-border);bottom:86px;content:"";height:0;left:250px;position:absolute;transition:.7s ease-in-out;width:50px}.Projects_project__Und-9:hover .Projects_project_softSkills__MjzvI:after{border-color:#0085a7;border-color:var(--color-border-hover)}.Projects_project_softSkills__MjzvI svg{font-size:3em}@media (max-width:768px){.Projects_project_image__thRvw{height:250px}.Projects_project_image__thRvw:after{top:403px}.Projects_project_links__lBBGD ul:before{bottom:26px;height:20px;left:65px;width:255px}.Projects_project_links__lBBGD ul:after{bottom:0;height:26px;right:400px;width:0}.Projects_project_links__lBBGD ul{width:150px}.Projects_project_softSkills__MjzvI:before{height:10px;left:160px;width:105px}.Projects_project_softSkills__MjzvI:after{height:0;left:200px;width:52px}.Projects_project_Container_Skill_links__39ceF:after,.Projects_project_Container_Skill_links__39ceF:before{height:180px}}@media (max-width:568px){.Projects_project__Und-9{margin:0 -24px}.Projects_project__Und-9:nth-child(2n){left:0;transform:translateX(0)}.Projects_project_description__3aH3b{max-height:150px;overflow-y:scroll}.Projects_project_description__3aH3b::-webkit-scrollbar{background-color:initial;width:8px}.Projects_project_description__3aH3b::-webkit-scrollbar-thumb{background-image:linear-gradient(90deg,#0085a7,#000,#0085a7);background-image:linear-gradient(90deg,var(--color-border-hover),#000,var(--color-border-hover));border-radius:10px}}@media (max-width:493px){.Projects_project_name__Aqp7o:after{width:60px}.Projects_project_image__thRvw{max-height:200px}.Projects_project_image__thRvw:after{top:303px}.Projects_project_description__3aH3b:after,.Projects_project_description__3aH3b:before{height:230px}.Projects_project_Container_Skill_links__39ceF{column-gap:25px}.Projects_project_Container_Skill_links__39ceF:after,.Projects_project_Container_Skill_links__39ceF:before{height:130px;top:398px}.Projects_project_links__lBBGD ul{width:120px}.Projects_project_links__lBBGD ul:after{right:300px}.Projects_project_links__lBBGD svg,.Projects_project_softSkills__MjzvI svg{font-size:2em}.Projects_project_softSkills__MjzvI:before{bottom:112px;left:140px;width:145px}.Projects_project_softSkills__MjzvI:after{left:170px;width:27px}.Projects_project_links__lBBGD:after{bottom:113px}}.Container_Footer_container_footer__YAT66{align-items:center;background-color:#000;color:#fff;display:flex;height:50px;justify-content:space-evenly;width:100vw}.Container_Footer_container_footer__YAT66 svg{font-size:1.2em;left:auto;margin-top:10px;position:relative;top:auto}.Container_Footer_container_footer__YAT66 p{font-family:Orbitron,sans-serif;font-size:.8em}@media (max-width:893px){.Container_Footer_container_footer__YAT66{margin-top:100px;width:100%}}@media (max-width:693px){.Container_Footer_container_footer__YAT66 svg{display:none}} -/*# sourceMappingURL=main.aac8405f.css.map*/ \ No newline at end of file