@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap";header.flex{align-items:center;justify-content:space-between;padding:0 2.4rem;margin-top:1.2rem}header ul.flex{gap:16px;justify-content:center}header ul li a{color:var(--title);opacity:.9;font-size:.88rem;font-weight:500}header ul li a:hover{color:var(--blue);opacity:1;font-size:.9rem;transition:.5s}.current-page{position:relative}.current-page a{color:var(--blue)}.current-page:after{content:"";position:absolute;bottom:-75%;left:-10%;width:120%;height:2.33px;background:linear-gradient(to right,#5dbcfc00,#5dbcfc,#5dbcfc00)}header.flex button{font-size:1.2rem}header.flex nav{background-color:var(--bgHeader);padding:.77rem 1.6rem;border-radius:55px;box-shadow:.1px .1px 3px var(--subtitle);min-width:370px;max-height:45px}header.flex button.menu{display:none}header .icon-menu,header button.mode{background-color:var(--bgHeader);height:2.4rem;width:2.4rem;border-radius:50%;box-shadow:.1px .1px 3px var(--subtitle);text-align:center;color:var(--subtitle);border:1px solid rgba(244,165,96,.25);transition:.2s}header .icon-sun{color:orange}header .icon-menu:hover,header button.mode:hover{color:var(--title);border:1px solid rgb(244,165,96)}header .icon-close{scale:1.2;color:var(--subtitle);transition:.3s}header .icon-close:hover{color:#dc143c;rotate:180deg;scale:1.5;margin-bottom:.8rem}header.flex .fixed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;background-color:#282830e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes popupMove{0%{scale:0}60%{scale:1.2}to{scale:1}}header .fixed ul.modal{width:75%;margin:auto;padding:auto;margin-top:2rem;background-color:var(--secondary);border-radius:1rem;padding:1rem 2rem;animation:popupMove .7s 1}header .fixed ul.modal li{border-bottom:1px solid var(--border);margin-top:.5rem;padding-bottom:.77rem}header .fixed ul.modal li:last-child{border:none}header ul.modal li a{font-size:1rem}header .fixed ul.modal li:first-child{text-align:right;border:none;margin-top:.2rem;padding-bottom:0;margin-bottom:-1rem}.current-modal-page a{color:var(--blue)}@media (max-width: 700px){header.flex{padding:0}header.flex nav{display:none}header.flex button.menu{display:block}}section.hero{margin-top:3rem}section.hero .left-section{flex-grow:1}section.hero .parent-avatar.flex{position:relative;align-items:end;gap:.6rem}section.hero .parent-avatar.flex .loader-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;z-index:1}section.hero img.avatar{width:88px;border-radius:50%;border:1px solid darkorange;padding:1px;box-shadow:2px 2px 40px #cbc8c891 inset}section.hero .icon-verified{color:var(--blue);font-size:1.1rem;margin-bottom:.3rem}section.hero h1.title{font-size:3rem;line-height:3.3rem;margin:2rem 0;color:var(--title);min-height:110px}section.hero h1.title:after{content:"";color:var(--blue);animation:changeText 20s infinite}section.hero p.sub-title{font-size:.9rem;line-height:1.65rem;color:var(--subtitle)}section.hero .all-icons{gap:1.5rem;margin-top:2rem;min-height:28px}section.hero .all-icons .icon{font-size:1.3rem;color:var(--subtitle);transition:.3s}section.hero .all-icons .icon:hover{color:var(--title);cursor:pointer}section.hero .icons-resume{justify-content:space-between}section.hero .icons-resume .resume{background-color:#24252e;width:7rem;height:3rem;border:1px solid transparent;border-radius:5px;text-align:center;letter-spacing:1px;font-size:1.05rem;text-transform:capitalize;color:var(--subtitle);align-self:end;margin-right:2rem;transition:all .4s}section.hero .icons-resume .resume:hover{color:var(--title);border:1px solid var(--blue);box-shadow:0 0 8px var(--blue) inset}.light section.hero .icons-resume .resume{color:#a1a1aa}.light section.hero .icons-resume .resume:hover{color:#f4f4f5;box-shadow:0 0 15px #0000005c,0 0 15px #00000040}@keyframes changeText{0%{content:" W"}1%{content:" We"}2%{content:" Web"}3%{content:" Web a"}4%{content:" Web ap"}5%{content:" Web app"}6%{content:" Web appl"}7%{content:" Web appli"}8%{content:" Web applic"}9%{content:" Web applica"}10%{content:" Web applicat"}11%{content:" Web applicati"}12%{content:" Web applicatio"}13%{content:" Web application"}14%{content:" Web applications."}15%{content:" Web applications.|"}17%{content:" Web applications."}19%{content:" Web applications.|"}21%{content:" Web applications."}22%{content:" Web application"}23%{content:" Web applicatio"}24%{content:" Web applicati"}25%{content:" Web applicat"}26%{content:" Web applica"}27%{content:" Web applic"}28%{content:" Web appli"}29%{content:" Web appl"}30%{content:" Web app"}31%{content:" Web ap"}32%{content:" Web a"}33%{content:" Web"}34%{content:" We"}35%{content:" W"}36%{content:"  "}37%{content:" |"}39%{content:" "}41%{content:" |"}42%{content:" "}43%{content:" M"}44%{content:" Mo"}45%{content:" Mob"}46%{content:" Mobi"}47%{content:" Mobil"}48%{content:" Mobile"}49%{content:" Mobile a"}50%{content:" Mobile ap"}51%{content:" Mobile app"}52%{content:" Mobile appl"}53%{content:" Mobile appli"}54%{content:" Mobile applic"}55%{content:" Mobile applica"}56%{content:" Mobile applicat"}57%{content:" Mobile applicati"}58%{content:" Mobile applicatio"}59%{content:" Mobile application"}60%{content:" Mobile applications."}61%{content:" Mobile applications.|"}63%{content:" Mobile applications."}65%{content:" Mobile applications.|"}68%{content:" Mobile applications."}69%{content:" Mobile application"}70%{content:" Mobile applicatio"}71%{content:" Mobile applicati"}72%{content:" Mobile applicat"}73%{content:" Mobile applica"}74%{content:" Mobile applic"}75%{content:" Mobile appli"}76%{content:" Mobile appl"}77%{content:" Mobile app"}78%{content:" Mobile ap"}79%{content:" Mobile a"}80%{content:" Mobile"}81%{content:" Mobil"}82%{content:" Mobi"}83%{content:" Mob"}84%{content:" Mo"}85%{content:" M"}86%{content:"  "}88%{content:" |"}90%{content:" "}92%{content:" |"}94%{content:" "}96%{content:" |"}98%{content:" "}to{content:" |"}}section.hero .right-section{position:relative;min-width:40%}section.hero .right-section .loader-wrapper-animation{position:absolute;top:0;left:0;right:0;bottom:0;padding-top:25%;padding-left:50%;display:flex;z-index:1}section.hero .right-section .laptop-animation{width:75%;translate:120px 40px}@media (max-width: 1400px){section.hero .right-section .laptop-animation{translate:120px 80px}}@media (max-width: 1250px){section.hero .right-section{min-width:0}section.hero .right-section .laptop-animation,section.hero .right-section .loader-wrapper-animation{display:none}}@media (max-width: 714px){section.hero h1.title{min-height:165px}}@media (max-width: 466px){section.hero h1.title{min-height:220px}}@media (max-width: 450px){section.hero .icons-resume{flex-direction:column}section.hero .icons-resume .resume{background-color:#24252e;margin-right:0;align-self:start;margin-top:2rem}}@media (max-width: 350px){section.hero h1.title{font-size:2.5rem;line-height:3.1rem}}.loader{display:flex;justify-content:center;align-items:center}.loader:after{content:"";width:35px;height:35px;border:5px solid gray;border-top-color:var(--blue);border-radius:50%;animation:loading .75s ease infinite}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}main.flex{gap:2.64rem;align-items:start}main section.left-section.flex{flex-direction:column;gap:10px}main section.left-section button{background-color:#24252e;width:11rem;border-radius:5px;text-align:center;padding:.75rem 0;font-size:1.05rem;text-transform:capitalize;color:var(--subtitle);transition:.3s}main section.left-section button:hover{color:var(--title)}main section.left-section button.active{color:var(--title);border:1px solid var(--blue);font-weight:700;letter-spacing:.6px;padding:.8rem 0}.light main section.left-section button{color:#a1a1aa}.light main section.left-section button:hover{color:#f4f4f5;box-shadow:-1px 1px 5px #00000029,1px 1px 5px #00000026}.light main section.left-section.flex button.active{border:1px solid #000;color:#f4f4f5}main section.right-section.flex{row-gap:2rem;column-gap:16px;flex-wrap:wrap;justify-content:center;flex-grow:1}main section.right-section .card{box-shadow:-1px 1px 5px #00000029,1px 1px 5px #00000026;border:1px solid rgba(93,188,252,.3);border-radius:5px;transition:.3s;background-image:linear-gradient(#ffffff0d,#ffffff0d)}.light main section.right-section .card,.light main section.right-section .card:hover{border:none}main section.right-section .card:hover{rotate:1deg;scale:1.01;border:1px solid var(--blue);cursor:pointer}main section.right-section .card.flex{flex-direction:column}main section.right-section .card .image-ctn{position:relative;justify-content:center;min-height:50px}main section.right-section .card .image-ctn .loader-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;padding-top:20px;display:flex;justify-content:center;align-items:center;z-index:1}main section.right-section .card .image-ctn .image{width:266px;border-radius:5px}main section.right-section .card .box{width:266px;padding:1rem .4rem}main section.right-section .card h1.title{color:var(--title);text-transform:capitalize}main section.right-section .card p.sub-title{margin-top:.7rem;margin-bottom:1.1rem;font-size:.8rem;line-height:1.35;color:var(--subtitle)}main section.right-section .card .icons-more{justify-content:space-between}main section.right-section .card .icons{gap:11px}main section.right-section .icon-github,main section.right-section .icon-link{font-size:1.2rem;color:var(--subtitle);transition:.3s}main section.right-section .icon-github:hover,main section.right-section .icon-link:hover{color:var(--title);cursor:pointer}main section.right-section .card a.link{font-size:.9rem;color:var(--blue);display:flex}main section.right-section .card a.link:hover{font-size:.95rem}main section.right-section .card .more{transition:.3s}main section.right-section .card .more:hover{letter-spacing:1px;margin-top:-1.5px}main section.right-section .card .icon-arrow-right{color:var(--blue);align-self:center;margin-right:10px;margin-top:-4.5px}@media (max-width: 600px){main.flex{flex-direction:column;align-items:center}main section.left-section.flex{flex-direction:row;gap:10px;flex-wrap:wrap;justify-content:center}main section.left-section button{width:7rem;padding:.8rem 0;font-size:.9rem}}section.contact-us h1.title{font-size:2.1rem;color:var(--title);margin-bottom:1rem}section.contact-us p.sub-title{color:var(--subtitle);margin-bottom:2rem;line-height:1.65rem}section.contact-us .icon-envelope{color:var(--subtitle);font-size:1.8rem;margin-right:1rem}section.contact-us label{color:var(--subtitle)}section.contact-us .email label{margin-top:.5rem}section.contact-us #email,section.contact-us #message{all:unset;background-color:#3f3f4626;border:1px solid rgb(63 63 70);width:16rem;border-radius:5px;padding:.5rem 1rem;margin-left:1rem;font-size:1.1rem;transition:.3s}.light section.contact-us #email,.light section.contact-us #message{background-color:#ffffff29;border:1px solid rgba(128,128,128,.451);box-shadow:1px 1px 1px #49494b1b;color:#232324}section.contact-us #email:focus,section.contact-us #message:focus,section.contact-us #email:hover,section.contact-us #message:hover{border:1px solid var(--blue)}.light section.contact-us #email:focus,.light section.contact-us #message:focus,.light section.contact-us #email:hover,.light section.contact-us #message:hover{border:1px solid rgb(78,80,80);box-shadow:-1px 1px 5px #00000029,1px 1px 5px #00000026;scale:1.005}section.contact-us #message{min-height:9rem;resize:vertical;word-wrap:break-word}section.contact-us .email{align-items:start}section.contact-us .email .input-err-wp,section.contact-us .message .input-err-wp{display:flex;flex-direction:column;gap:.5rem}section.contact-us .email .input-err-wp .error-wp{margin-left:1rem;background-color:#f8d7da;padding:.75rem 1rem;color:#8a413b;border-radius:5px;letter-spacing:1px;font-size:.92rem}section.contact-us .message{margin-top:1.5rem;align-items:center;align-self:end}section.contact-us .submit{background-color:#24252e;border-radius:5px;text-align:center;padding:.75rem 2rem;margin-top:1.8rem;font-size:1.05rem;text-transform:capitalize;border:1px solid rgb(63 63 70);color:var(--subtitle);transition:.3s}section.contact-us .success-message{font-size:1.1rem;color:var(--title);margin-top:1.8rem;align-items:center;line-height:1.4rem}.light section.contact-us .submit{color:#a1a1aa}section.contact-us .submit:hover{scale:.95;border:1px solid var(--subtitle);color:var(--title)}.light section.contact-us .submit:hover{color:#f4f4f5;box-shadow:-1px 1px 5px #00000029,1px 1px 5px #00000026}section.contact-us .done-animation{margin-top:1.48rem}section.contact-us .message-wrapper.flex{flex-direction:row;gap:0}section.contact-us .contact-animation{translate:-20px -70px}section.contact-us .animation{position:relative;min-width:40%}section.contact-us .animation .loader-wrapper-animation{position:absolute;top:0;left:0;right:0;bottom:0;padding-top:0;padding-left:45%;display:flex;z-index:1}@media (max-width: 1350px){section.contact-us .contact-animation{translate:20px -70px}}@media (max-width: 1250px){section.contact-us .contact-animation,section.contact-us .loader-wrapper-animation{display:none}}@media (max-width: 600px){section.contact-us .animation{display:none}section.contact-us form{width:85%;display:flex;flex-direction:column}section.contact-us .message{width:232px}section.contact-us .email{width:234px}section.contact-us .email label{margin-top:0}section.contact-us form div.flex{flex-direction:column;gap:0;align-items:start}section.contact-us .email .input-err-wp .error-wp{font-size:.9rem;margin-left:0}section.contact-us .email,section.contact-us .message{align-self:center}section.contact-us #email,section.contact-us #message{width:100%;margin-left:0;padding:.7rem 1rem;margin-top:1rem}section.contact-us .submit{align-self:center;width:30%;margin-left:2rem}section.contact-us .message-wrapper.flex{flex-direction:row;gap:0}}@media (max-width: 400px){section.contact-us .success-message{font-size:.9rem}section.contact-us .email .input-err-wp .error-wp{font-size:.88rem}}@media (max-width: 350px){section.contact-us .message{width:202px}section.contact-us .email{width:204px}}footer.flex{justify-content:space-between;margin-bottom:3.4rem}footer.flex ul.flex{gap:1rem}footer.flex ul.flex a{color:var(--title);font-size:.9rem;font-weight:400}footer.flex ul.flex a:hover{color:var(--blue);font-size:1rem;font-weight:500;transition:.5s}footer.flex p{color:var(--subtitle);font-size:.95rem}@media (max-width: 800px){footer.flex{flex-direction:column;align-items:center;gap:2rem}}@media (max-width: 500px){footer.flex p{color:var(--subtitle);font-size:.9rem}}@media (max-width: 400px){footer.flex ul.flex{gap:.5rem}footer.flex p{color:var(--subtitle);font-size:.8rem}footer.flex ul.flex a{color:var(--title);font-size:.8rem;font-weight:400}footer.flex ul.flex a:hover{color:var(--blue);font-size:.9rem;font-weight:500;transition:.5s}}section.me.flex{margin:8rem 0;gap:3rem}section.me.flex .substitute-image.flex{position:relative;justify-content:center;display:none}section.me.flex .substitute-image.flex .loader-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1}section.me.flex .substitute-image.flex .my-image{box-shadow:-1px 1px 5px #00000029,1px 1px 5px #00000026;width:90%;border-radius:15px}section.me.flex .left-section{max-width:50%}section.me.flex .left-section h1.title{font-size:3rem;line-height:3.5rem;margin-bottom:2rem;color:var(--title)}section.me.flex .left-section p.sub-title{font-size:1rem;line-height:1.65rem;color:var(--subtitle);margin-bottom:2rem}section.me.flex .right-section{position:relative;flex-direction:column;padding:0 2rem}section.me.flex .right-section .image-ctn{position:relative;order:1}section.me.flex .right-section .contact-ctn{order:2}section.me.flex .right-section .image-ctn .loader-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1}section.me.flex .right-section .image-ctn .my-image{box-shadow:-1px 1px 5px #00000029,1px 1px 5px #00000026;width:90%;border-radius:15px}section.me.flex .right-section .all-icons{flex-direction:column;gap:1.1rem;margin-top:5rem;min-height:28px}section.me.flex .right-section .all-icons .icon{max-width:200px;font-size:1.05rem;font-weight:500;color:var(--subtitle);transition:.3s}section.me.flex .right-section .icon:hover{color:var(--blue);cursor:pointer}section.me.flex .right-section .icon span{width:20px}section.me.flex .right-section .divider{--container-padding: 2rem;margin:2rem 0;width:calc(100% + var(--container-padding) + var(--container-padding));margin-left:calc(var(--container-padding) * -1)}section.me.flex .right-section .icon-envelope{color:var(--subtitle);font-size:1.05rem;font-weight:500;max-width:220px}@media (max-width: 1300px){section.me.flex .right-section .image-ctn .my-image{width:100%;align-self:center}}@media (max-width: 1100px){section.me.flex{flex-direction:column;align-items:center}section.me.flex .left-section{max-width:90%}section.me.flex .right-section{align-self:flex-start;width:90%;margin-bottom:2rem;margin-top:-4rem}section.me.flex .substitute-image.flex{display:flex}section.me.flex .substitute-image.flex .my-image{box-shadow:-1px 1px 5px #00000029,1px 1px 5px #00000026;width:40%;border-radius:15px}section.me.flex .right-section .image-ctn{display:none}section.me.flex .right-section .divider{--container-padding: 2rem;margin:2rem 0;width:calc(100% + var(--container-padding) + var(--container-padding));margin-left:0}}@media (max-width: 1000px){section.me.flex .substitute-image.flex .my-image{width:35%}}@media (max-width: 850px){section.me.flex .substitute-image.flex .my-image{width:45%}}@media (max-width: 700px){section.me.flex .substitute-image.flex .my-image{width:45%}section.me.flex .left-section h1.title{font-size:2rem;line-height:2.5rem}section.me.flex .left-section p.sub-title{font-size:.95rem;line-height:1.5rem}section.me.flex .right-section .all-icons .icon,section.me.flex .right-section .icon-envelope{font-size:.95rem}}@media (max-width: 500px){section.me.flex .substitute-image.flex .my-image{width:60%}}@media (max-width: 400px){section.me.flex .substitute-image.flex .my-image{width:75%}section.me.flex .right-section .all-icons,section.me.flex .right-section .icon-envelope{width:220px}section.me.flex .right-section .all-icons .icon,section.me.flex .right-section .icon-envelope{font-size:.9rem}}section.experience.flex{margin:8rem 0;flex-direction:column;gap:3rem}section.experience .up-section{padding-left:0;flex-direction:column;max-width:80%}section.experience .up-section h1.title{font-size:3rem;line-height:3.5rem;margin-bottom:2rem;color:var(--title);align-self:start}section.experience .up-section p.sub-title{font-size:1rem;line-height:1.65rem;color:var(--subtitle)}section.experience .middle-section{letter-spacing:.15rem;font-size:1.2rem;color:var(--blue);max-width:190px;padding:.5rem 0;border-radius:10px;text-align:center;margin-top:-1rem}.light section.experience .middle-section{box-shadow:-1px 1px 5px #00000029,1px 1px 5px #00000026}section.experience .low-section{flex-direction:column;max-width:850px;border-left:2px solid var(--border);padding-left:1.5rem}section.experience .low-section article.card{margin-bottom:4rem;margin-top:-1rem;gap:0}section.experience .low-section article.card:last-child{margin-bottom:0}section.experience .low-section .right-section{padding:1.5rem;border-radius:10px}.light section.experience .low-section .right-section{box-shadow:-1px 1px 5px #00000029,1px 1px 5px #00000026}section.experience .low-section .right-section{transition:all .3s}section.experience .low-section .right-section:hover{background-color:var(--border);cursor:pointer;scale:1.01}section.experience .low-section .right-section h1.title,section.experience .low-section .right-section h1.title a{color:var(--title);font-size:.98rem;letter-spacing:.5px;margin-bottom:1rem}section.experience .low-section .right-section h1.title span.title-company{position:relative;transition:color .5s}section.experience .low-section .right-section h1.title span.title-company:hover{cursor:pointer;color:var(--blue)}section.experience .low-section .right-section h1.title span.title-company:after{content:"";background-color:var(--blue);position:absolute;height:1px;width:0;left:5%;bottom:-5px;transition:.3s}section.experience .low-section .right-section h1.title span.title-company:hover:after{width:95%}section.experience .low-section .right-section p.sub-title{color:var(--subtitle);font-size:.88rem;letter-spacing:.25px;line-height:1.5rem;margin-bottom:1rem}section.experience .low-section .right-section p.read-more a{display:flex}section.experience .low-section .right-section p.read-more a .read-more-text{color:var(--blue);font-weight:500;font-size:.9rem;transition:letter-spacing .3s}section.experience .low-section .right-section p.read-more a .read-more-text:hover{letter-spacing:1px;transition:letter-spacing .3s}section.experience .icon-keyboard_arrow_right{color:var(--blue);font-weight:500;font-size:1rem;margin-left:.2rem;align-self:center}section.experience .low-section .left-section{color:var(--subtitle);opacity:.6;font-size:.9rem;flex-shrink:0;padding-top:1.5rem;width:240px}.light section.experience .low-section .left-section{opacity:.8}@media (max-width: 1150px){section.experience .up-section{max-width:85%}}@media (max-width: 800px){section.experience .up-section{max-width:100%}section.experience .low-section{border-left:none}section.experience .low-section article.card{flex-direction:column;gap:.5rem}section.experience .low-section .left-section{border-left:2.5px solid var(--title);border-radius:1px;padding-top:0;padding-left:.8rem;margin-left:1.5rem;width:270px}}@media (max-width: 700px){section.experience .up-section h1.title{font-size:2rem;line-height:2.5rem}section.experience .up-section p.sub-title{font-size:.95rem;line-height:1.5rem}}@media (max-width: 450px){section.experience .low-section{padding-left:0;margin-left:-1rem;margin-right:-1rem}}.slider{position:relative;width:98%;max-width:700px;min-height:100px;margin:auto;overflow:hidden;border-radius:10px;padding-right:0}.slider .loader-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;padding-top:50px;display:flex;justify-content:center;align-items:center;z-index:1}.slides{display:flex;transition:transform .7s ease-in-out}.slide{min-width:100%;box-sizing:border-box}.slide img{width:100%;border-radius:20px}.prev,.next{position:absolute;width:1.2rem;height:1.2rem;top:50%;display:flex;justify-content:center;transform:translateY(-50%);background-color:var(--secondary);color:var(--title);padding:.6rem;border-radius:50%;font-size:.8rem;box-shadow:.1px .1px 3px var(--subtitle)}.prev:hover,.next:hover{border:2px solid var(--border);font-weight:500;cursor:pointer}.prev{left:10px}.next{right:10px}@media (max-width: 768px){.prev,.next{opacity:.5;width:1rem;height:1rem;padding-right:.5rem}.prev span{text-align:center;margin-top:-3px;margin-left:-3px}.next span{text-align:center;margin-top:-3px}}@media (max-width: 768px){.prev,.next{opacity:.5;width:.8rem;height:.8rem}}section.project .right-section h1.title{font-size:3rem;line-height:3.5rem;margin-top:2rem;color:var(--title)}section.project .right-section p.info{color:var(--subtitle);font-size:1rem;line-height:1.65rem;margin-bottom:.5rem;margin-top:2rem}@media (max-width: 700px){section.project .right-section h1.title{font-size:2rem;line-height:2.5rem}section.project .right-section p.sub-title,section.project .right-section p.info{font-size:.95rem;line-height:1.5rem}}h1.contacts-title{font-size:3rem;line-height:3.5rem;margin-bottom:4rem;margin-top:8rem;color:var(--title)}@media (max-width: 700px){h1.contacts-title{font-size:2.5rem;line-height:2.5rem}}.projects-up-section{max-width:80%}h1.projects-title{font-size:3rem;line-height:3.5rem;margin-bottom:2rem;margin-top:8rem;color:var(--title)}p.projects-sub-title{font-size:1rem;line-height:1.65rem;color:var(--subtitle);margin-bottom:3rem}@media (max-width: 1150px){.projects-up-section{max-width:85%}}@media (max-width: 800px){.projects-up-section{max-width:100%}}@media (max-width: 700px){.projects-up-section h1.projects-title{font-size:2rem;line-height:2.5rem}.projects-up-section p.projects-sub-title{font-size:.95rem;line-height:1.5rem}}section.project.flex{margin:8rem 0;gap:10rem}section.project .left-section .icon-arrow-left{background-color:var(--bgHeader);height:2.4rem;width:2.4rem;border-radius:50%;box-shadow:.1px .1px 3px var(--subtitle);text-align:center;font-size:1.2rem;color:var(--subtitle);border:1px solid rgba(244,165,96,.25);transition:.2s}section.project .left-section .icon-arrow-left:hover{color:var(--title);border:1px solid rgb(244,165,96)}section.project .right-section{padding-top:.5rem;flex-direction:column;max-width:700px}section.project .right-section p.date{border-left:2.5px solid var(--title);border-radius:1px;opacity:.6;padding-left:.8rem;width:180px;color:var(--subtitle)}.light section.project .right-section p.date{opacity:.8}section.project .right-section h1.title,section.project .right-section h1.title a{font-size:2rem;line-height:2.5rem;margin-top:2rem;color:var(--title)}section.project .right-section h1.title span.title-company{position:relative;transition:color .5s}section.project .right-section h1.title span.title-company:hover{cursor:pointer;color:var(--blue)}section.project .right-section h1.title span.title-company:after{content:"";background-color:var(--blue);position:absolute;height:3px;width:0;left:5%;bottom:-10px;transition:.3s}section.project .right-section h1.title span.title-company:hover:after{width:95%}section.project .right-section p.sub-title{color:var(--subtitle);font-size:1rem;line-height:1.65rem;margin-bottom:2rem;margin-top:2rem}section.project .right-section hr{height:1px;background-color:var(--border);border:none;margin:10px 0}section.project .right-section .info-wrapper,section.project .right-section .tech-skills-wrapper{display:flex;gap:.7rem;margin-bottom:.5rem;margin-top:2rem}section.project .right-section .info-wrapper p.info,section.project .right-section .tech-skills-wrapper p.info{color:var(--subtitle);font-size:1rem;line-height:1.65rem;margin-top:0}section.project .right-section .tech-skills-wrapper p.info span{color:var(--blue);font-weight:500;letter-spacing:.5px}section.project .right-section .info-wrapper .icon-circle,section.project .right-section .tech-skills-wrapper .icon-circle{padding-top:.5rem;font-size:.55rem;color:var(--blue)}section.project .right-section .icons{margin-top:2.5rem;display:flex;gap:1.2rem}section.project .right-section .icons .icon-github,section.project .right-section .icons .icon-link{font-size:1.3rem;color:var(--subtitle);transition:.3s}section.project .right-section .icons .icon-github:hover,section.project .right-section .icons .icon-link:hover{color:var(--title);cursor:pointer}@media (max-width: 1250px){section.project.flex{gap:6rem}}@media (max-width: 1150px){section.project.flex{gap:4rem}}@media (max-width: 1050px){section.project.flex{gap:2rem}}@media (max-width: 1000px){section.project.flex{margin:4rem 0;flex-direction:column;gap:2rem}}@media (max-width: 700px){section.project .right-section h1.title,section.project .right-section h1.title a{font-size:1.5rem;line-height:2rem}section.project .right-section p.sub-title,section.project .right-section .info-wrapper p.info,section.project .right-section .tech-skills-wrapper p.info{font-size:.95rem;line-height:1.5rem}}:root{--primary: #000;--secondary: rgb(24 24 27);--border: rgba(63, 63, 70, .4);--title: rgb(244 244 245);--subtitle: rgb(161 161 170);--bgHeader: rgb(39 39 42);--blue: rgb(93 188 252);--container-padding: 4.8rem}html{font-family:Roboto,sans-serif;letter-spacing:.1px;scroll-behavior:smooth;box-sizing:border-box}body{background-color:var(--primary);color:#fff}*,*:before,*:after{box-sizing:inherit}*{margin:0;padding:0}.light{--primary: rgb(250, 250, 250);--secondary: rgb(255, 255, 255);--border: rgba(202, 202, 202, .518);--title: rgb(39 39 42);--subtitle: rgb(82 82 91);--bgHeader: rgb(253, 253, 253);--blue: rgb(0, 149, 246)}.container{border:2px solid var(--border);width:80%;margin-right:auto;margin-left:auto;background-color:var(--secondary);padding:0 var(--container-padding)}.divider{border-bottom:2px solid var(--border);margin:3rem 0;width:calc(100% + var(--container-padding) + var(--container-padding));margin-left:calc(var(--container-padding) * -1)}li{list-style:none}a{text-decoration:none;color:initial;transition:.2s}.flex{display:flex}.border{border:2px solid red}button{all:unset}button:hover{cursor:pointer}button:active{scale:.9}button:disabled,#email:disabled,#message:disabled{opacity:.4;cursor:not-allowed}.scroll2top{background-color:#1976d2d9;width:2.6rem;height:2.6rem;text-align:center;border-radius:50%;border:1px solid rgba(255,255,255,.2);position:fixed;bottom:3%;right:3%;color:var(--title);font-size:1.25rem}.light .scroll2top{color:#f4f4f5}.scroll2top:hover{background-color:#1976d2}.scrollBtnLink{transition:1s}::-webkit-scrollbar{width:.8rem}::-webkit-scrollbar-track{border:7px solid #292c3b;box-shadow:inset 0 0 2.5px 2px #00000080;border-radius:3px}::-webkit-scrollbar-thumb{background:#888;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 1000px){.container{--container-padding: 1.7rem;width:90%}.divider{width:calc(100% + var(--container-padding) + var(--container-padding));margin-left:calc(var(--container-padding) * -1)}}@media (max-width: 600px){.container{width:98%}.scroll2top{opacity:.6;width:2.3rem;height:2.3rem;font-size:1rem}}