/*! ------------------------------------------------ * * Project Name: Leonardo Prado - Personal Developer Portfolio & Resume * * Project Description: Explore Leonardo Prado's portfolio and resume - showcasing expertise in software development, enterprise solutions, and cloud technologies. * * Tags: resume, portfolio, personal page, cv, template, one page, responsive, html5, css3, creative, clean * * Version: 1.0.0 * * Build Date: June 2024 * * Last Update: June 2024 * * This product is available exclusively on Themeforest * * Author: Leonardo Prado * * Author URI: https://leonardoprado.net */:root{--_size:1.6rem;--_font-default:"Urbanist",sans-serif;--_font-accent:"Urbanist",sans-serif;--_radius:2rem;--_radius-s:1rem;--_animspeed-fast:0.1s;--_animspeed-medium:0.3s;--_animspeed-slow:0.6s;--_animbezier:cubic-bezier(0.23, 0.65, 0.74, 1.09);--base--light:#BABEC8;--base-rgb--light:186,190,200;--base-shade--light:#989ba3;--base-tint--light:#d8dde7;--stroke-controls--light:#2C2E34;--stroke-elements--light:#8F93A1;--font-weight-base--light:400;--font-weight-medium--light:600;--t-bright--light:#151617;--t-medium--light:#44474a;--t-muted--light:#797D83;--t-opp-bright--light:#F2F5FC;--t-opp-medium--light:#AEB5C5;--t-opp-muted--light:#3E4045;--neutral-bright--light:#000000;--base--dark:#141414;--base-rgb--dark:20,20,20;--base-shade--dark:#000000;--base-tint--dark:#242424;--stroke-controls--dark:#F2F5FC;--stroke-elements--dark:#535762;--font-weight-base--dark:300;--font-weight-medium--dark:500;--t-bright--dark:#F2F5FC;--t-medium--dark:#AEB5C5;--t-muted--dark:#505258;--t-opp-bright--dark:#151617;--t-opp-medium--dark:#313437;--t-opp-muted--dark:#797D83;--neutral-bright--dark:#ffffff;--per-base:#141414;--t-per-bright-light:#F2F5FC;--t-per-medium-light:#AEB5C5;--t-per-muted-light:#3E4045;--t-per-bright-dark:#151617;--t-per-medium-dark:#313437;--t-per-muted-dark:#797D83;--per-stroke-controls:#F2F5FC;--per-stroke-elements:#8F93A1;--neutral-white:#ffffff;--neutral-black:#000000;--neutral-gray:#878787;--neutral-gray-dark:#404040}@media (prefers-color-scheme:light){:root{--base:var(--base--light);--base-rgb:var(--base-rgb--light);--base-shade:var(--base-shade--light);--base-tint:var(--base-tint--light);--stroke-controls:var(--stroke-controls--light);--stroke-elements:var(--stroke-elements--light);--font-weight-base:var(--font-weight-base--light);--font-weight-medium:var(--font-weight-medium--light);--t-bright:var(--t-bright--light);--t-medium:var(--t-medium--light);--t-muted:var(--t-muted--light);--t-opp-bright:var(--t-opp-bright--light);--t-opp-medium:var(--t-opp-medium--light);--t-opp-muted:var(--t-opp-muted--light);--neutral-bright:var(--neutral-bright--light)}}@media (prefers-color-scheme:dark){:root{--base:var(--base--dark);--base-rgb:var(--base-rgb--dark);--base-shade:var(--base-shade--dark);--base-tint:var(--base-tint--dark);--stroke-controls:var(--stroke-controls--dark);--stroke-elements:var(--stroke-elements--dark);--font-weight-base:var(--font-weight-base--dark);--font-weight-medium:var(--font-weight-medium--dark);--t-bright:var(--t-bright--dark);--t-medium:var(--t-medium--dark);--t-muted:var(--t-muted--dark);--t-opp-bright:var(--t-opp-bright--dark);--t-opp-medium:var(--t-opp-medium--dark);--t-opp-muted:var(--t-opp-muted--dark);--neutral-bright:var(--neutral-bright--dark)}}[color-scheme=light]{--base:var(--base--light);--base-rgb:var(--base-rgb--light);--base-shade:var(--base-shade--light);--base-tint:var(--base-tint--light);--stroke-controls:var(--stroke-controls--light);--stroke-elements:var(--stroke-elements--light);--font-weight-base:var(--font-weight-base--light);--font-weight-medium:var(--font-weight-medium--light);--t-bright:var(--t-bright--light);--t-medium:var(--t-medium--light);--t-muted:var(--t-muted--light);--t-opp-bright:var(--t-opp-bright--light);--t-opp-medium:var(--t-opp-medium--light);--t-opp-muted:var(--t-opp-muted--light);--neutral-bright:var(--neutral-bright--light)}[color-scheme=dark]{--base:var(--base--dark);--base-rgb:var(--base-rgb--dark);--base-shade:var(--base-shade--dark);--base-tint:var(--base-tint--dark);--stroke-controls:var(--stroke-controls--dark);--stroke-elements:var(--stroke-elements--dark);--font-weight-base:var(--font-weight-base--dark);--font-weight-medium:var(--font-weight-medium--dark);--t-bright:var(--t-bright--dark);--t-medium:var(--t-medium--dark);--t-muted:var(--t-muted--dark);--t-opp-bright:var(--t-opp-bright--dark);--t-opp-medium:var(--t-opp-medium--dark);--t-opp-muted:var(--t-opp-muted--dark);--neutral-bright:var(--neutral-bright--dark);--accent:#00ff7f;--accent-rgb:0,255,127;--accent-soft:rgba(0,255,127,0.12);--accent-strong:#00cc66;--surface-bg:#0a0a0a;--surface-card:#111111;--surface-border:rgba(255,255,255,0.08);--text-strong:#ffffff;--text-muted:#ffffff;--base:var(--surface-bg);--stroke-elements:var(--surface-border);--t-bright:var(--text-strong);--t-muted:var(--text-muted);--bs-body-bg:var(--surface-bg);--bs-body-color:var(--text-strong)}@font-face{font-family:Urbanist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/urbanist/urbanist-latin.woff2) format("woff2")}*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a,body,div,h1,header,html,img,li,main,nav,p,section,span,svg,ul{margin:0;padding:0;border:0}ul{list-style:none}html{font-size:62.5%;background:var(--base)}body{position:relative;width:100%;margin:0;min-width:360px;color:var(--t-medium);background:var(--base);font:normal 400 var(--_size)/1.4 var(--_font-default);text-rendering:optimizeLegibility;overflow-x:unset!important}section{position:relative;min-width:360px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.d-flex{display:-webkit-box!important;display:-moz-box!important;display:-ms-flexbox!important;display:flex!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-moz-box-orient:vertical!important;-moz-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.align-items-start{-webkit-box-align:start!important;-moz-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.justify-content-start{-webkit-box-pack:start!important;-moz-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-center{-webkit-box-pack:center!important;-moz-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.container-fluid{width:100%;margin-right:auto;margin-left:auto}.p-0{padding:0!important}.row{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:0;margin-left:0}.g-0{--bs-gutter-x:0;--bs-gutter-y:0}.col-12{-webkit-box-flex:0;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.btn{position:relative;display:-webkit-inline-box;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border:none;outline:0;padding:0;font:inherit;background-color:transparent;cursor:pointer;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page-content{position:relative;width:100%;min-width:360px;min-height:100vh;overflow:hidden;z-index:3}.main{position:relative;padding-top:6rem;overflow:hidden}.main__intro{position:relative;height:auto;margin-bottom:3.4rem}.main__intro.intro-95-desktop{margin-bottom:11.5rem}.intro__background{position:absolute;top:0;left:0;width:100%;height:100%}.intro-bg-01__01,.intro-bg-01__02{position:absolute;background-repeat:no-repeat;background-position:center;-moz-background-size:cover;background-size:cover}.intro-bg-01__01{top:-160px;right:-100px;width:320px;height:320px}.intro-bg-01__02{right:0;bottom:-80px;width:150px;height:150px}.headline{position:relative;z-index:2;padding:0 2rem;margin-top:9.5rem}.headline__availability,.headline__subtitle{margin:0 0 2rem;color:var(--t-muted)}.headline__title{margin:0;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;color:var(--text-strong)}.headline__text{max-width:72rem;margin:1.6rem 0 0;color:var(--text-muted);line-height:1.6}.headline__btn{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;margin-top:9.7rem}.hero-actions{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.hero-actions .btn{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;padding-left:1.6rem;padding-right:1.6rem}.hero-actions .btn-line{background-color:var(--text-strong);color:var(--surface-bg,var(--base));border-color:var(--text-strong)}.hero-actions .btn-line:hover{background-color:transparent;color:var(--text-strong)}.hero-actions .btn-caption{font-size:1.8rem}.btn-line{-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font:normal var(--font-weight-medium) 1.8rem/1.4 var(--_font-default);color:var(--text-strong);background-color:transparent;border:1px solid var(--text-strong);-moz-border-radius:5rem;border-radius:5rem;padding:2rem 3.2rem}.btn-line .btn-caption,.btn-line i{position:relative;display:-webkit-inline-box;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}.btn-line i{font-size:2.3rem;overflow:hidden}.btn-line.icon-left .btn-caption{margin-left:1rem}.btn-line.icon-right .btn-caption{margin-right:1rem}.fixed-logo,.header,.logo{position:relative;z-index:10}.header{position:fixed;bottom:2rem;left:2rem;width:auto;z-index:11;-moz-border-radius:var(--_radius-s);border-radius:var(--_radius-s);background-color:rgba(0,0,0,.03);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.header__navigation{position:relative}.menu__item{display:-webkit-inline-box;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex}.menu__link{width:4.4rem;height:4.4rem;-moz-border-radius:var(--_radius-s);border-radius:var(--_radius-s);color:var(--t-bright);white-space:nowrap;font-size:1.8rem}.menu__caption{display:none}.logo{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;position:fixed;top:2rem;left:2rem;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-moz-border-radius:var(--_radius-s);border-radius:var(--_radius-s);z-index:100}.logo__link{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.logo__link svg{width:auto;height:4rem}.logo__link span{display:-webkit-inline-box;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;padding-left:1.4rem;padding-right:1rem}.loader{position:fixed;inset:0;z-index:9999;background:var(--base)}.loader.loaded{pointer-events:none}@media only screen and (min-width:1200px){.col-xl-2{-webkit-box-flex:0;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}.col-xl-8{-webkit-box-flex:0;-moz-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}.fullheight-desktop{height:100%}.main{padding-top:0}.main__intro{height:100vh;margin-bottom:0}.main__intro.intro-95-desktop{height:95vh;min-height:90rem;margin-bottom:0;padding-top:7rem}.headline{position:absolute;bottom:0;left:0;width:100%;margin-top:0;padding:0 5rem clamp(7rem,8vh,11.3rem)}.headline__title{max-width:min(112rem,76vw);font-size:clamp(6.4rem,4.7vw,10rem);line-height:1.04}.headline__text{max-width:min(78rem,58vw);margin-top:clamp(2.8rem,3vh,4rem);font-size:clamp(2.1rem,1.35vw,2.7rem);line-height:1.5}.headline__btn{margin-top:clamp(3.6rem,4vh,5rem)}}