@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";.navbar{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"logo socialMedia" "navLinks navLinks";row-gap:25px;align-items:center}.link-active{position:relative;text-decoration:none}.link-active:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(270deg,#13adc7 0%,#6978d1 66.67%,#945dd6 100%);visibility:hidden;transform:scaleX(0);transition:all .3s ease-in-out}.link-active:hover:before,.link-active.active:before{visibility:visible;transform:scaleX(1)}.logo{grid-area:logo;font-size:1.5rem;width:130px}.social-media{grid-area:socialMedia;display:flex;justify-content:flex-end;gap:25px}.social-media a{color:#fff;transition:background .3s;display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px}.social-media a:hover{background:linear-gradient(270deg,#31cbe5 0%,#8796ef 66.67%,#b27bf4 100%)}.social-media a:active{background:linear-gradient(270deg,#31cbe5 0%,#8796ef 66.67%,#b27bf4 100%);animation-timing-function:ease-out;animation-duration:.3s}.nav-links{grid-area:navLinks;display:flex;justify-content:space-between}.link{font-size:.9rem}@media (min-width: 768px){.navbar{grid-template-columns:1fr 2fr 1fr;grid-template-areas:"logo navLinks socialMedia"}}@media (min-width: 992px){.navbar{grid-template-columns:1fr 2fr 1fr}.link{font-size:1.125rem}.logo{font-size:1.875rem;width:163px}}.landing-section{display:flex;flex-direction:column}.hello-section{display:flex;flex-direction:column;align-self:center;width:80%;gap:1rem;padding-bottom:2rem}.balls{width:100%;height:auto;position:relative;left:20%;transform:translate(-50%)}.cv-btn{width:170px;height:auto;padding:17px 30px;border-radius:43.6px;border:none;gap:7px;background:linear-gradient(270deg,#13adc7 0%,#6978d1 66.67%,#945dd6 100%);box-shadow:0 7.266289234161377px 21.79886817932129px #00b2ff59;position:relative;left:30%;bottom:80px;text-align:center}@media screen and (min-width: 600px){.cv-btn{bottom:300px;left:65%}.balls{width:75%}}@media (min-width: 768px){.landing-section{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"hello balls" "CVbtn balls";align-items:center}.hello-section{grid-area:hello;align-self:self-start;width:100%}.balls{grid-area:balls;left:auto;transform:none;width:100%}.cv-btn{grid-area:CVbtn;left:auto;bottom:auto}}@media (min-width: 992px){.hello-section-text,.cv-btn{font-size:1.125rem;line-height:27px}.cv-btn{width:226px}}.ant-timeline.ant-timeline-label .ant-timeline-item-label{display:flex;width:calc(20% - 12px)}.ant-timeline-item-tail{background:#fff}.ant-timeline.ant-timeline-label .ant-timeline-item-tail,.ant-timeline.ant-timeline-label .ant-timeline-item-head{inset-inline-start:19%}.ant-timeline-item-head.ant-timeline-item-head-blue{width:12px;height:12px;border-radius:50%;border:none;background:linear-gradient(326.6deg,#13adc7 21.25%,#6978d1 58.73%,#945dd6 77.47%);box-shadow:0 7px 30px #13adc74d}.ant-timeline.ant-timeline-label .ant-timeline-item-left .ant-timeline-item-content{inset-inline-start:calc(20% - 4px);margin-inline-start:50px;width:calc(70% - 12px)}@media (min-width: 992px){.ant-timeline-item-label{font-size:1.5rem}.ant-timeline-item-content{font-size:1.125rem}}.project-list{display:flex;flex-direction:column;gap:16px}.project{position:relative;display:flex;flex-direction:column;gap:25px;width:100%;height:auto;padding:45px}.project:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:15px;border:2px solid transparent;gap:25px;background:linear-gradient(321.62deg,#13adc7 9.27%,#6978d1 59.96%,#945dd6 85.3%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.img-project{width:100%;height:auto}.project-info{display:flex;flex-direction:column;gap:8px}.project-title{font-size:1rem;font-weight:600;line-height:24px}.project-description{font-size:.875rem;font-weight:500;line-height:21px;color:#929eb0}.project-links{display:flex;gap:5px}.live-btn{width:60%;height:auto;padding:1rem;border-radius:2rem;background:linear-gradient(270deg,#13adc7 0%,#6978d1 66.67%,#945dd6 100%);box-shadow:0 7.266289234161377px 21.79886817932129px #00b2ff59;text-align:center;font-size:14px;font-weight:500;line-height:21px;cursor:pointer;transition:background .3s,transform .2s}.github-btn{width:40%;height:auto;padding:1rem;border-radius:2rem;border:1px solid #fff;background:linear-gradient(0deg,#0f1624,#0f1624),linear-gradient(0deg,#fff,#fff);font-size:14px;font-weight:500;line-height:21px;text-align:center}.github-btn:active{background:#fff;border:1.2px solid #fff;animation-delay:1ms;animation-timing-function:ease-out;animation-duration:.3s}.github-btn:hover{background:linear-gradient(0deg,#0f1624,#0f1624),linear-gradient(0deg,#fff,#fff);border:2.4px solid #fff;animation-duration:0ms}@media (min-width: 768px){.project-list{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"hello balls" "CVbtn balls"}}@media (min-width: 992px){.project-title{font-size:1.875rem;line-height:45px}.project-description,.live-btn,.github-btn{font-size:1.125rem;line-height:27px}}.sk-chase{width:40px;height:40px;display:flex;align-self:center;animation:sk-chase 2.5s infinite linear both}.sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;animation:sk-chase-dot 2s infinite ease-in-out both}.sk-chase-dot:before{content:"";display:block;width:25%;height:25%;background-color:#fff;border-radius:100%;animation:sk-chase-dot-before 2s infinite ease-in-out both}.sk-chase-dot:nth-child(1){animation-delay:-1.1s}.sk-chase-dot:nth-child(2){animation-delay:-1s}.sk-chase-dot:nth-child(3){animation-delay:-.9s}.sk-chase-dot:nth-child(4){animation-delay:-.8s}.sk-chase-dot:nth-child(5){animation-delay:-.7s}.sk-chase-dot:nth-child(6){animation-delay:-.6s}.sk-chase-dot:nth-child(1):before{animation-delay:-1.1s}.sk-chase-dot:nth-child(2):before{animation-delay:-1s}.sk-chase-dot:nth-child(3):before{animation-delay:-.9s}.sk-chase-dot:nth-child(4):before{animation-delay:-.8s}.sk-chase-dot:nth-child(5):before{animation-delay:-.7s}.sk-chase-dot:nth-child(6):before{animation-delay:-.6s}@keyframes sk-chase{to{transform:rotate(360deg)}}@keyframes sk-chase-dot{80%,to{transform:rotate(360deg)}}@keyframes sk-chase-dot-before{50%{transform:scale(.4)}to,0%{transform:scale(1)}}.contact-me-container{display:flex;flex-direction:column}.text-contact-me{font-size:1rem;font-weight:600;line-height:24px;text-align:center;align-self:center;width:90%}.contact-form{width:90%;display:flex;flex-direction:column;align-self:center;gap:.5em;padding:1em}.contact-form input,.contact-form textarea{padding:.8em;border:2px solid #945dd6;border-radius:8px;margin-bottom:.8em;outline:none;background-color:transparent}.contact-form input:focus,.contact-form textarea:focus{border:2px solid #13adc7}.contact-form-submit{width:50%;align-self:center;height:auto;padding:.8rem;border-radius:2rem;border:none;text-align:center;font-size:14px;font-weight:500;line-height:21px;cursor:pointer;transition:background .3s,transform .2s;background:linear-gradient(270deg,#13adc7 0%,#6978d1 66.67%,#945dd6 100%);box-shadow:0 7.266289234161377px 21.79886817932129px #00b2ff59}.msn-success{text-align:center}@media (min-width: 768px){.text-contact-me{width:60%;font-size:1.25rem;line-height:27px}.contact-form{width:60%}.contact-form input,.contact-form textarea{font-size:1.125rem}.contact-form-submit{font-size:1.125rem;line-height:27px}}#root{width:100%;min-height:100vh;padding:2.5rem 1.25rem;display:flex;flex-direction:column}@media (min-width: 768px){#root{padding:2.5rem calc(1.25rem + (100vw - 768px)/4)}}*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;font-family:Poppins,sans-serif;color:#fff}body{background-color:#0f1624;min-height:100vh}.section{display:flex;flex-direction:column;padding-top:4rem;padding-bottom:1rem;gap:2rem}h1{font-size:1.5rem;background:linear-gradient(270deg,#13adc7 0%,#6978d1 66.67%,#945dd6 100%),linear-gradient(0deg,#fff,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.title{font-size:20px;font-weight:600;line-height:30px}.btns:active{background:linear-gradient(270deg,#008fa9 0%,#4b5ab3 66.67%,#6c35ae 100%);box-shadow:0 10px 30px #935ed659;animation-delay:1ms;animation-timing-function:ease-out;animation-duration:.3s}.btns:hover{background:linear-gradient(270deg,#31cbe5 0%,#8796ef 66.67%,#b27bf4 100%);box-shadow:0 10px 30px #00b2ff80;animation-timing-function:ease-out;animation-duration:1ms}@media (min-width: 992px){h1,.title{font-size:2.5rem}.title{font-size:2rem}}