@import"https://fonts.googleapis.com/css2?family=Dancing+Script&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Mulish:ital,wght@0,500;1,500&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";section.contact-us{display:flex;justify-content:center;width:100%;align-items:center}section.contact-us .icon-envelope{color:var(--subtitle);margin-right:1rem;font-size:1.8rem}section.contact-us .title{font-size:2.1rem;color:var(--title);margin-bottom:1rem}section.contact-us .sub-title{color:var(--subtitle);margin-bottom:2rem;line-height:1.6rem}section.contact-us label{color:var(--subtitle)}section.contact-us #email,section.contact-us #message{all:unset;background-color:#3f3f4626;border:1px solid rgb(63 63 70);width:16rem;padding:.5rem 1rem;margin-left:1rem;border-radius:5px;transition:.3s}.light section.contact-us #email,.light section.contact-us #message{background-color:#dddddd26;color:var(--title)}section.contact-us #email:focus,section.contact-us #message:focus{border:1px solid var(--title)}section.contact-us #email:hover,section.contact-us #message:hover{border:1px solid var(--title)}section.contact-us #message{min-height:9rem;resize:vertical}section.contact-us .submit{background-color:#24252e;padding:.75rem 1.9rem;text-align:center;font-size:1.05rem;text-transform:capitalize;border-radius:.4rem;transition:.5s linear;margin-top:1.8rem;border:1px solid rgb(63 63 70)}section.contact-us .submit:hover{scale:.97}@media (max-width: 850px){section.contact-us .animation{display:none}section.contact-us form{display:flex;flex-direction:column;align-self:center;width:95%}section.contact-us form div.flex{flex-direction:column;align-items:start}section.contact-us #email,section.contact-us #message{margin-left:0;width:100%;padding:.5rem 0;resize:both}section.contact-us .submit{width:30%;align-self:center}}.light section .success{color:var(--title)}.light footer{margin-top:50px;padding:3rem 0;width:100%;background-color:#2d2e32}.dark footer{border-top:1px solid var(--divider);margin-top:50px;padding:3rem 0;width:100%;background-color:transparent}footer .container.flex{justify-content:space-between}footer .container.flex p{color:#fff}footer ul{gap:1rem}footer ul a{color:#fff;font-size:.9rem;font-weight:400}footer ul a:hover{color:var(--whiteblue);font-weight:500}footer p{color:#71717a;font-size:.9rem}@media (max-width: 800px){footer .container.flex{flex-direction:column;gap:2rem}}header.flex{justify-content:space-between;align-items:center;margin-top:1.5rem;padding-inline:30px}header.flex .logo{color:var(--title);font-family:Dancing Script,cursive;font-weight:400;font-size:1.5rem}header.flex ul.menu{display:flex;gap:4rem;list-style:none}header.flex ul.menu li a{text-decoration:none;color:var(--title);font-size:1rem;font-weight:300;transition:.3s linear;font-family:Inter,sans-serif}header.flex ul li a:hover{color:var(--whiteblue)}header.flex .model{display:none;margin-left:2rem}header.flex .menu_res{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--primary);z-index:11;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}header.flex .menu_res ul{list-style:none;width:85%;margin-left:auto;margin-right:auto;margin-top:2rem;padding:1rem 2rem;border-radius:2rem;background-color:var(--innerColor)}header.flex .menu_res ul li{border-bottom:1px solid var(--divider);padding-bottom:.77rem;padding-top:.5rem}header.flex .menu_res ul li:last-child{border-bottom:none}header.flex .menu_res ul li a{color:var(--title);text-decoration:none;font-weight:400;font-size:1.3rem;transition:.3s linear}header.flex .menu_res ul li a:hover{color:var(--whiteblue)}header.flex .menu_res ul li:first-child{text-align:right;border:none;padding-bottom:0;padding-top:.2rem}header .icon-menu,header button.mode{color:var(--title);font-size:1.5rem;font-weight:300}header button.mode{margin-right:3rem}header li button.icon-clear{font-size:1.6rem;transition:.5s linear;color:var(--title)}header li button.icon-clear:hover{color:#dc143c;font-weight:700;rotate:180deg}@media (max-width: 768px){header.flex ul.menu{display:none}header.flex .model{display:block}}.hero{margin-top:4rem;gap:3rem;justify-content:center}.MyImage{width:250px;height:250px;background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid #2d2e32;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;position:relative;transition:all 1s ease-in-out;-webkit-animation:MyImage 8s ease-in-out infinite;animation:MyImage 8s ease-in-out infinite}@keyframes MyImage{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}section .first_section{display:flex;flex-direction:column;max-width:500px;position:relative}section .first_section .title{font-family:Poppins,sans-serif;font-size:2.4rem;font-weight:700;color:var(--title);margin:24px 0;line-height:1.2}section .first_section .subtitle{color:var(--title);font-family:Mulish,sans-serif;line-height:1.6;font-weight:500;font-size:.9rem}section .first_section .icons{display:flex;gap:.5rem;margin-top:10px;align-items:center}section .first_section .icon{color:var(--subtitle);font-weight:700;transition:.3s;margin:0;padding:0}section .first_section .icon:hover{font-size:1.35rem;color:var(--whiteblue);cursor:pointer}section .first_section .tech{margin-top:30px}section .first_section .tech.flex{gap:20px}section .first_section .tech .tech-title{border-right:2px solid var(--title);color:var(--title);font-family:Mulish,sans-serif;font-weight:500;padding-right:2rem;font-size:.9rem;white-space:nowrap}section .first_section .tech .tech-skills.flex{gap:20px}section .first_section .tech .tech-skills li img{cursor:pointer}section .first_section .cv-btn{margin-top:20px;background-color:#24252e;width:11rem;padding:.75rem 0;text-align:center;font-size:1.05rem;text-transform:capitalize;opacity:.9;color:#fff;border-radius:.4rem;transition:.5s linear;border:1px solid var(--whiteblue)}section .first_section .cv-btn:hover{opacity:1}@media (max-width: 900px){section .first_section .title{font-size:1.6rem}.hero.flex{flex-direction:column-reverse;align-items:center}section .first_section .tech .tech-skills.flex{flex-wrap:wrap;justify-content:center;gap:10px}section .first_section .tech .tech-title{border-bottom:2px solid rgba(45,46,50,.5);width:fit-content;border-right:none;padding-right:0}section .first_section .tech.flex{flex-direction:column}section .first_section .cv-btn{margin-inline:auto}}main.flex{display:flex;flex-direction:column;gap:3rem;align-items:center}main.flex section.left-section.flex{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;text-align:center}main.flex section.left-section.flex button{background-color:#24252e;width:11rem;padding:.75rem 0;text-align:center;font-size:1.05rem;text-transform:capitalize;opacity:.5;border-radius:.4rem;transition:.5s linear}main.flex section.left-section.flex button{width:7rem;padding:.8rem 0;font-size:.9rem}main.flex section.left-section.flex button:hover{opacity:1}main.flex section.left-section.flex button.active{border:2px solid var(--whiteblue);opacity:1;font-weight:600;letter-spacing:.6px}main.flex section.right-section{flex-wrap:wrap;gap:17px;justify-content:center;column-gap:16px;row-gap:2rem;flex-grow:1}.card{max-width:300px;border:1px solid rgba(91,188,252,.3);border-radius:5px;transition:.3s;background-image:linear-gradient(#ffffff0d,#ffffff0d);height:100%}.light .card{box-shadow:1px 1px 10px #8d8d8d5e;border:none}.light .card:hover{border:1px solid rgba(94,96,97,.3)}.card:hover{rotate:2deg;border:1px solid var(--whiteblue);scale:1.01}.card .box{padding:.7rem .4rem}.card .box .title{color:var(--title);text-transform:capitalize}.card .box .sub-title{color:var(--subtitle);font-size:.8rem;margin-top:.7rem;margin-bottom:.8rem}.card .box .icons{justify-content:space-between}.card .box .icon{gap:11px}.card .box .icon .icon-link,.card .box .icon .icon-github{font-size:1.2rem;color:var(--subtitle);transition:.3s;margin:0}.card .box .icon .icon-link:hover,.card .box .icon .icon-github:hover{cursor:pointer;color:var(--title)}.card a.link{font-size:.9rem;color:var(--whiteblue)}@media (max-width: 640px){main.flex{flex-direction:column;gap:3rem;align-items:center}main.flex section.left-section.flex{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}main.flex section.left-section.flex button{width:7rem;padding:.8rem 0;font-size:.9rem}main.flex section.right-section{flex-wrap:wrap;flex-direction:column;gap:17px;justify-content:center}}.AboutPage{margin-top:4rem;gap:3rem;justify-content:center;display:flex;align-items:center}.AboutText{width:50%;font-weight:500;font-size:20px;line-height:30px;letter-spacing:1.2px}.AboutTextHeading,.AboutTextHeading p{font-family:Poppins,sans-serif;font-size:clamp(1.5rem,10vw,2.4rem);font-weight:700;color:var(--title);margin:24px 0;line-height:1.2}.AboutText p{color:var(--title);font-family:Mulish,sans-serif;line-height:1.6;font-weight:500;font-size:.9rem}.illustration{max-width:377px;height:377px;width:100%}@media (max-width: 900px){.AboutPage{display:block;text-align:center;padding:30px}.AboutText{text-align:left;display:inline-block;width:95%;line-height:24px;letter-spacing:.6px;margin-bottom:80px}.AboutTextHeading{font-size:26px}}.about__card{background:var(--background-color-alt);border:1px solid transparent;border-radius:1rem;padding:2rem;width:200px;text-align:center}.about__card:hover{background:transparent;border-color:var(--color-primary-alt);transition:var(--transition)}.about__icon{color:var(--color-primary);font-size:1.5rem;margin-bottom:1rem}.AboutImage{max-width:377px;width:100%;border-radius:50px}.vertical-timeline *{box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;position:relative;padding:2em 0}.vertical-timeline:after{content:"";display:table;clear:both}.vertical-timeline:before{content:"";position:absolute;top:0;left:18px;height:100%;width:4px;background:var(--line-color)}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{position:relative;margin:2em 0}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";display:table;clear:both}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%}.vertical-timeline-element-icon.shadow-size-small{box-shadow:0 0 0 2px #fff,inset 0 1px #00000014,0 2px 0 4px #0000000d}.vertical-timeline-element-icon.shadow-size-medium{box-shadow:0 0 0 3px #fff,inset 0 2px #00000014,0 3px 0 5px #0000000d}.vertical-timeline-element-icon.shadow-size-large{box-shadow:0 0 0 4px #fff,inset 0 2px #00000014,0 4px 0 6px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.vertical-timeline-element-icon{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}60%{opacity:1;-moz-transform:scale(1.2)}to{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em;box-shadow:0 3px #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;box-shadow:none}.vertical-timeline-element-content:after{content:"";display:table;clear:both}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-title,.vertical-timeline-element-subtitle{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;padding:.8em 0;opacity:.7}.vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:unset;left:100%;height:0;width:0;border:7px solid transparent;border-left:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{left:100%;border-left:7px solid #fff;border-right:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{position:absolute;width:100%;left:124%;top:6px;font-size:16px;font-size:1rem}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px)}60%{opacity:1;-moz-transform:translateX(20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translate(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translate(20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px)}60%{opacity:1;-moz-transform:translateX(-20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translate(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translate(-20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}.title-experience{font-family:Poppins,sans-serif;font-size:clamp(1.5rem,10vw,2.4rem);font-weight:700;color:var(--title);margin:24px 0;line-height:1.2}.Etitle{font-family:Poppins,sans-serif;font-size:1.2rem font-weight: 700;color:#fff;margin:24px 0;line-height:1.2}.company_name{color:#aaa6c3;font-family:Mulish,sans-serif;line-height:1.6;font-weight:500;font-size:.16px}.subtitle-experience{color:var(--title);font-family:Mulish,sans-serif;line-height:1.6;font-weight:500;font-size:.9rem}.points{list-style:disc!important;margin-top:20px;list-style-type:disc;margin-left:20px;display:flex;flex-direction:column;gap:8px}.point{font-size:14px;color:#f3f3f3;letter-spacing:.05em}:root{--primary: #000;--bgColor: #000;--innerColor: #18181b;--divider: #252529;--nav: #222225;--whiteblue: rgb(93, 188, 252);--title: rgb(244 244 245);--subtitle: rgb(161 161 170);--icon-hover: #d4d4d8;--button: rgba(255, 255, 255, .527);--background-color-alt: #2c2c6c;--color-primary: #4db5ff;--color-primary-alt: #4db5ff66}.light{--button: rgba(26, 25, 25, .733);--primary: rgb(236, 236, 236);--innerColor: rgb(255, 255, 255);--divider: rgb(202, 202, 202, .518);--title: #2d2e32;--subtitle: rgb(82 82 91);--whiteblue: rgb(0, 149, 246);--nav: rgb(253, 253, 253);--icon-hover: #333}html{box-sizing:border-box;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#8e8e8e #fff}::-webkit-scrollbar{width:.8rem}::-webkit-scrollbar-track{border:7px solid #18181b;border-radius:2px}::-webkit-scrollbar-thumb{background:#888;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}*,*:before,*:after{box-sizing:inherit}*{margin:0;padding:0;font-family:Inter,sans-serif}.flex{display:flex;align-items:center}body{color:#fff;background-color:var(--primary)}li{list-style:none}a{color:var(--title);text-decoration:none}.border{border:1px solid red}.container{width:80%;margin-left:auto;margin-right:auto}@media (max-width: 600px){.container{max-width:100%;padding:0 1.75rem}.scroll2Top{width:2.2rem;height:2.2rem;opacity:.6}}@media (max-width: 1000px){.container{width:100%;padding:0 1.75rem}}.app{position:relative}.divider{border-bottom:1px solid var(--divider);width:100%;margin-top:3rem;margin-bottom:3rem}button{all:unset}button:hover{cursor:pointer}button:active{scale:.95}button:disabled{opacity:.4;cursor:not-allowed}.scroll2Top{background-color:#1976d2d9;width:2.6rem;height:2.6rem;border-radius:50%;position:fixed;bottom:2rem;right:3%;text-align:center;font-size:1.5rem;transition:3s;color:var(--nav)}.scroll2Top:hover{background-color:#1976d2}.mode{background-color:transparent;width:30px;height:30px;border-radius:50%;position:absolute;top:5%;left:30px}.mode .icon-sun{-webkit-animation:spin 4s linear infinite;-moz-animation:spin 4s linear infinite;animation:spin 4s linear infinite}@-moz-keyframes spin{to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.mode.flex{justify-content:center;align-items:center}.center-image{justify-content:center;display:flex;align-items:center;height:100%;width:100%}.icon-image{width:60%;height:60%;object-fit:contain}