.section-title{color:#5f74bd;position:relative;text-align:center;margin-bottom:100px}.section-title:before{content:attr(data-title);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:55px;letter-spacing:7px;color:transparent;z-index:-1;-webkit-text-stroke:3px rgba(98,116,189,.149);white-space:nowrap}.about-contents{text-align:center;margin-left:auto}.about-details{width:760px;max-width:100%}.about-card{margin-top:35px;text-align:left;background-color:rgba(98,116,189,.149);border-radius:20px;padding:35px}.about-experience{justify-content:space-between}.about-experience .about-card{text-align:center;padding:15px;flex-basis:220px;height:220px}.about-experience .about-card p{color:#5f74bd}.main-banner{height:955px}.main-banner .l-container{height:100%;background:url(/_next/static/media/banner-illustration.542af283.svg) no-repeat 100%}.main-banner--text-section{background:hsla(0,0%,100%,.063);padding:20px 30px 30px;border-radius:20px}.main-banner--text-section .banner-title{color:#5f74bd}.main-banner--text-section .custom-button{margin-top:20px}.common-input{width:100%;border-radius:50px;color:#fff;background:rgba(95,116,189,.15);border:0;padding:23px 50px}.common-input:focus-visible{border:1px solid rgba(95,116,189,.3)}.contact-form{margin-top:50px}.contact-me-card{background:#232020;border-radius:20px;padding:100px}.exp-card-item{background:rgba(95,116,189,.15);transition:.1s ease-in-out;padding:20px;border-radius:20px}.exp-card-item:hover{background:rgba(95,116,189,.3)}.exp-card-title-badge{background:#5f74bd;display:inline-flex;color:#fff;padding:18px 41px;border-radius:50px;flex-direction:column}.exp-card-details{padding:20px 20px 20px 50px}.exp-card-details .title--6{color:#5f74bd;margin:10px 0 20px}.exp-card-details li{line-height:1.5em}.projects-item{background:rgba(95,116,189,.6);transition:.1s ease-in-out;padding:20px;border-radius:20px}.project-name,.projects-item li{color:#fff}.project-head-title{color:#5f74bd}.resume-card{padding:50px;border-radius:20px;background:rgba(95,116,189,.15)}.resume-card .custom-button{width:140px}.resume-pic img{border-radius:100%}.skills-badges{flex-wrap:wrap;flex-basis:615px;align-self:flex-start}.skills-image{position:absolute;right:0;top:-15%;background:hsla(0,0%,100%,.063);padding:20px 20px 0;border-radius:50px;border-bottom-left-radius:0;border-bottom-right-radius:0}.skills-contents{position:relative}@container root style(--darkmode: 1){.skills-badges .common-badge em,.skills-badges .common-badge i{color:#fff}}