.banner{padding:6.5em 3em;text-align:center;color:var(--text-color-invert);background:rgb(29,29,29);background:radial-gradient(circle,rgb(3,20,40) 0%,rgb(0,0,0) 100%)}.banner__development{height:100vh;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap}.name-title{color:var(--primary-color);font-weight:700}.subject{font-size:2em;font-weight:200;color:var(--secondary-color)}.profile-pic{width:8em;height:8em;border-radius:1em}.profile-rrss{display:flex;justify-content:center}.profile-rrss .rrss-item{margin:.5em}.navbar{background-color:var(--section-dark-background);border-bottom:1px solid var(--primary-color)}.navbar .nav-link{font-weight:700;font-size:1em;color:var(--text-color-invert);transition:.4s}.navbar .nav-link:hover,.navbar .nav-link.active{transition:all .3s;color:var(--secondary-color)}.navbar .navbar-toggler{line-height:1;background-color:transparent;border:1px solid transparent}.material-symbols-outlined{color:#fff}.overlay{align-content:center;background:#fff;display:flex;flex-wrap:wrap;height:100vh;justify-content:center;position:fixed;width:100%;z-index:2}.overlay__ripple{display:inline-block;height:5rem;position:relative;width:5rem}.overlay__ripple div{animation:overlay__ripple 1s cubic-bezier(0,.2,.8,1) infinite;border-radius:50%;border:4px solid var(--primary-color);opacity:1;position:absolute}.overlay__ripple div:nth-child(2){animation-delay:-.5s}@keyframes overlay__ripple{0%{top:36px;left:36px;width:0;height:0;opacity:0}4.9%{top:36px;left:36px;width:0;height:0;opacity:0}5%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0px;left:0px;width:72px;height:72px;opacity:0}}:root{--primary-color: #b5179e;--primary-color-hover: #79186a;--secondary-color: #6aaffd;--main-color: #4361ee;--text-color: #2B2B2B;--text-color-invert: #FFFFFF;--gradient-color-start: var(--secondary-color);--gradient-color-end: var(--primary-color);--font-family: "Poppins", sans-serif;--font-weight: 400;--section-dark-background: #0a0101;--section-light-background: #F9F9F9;--section-color-background: var(--primary-color);--card-bg: rgba(10,0,0,.9);--card-font-color: #FFFFFF}[data-theme=secondary]{--primary-color: #F8D157;--primary-color-hover: #ab744e;--secondary-color: #04B4BA;--main-color: #ddc271;--gradient-color-start: var(--primary-color);--gradient-color-end: #E33E35}body{background:transparent;color:var(--text-color);font-family:var(--font-family);font-weight:var(--font-weight);letter-spacing:-.5px;line-height:1.5;margin:0 auto}.bg-ob-primary{background-color:var(--primary-color)}.bg-ob-secondary{background-color:var(--secondary-color)}::-moz-selection{color:var(--text-color-invert);background-color:var(--primary-color)}::selection{color:var(--text-color-invert);background-color:var(--primary-color)}.pointer{cursor:pointer}a{text-decoration:none;color:var(--primary-color);font-weight:600}a.invert{color:var(--text-color-invert)}a.invert:hover{color:var(--secondary-color)}a:hover{color:var(--primary-color-hover)}h1{font-size:6em;line-height:.9em;letter-spacing:-.06em;font-weight:700}h2{font-size:3.5em;line-height:.9em;letter-spacing:-.06em;font-weight:700}h3{font-size:2em;line-height:.9em;letter-spacing:-.06em;font-weight:700}img{width:100%}.ob-text-primary{color:var(--primary-color)}.ob-text-secondary{color:var(--secondary-color)}.ob-gradient-background{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-color:transparent;background-image:linear-gradient(90deg,var(--gradient-color-start) 36%,var(--gradient-color-end) 63%)}.w-100{font-weight:100}.w-200{font-weight:200}.w-300{font-weight:300}.w-700{font-weight:700}.w-900{font-weight:900}.card-box{border-radius:.3em;background-color:#fff;-webkit-box-shadow:0px 13px 27px -18px rgba(0,0,0,.2);-moz-box-shadow:0px 13px 27px -18px rgba(0,0,0,.2);box-shadow:0 13px 27px -18px #0003}.project-card{transition:all .2s}.project-card:hover{-webkit-box-shadow:0px 26px 27px -18px rgba(0,0,0,.2);-moz-box-shadow:0px 26px 27px -18px rgba(0,0,0,.2);box-shadow:0 26px 27px -18px #0003}.project-card:hover h3{transition:all .2s;color:var(--secondary-color)}.project-links{display:flex;justify-content:space-around;min-width:10em}.skills-badges{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.light-section{background:radial-gradient(circle,rgb(245,245,245) 50%,rgb(211,211,211) 100%)}.dark-section{background:radial-gradient(circle,rgb(3,20,40) 0%,var(--section-dark-background) 100%)}.badge{font-size:.9em;text-transform:uppercase;color:var(--secondary-color);border:1px solid var(--secondary-color);background-color:transparent}.project-img{width:100%;margin-bottom:1em}.about-wrapper{display:flex;height:100vh}.about-wrapper .about-pic,.about-wrapper .about-info{width:50%}.about-wrapper .about-pic-wrapper{height:100%;color:var(--text-color-invert);text-align:center}.about-wrapper .about-pic-wrapper .about-pic-box{display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center}.about-more-things{background-color:#fff}.hobbies .hobby img{height:20em;object-fit:cover;object-position:center center}.main-info{display:flex;justify-content:space-between}.main-info .profile-info{width:calc(70% - 2em)}.main-info img{width:calc(30% - 2em);border-radius:1em;object-fit:cover;object-position:center center;-webkit-box-shadow:0px 26px 27px -18px rgba(0,0,0,.3);-moz-box-shadow:0px 26px 27px -18px rgba(0,0,0,.3);box-shadow:0 26px 27px -18px #0000004d}