html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{src:url(/osvaldos-site/assets/Inter-Regular-COLGFB3M.woff2) format(woff2);font-family:Inter;font-weight:400}@font-face{src:url(/osvaldos-site/assets/Inter-Black-BJbWHna9.woff2) format(woff2);font-family:Inter;font-weight:700}@font-face{src:url(/osvaldos-site/assets/Roboto-Regular-36LIHh1U.woff2) format(woff2);font-family:Roboto;font-weight:400}@font-face{src:url(/osvaldos-site/assets/Roboto-Bold-Hc5RoILo.woff2) format(woff2);font-family:Roboto;font-weight:700}@font-face{src:url(/osvaldos-site/assets/RobotoSlab-Regular-_iSbFvmh.woff2) format(woff2);font-family:Roboto Slab;font-weight:400}@font-face{src:url(/osvaldos-site/assets/RobotoSlab-Bold-Bg8FjwwA.woff2) format(woff2);font-family:Roboto Slab;font-weight:700}@font-face{src:url(/osvaldos-site/assets/Saira-Regular-CE6NXaq0.woff2) format(woff2);font-family:Saira;font-weight:400}html{scroll-behavior:smooth}.nav{display:flex;justify-content:space-between;background-color:#000;color:#fff;height:100px;border-bottom:1px solid #333333;position:relative}.nav__logo{width:116px;height:30px;align-self:center;margin:0 0 0 50px}.nav__links{display:flex;column-gap:60px;list-style-type:none;align-items:center;padding:0 50px 0 0;font-size:16px}.nav__link{font-family:Inter;cursor:pointer;text-decoration:none;color:#fff}.nav__link:hover{color:#ff8230}.nav__button{width:118px;height:38px;background-color:#ff8230;border-radius:20px;color:#fff}.nav__button:hover{color:#000}.nav__toggle{display:none;width:44px;height:44px;border:none;background:transparent;cursor:pointer;margin-right:20px}.nav__bar{display:block;width:26px;height:2px;margin:7px auto;background-color:#fff;transition:all .2s ease}@media screen and (max-width:1024px){.nav__logo{margin:0 0 0 20px}.nav__links{padding:0 20px 0 0}}@media screen and (max-width:650px){.nav__toggle{display:block;align-self:center}.nav__links{position:absolute;top:100px;left:16px;right:16px;display:none;flex-direction:column;align-items:center;gap:20px;background-color:#1c1c1c;padding:20px;border-radius:12px;border:1px solid #333333;z-index:5}.nav.nav--open .nav__links{display:flex}.nav.nav--open .nav__bar:nth-child(1){transform:translateY(9px) rotate(45deg)}.nav.nav--open .nav__bar:nth-child(2){opacity:0}.nav.nav--open .nav__bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}}.about{min-height:680px;background-color:#1c1c1c;color:#fff;display:flex;flex-direction:column;padding-bottom:20px}.about__me{font-family:Saira;color:#ff8230;margin:50px 0 0;align-self:center}.about__title{align-self:center;font-size:35px;font-family:Roboto}.about__title span{color:#ff8230}.about__grid{margin:30px 0 0;display:grid;grid-template-columns:repeat(4,200px);grid-template-rows:repeat(2,140px);gap:20px;justify-content:center;align-items:center;grid-template-areas:"description description card card" "description description card card"}.about__description{font-family:Inter;grid-area:description;font-size:18px;color:#9a9797}.about__card{width:200px;height:140px;border:.5px solid #717070;border-radius:10px;background-color:#262626;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;font-family:Roboto}.about__card:hover{transform:translateY(-5px);border-color:#ff8230;box-shadow:0 10px 30px #0006,0 0 0 1px #ff823066,0 0 20px #ff823040}.about__icon{width:24px;height:24px;margin:10px 0 0}.card__title{text-align:center;margin:15px 0;font-size:16px}.card__subtitle{text-align:center;margin:0;font-size:14px;color:#9a9797}.about__tech{margin:50px 0 20px;align-self:center;font-family:Saira}.about__skills-wrapper{width:900px;max-width:90%;margin:20px auto 0}.about__skills-marquee{width:600px;justify-self:center;overflow:hidden;position:relative}.about__skills-track{display:flex;gap:40px;width:max-content;animation:marquee 25s linear infinite;will-change:transform}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.about__skill{display:inline-flex;align-items:center;height:25px;padding:0 12px;border:.5px solid #717070;border-radius:100px;font-size:13px;font-family:Saira;background-color:#262626;white-space:nowrap}.about__skills-marquee:before,.about__skills-marquee:after{content:"";position:absolute;top:0;width:80px;height:100%;pointer-events:none;z-index:2}.about__skills-marquee:before{left:0;background:linear-gradient(to right,#1c1c1c,transparent)}.about__skills-marquee:after{right:0;background:linear-gradient(to left,#1c1c1c,transparent)}@media screen and (max-width:1024px){.about{padding-bottom:40px}.about__grid{margin:0;grid-template-columns:repeat(2,200px);grid-template-rows:repeat(4,140px);grid-template-areas:"description description" "description description" "card card" "card card";gap:10px}.about__description{text-align:center}.about__title{align-self:center;font-size:32px;font-family:Roboto}.card__title{text-align:center;margin:15px 0;font-size:14px}.card__subtitle{text-align:center;margin:0 5px;font-size:12px;color:#9a9797}.about__skills-marquee{width:450px}}@media screen and (max-width:650px){.about__me,.about__description{font-size:12px}.about__grid{margin:0;grid-template-columns:repeat(2,141px);grid-template-rows:repeat(4,100px);grid-template-areas:"description description" "description description" "card card" "card card"}.about__card{width:140px;height:100px}.about__icon{width:19px;height:19px;margin:10px 0 0}.card__title{margin:10px 0;font-size:12px}.card__subtitle{font-size:9px}.about__skills-marquee{width:300px}.about__tech{margin:40px 0 20px;font-size:14px}.about__skills-wrapper{margin:10px auto 0}.about__skill{font-size:10px}}.projects{height:750px;background-color:#000;color:#fff;display:flex;flex-direction:column}.my-projects{color:#ff8230;margin:50px 0 0;align-self:center;font-family:Saira}.projects__title{align-self:center;font-size:35px;font-family:Roboto}.projects__title span{color:#ff8230}.projects__grid{margin:30px 0 50px;display:grid;grid-template-columns:repeat(3,300px);grid-template-rows:repeat(2,200px);gap:25px;justify-content:center;align-items:center}.projects__card{width:300px;height:200px;border:.5px solid #717070;border-radius:10px;transition:all .3s ease;background-color:#262626;display:flex;flex-direction:column;font-family:Saira}.projects__card:hover{transform:translateY(-5px);border-color:#ff8230;box-shadow:0 10px 30px #0006,0 0 0 1px #ff823066,0 0 20px #ff823040}.card__icon{width:45px;height:45px;margin:0;position:relative;left:15px;top:15px}.github__link{width:15px;height:15px;position:relative;left:260px;top:-20px;cursor:pointer}.github__link:hover .icon--white{opacity:0}.github__link:hover .icon--orange{opacity:1}.site__link{width:15px;height:15px;position:relative;left:230px;top:-35px;cursor:pointer}.site__link:hover .icon--white{opacity:0}.site__link:hover .icon--orange{opacity:1}.site__icon{width:15px;height:15px}.site__title{margin:10px 0 0 15px;font-size:18px}.site__description{margin:10px 15px 0;font-size:14px;color:#9a9797}.site__techs{margin:auto;font-size:10px;color:#9a9797}.projects__link-text{width:190px;align-self:center;color:#9a9797;font-family:Saira;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;line-height:1}.projects__link-text:hover{color:#ff8230}.projects__link{margin:0;display:inline-flex;justify-content:center;align-items:center}.projects__link:hover .icon--white{opacity:0}.projects__link:hover .icon--orange{opacity:1}@media screen and (max-width:1024px){.projects{height:960px}.projects__grid{grid-template-columns:repeat(2,300px);grid-template-rows:repeat(3,200px);gap:20px}.site__title{margin:10px 0 0 15px;font-size:16px}.site__description{margin:10px 15px 0;font-size:13px;color:#9a9797}.site__techs{margin:auto;font-size:10px;color:#9a9797}}@media screen and (max-width:650px){.projects{min-height:1480px}.my-projects{font-size:12px}.projects__title{font-size:32px}.projects__grid{grid-template-columns:repeat(1,258px);grid-template-rows:repeat(6,180px);gap:20px}.projects__card{width:258px;height:180px}.card__icon{width:30px;height:30px;left:20px}.github__link{left:225px;top:-10px}.site__link{left:195px;top:-25px}.site__title{margin:10px 0 0 20px;font-size:14px}.site__description{margin:20px 15px 0 20px;font-size:10px}.site__techs{margin:auto;font-size:10px;color:#9a9797}.projects__link{align-self:center;margin:0;color:#9a9797;font-family:Saira;cursor:pointer;text-decoration:none}.projects__link-icon{width:15px;height:15px;padding:0 0 0 10px}}.contacts{height:100%;background-color:#1c1c1c;color:#fff;display:flex;flex-direction:column}.contacts__talk{font-family:Saira;color:#ff8230;margin:50px 0 0;align-self:center}.contacts__title{align-self:center;font-size:35px;font-family:Roboto}.contacts__title span{color:#ff8230}.contacts__grid{justify-content:center;display:grid;grid-template-columns:repeat(2,400px);gap:60px;padding-bottom:40px}.contacts__subtitle{font-family:Saira;font-size:24px}.contacts__description{font-family:Inter;color:#9a9797}.contacts__contacts{display:flex;gap:15px}.contacts__mail{font-family:Inter;color:#9a9797}.contacts__mail span{color:#fff}.contacts__location{font-family:Inter;color:#9a9797}.contacts__location span{color:#fff}.contacts__follow{font-family:Inter;color:#9a9797}.contacts__socials{display:flex;flex-direction:row;gap:30px}.contacts__links .contacts__social{width:40px;height:40px;border:1px solid #9a9797;border-radius:100px;display:flex;justify-content:center;align-items:center}.contacts__form{border:1px solid #717070;border-radius:10px;width:400px;height:450px;font-family:Inter}.form__description{margin:30px 0 0 30px;font-size:14px;font-family:Inter}.contacts__name,.contacts__email{margin:10px 0 0 30px;background-color:#000;width:320px;height:42px;border-radius:10px;border:.5px solid #9a9797;padding:0 0 0 15px;color:#fff}.contacts__mensage{margin:10px 0 0 30px;background-color:#000;width:320px;height:100px;border-radius:10px;border:.5px solid #9a9797;padding:10px 0 0 15px;resize:none;color:#fff}.contacts__btn{background-color:#ff8230;color:#fff;margin:15px 0 0 30px;width:338px;height:42px;border-radius:10px;cursor:pointer}.contacts__btn-icon{padding:0 0 0 10px}@media screen and (max-width:1024px){.contacts__grid{justify-content:center;display:grid;grid-template-columns:400px;gap:40px}}@media screen and (max-width:650px){.contacts__talk{font-size:12px}.contacts__title{font-size:32px}.contacts__grid{grid-template-columns:250px;gap:40px}.contacts__subtitle{font-size:16px}.contacts__description{font-size:11px}.contacts__contacts{display:flex;gap:15px;font-size:12px}.contacts__follow{font-size:14px}.contacts__socials{display:flex;flex-direction:row;justify-content:center;gap:30px}.contacts__social{border:1px solid #1c1c1c}.contacts__form{width:250px;height:390px}.form__description{margin:20px 0 0 20px;font-size:12px}.contacts__name,.contacts__email{margin:10px 0 0 30px;width:170px;height:35px;border-radius:10px;font-size:12px}.contacts__mensage{margin:10px 0 0 30px;width:170px;font-size:12px}.contacts__btn{width:190px;height:35px;font-size:12px}}.footer{height:100%;background-color:#000;color:#fff;display:flex;justify-content:space-around;font-family:Inter;align-items:center}.footer__logo{justify-content:end;width:116px;height:30px;margin:20px}.footer__description{margin:10px;font-size:15px;color:#9a9797;font-family:Saira}.footer__socialNetwork{width:112px;display:flex;justify-content:space-between}.footer__git-icon:hover .icon--white{opacity:0}.footer__git-icon:hover .icon--orange{opacity:1}.footer__linkedin-icon:hover .icon--white{opacity:0}.footer__linkedin-icon:hover .icon--orange{opacity:1}.footer__insta-icon:hover .icon--white{opacity:0}.footer__insta-icon:hover .icon--orange{opacity:1}@media screen and (max-width:1024px){.footer{gap:80px}.footer__socialNetwork{margin:0 20px 0 0;gap:20px}}@media screen and (max-width:650px){.footer{padding:20px;display:grid;grid-template-columns:repeat(2,160px);grid-template-rows:repeat(2,50px);gap:20px;grid-template-areas:"logo social" "copyright copyright"}.footer__logo{grid-area:logo;align-items:center}.footer__description{grid-area:copyright;justify-self:center;width:280px;align-items:center}.footer__socialNetwork{grid-area:social;justify-self:center}}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;transition-delay:var(--delay, 0ms);will-change:opacity,transform}.js .reveal.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.js .reveal,.js .reveal.is-visible{transition:none;transform:none;opacity:1}}.js .reveal-group>*{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.js .reveal-group>*.is-visible{opacity:1;transform:translateY(0)}.reveal-group>*:nth-child(1){transition-delay:0ms}.reveal-group>*:nth-child(2){transition-delay:80ms}.reveal-group>*:nth-child(3){transition-delay:.16s}.reveal-group>*:nth-child(4){transition-delay:.24s}.reveal-group>*:nth-child(5){transition-delay:.32s}.reveal-group>*:nth-child(6){transition-delay:.4s}.main{background-color:#000;color:#fff;height:660px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Roboto,Inter;position:relative;overflow:hidden}.main>*:not(.main__glow){position:relative;z-index:2}.main__glow{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(520px circle at var(--x, 50%) var(--y, 50%),rgba(255,130,48,.22),transparent 60%),radial-gradient(820px circle at calc(var(--x, 50%) + 140px) calc(var(--y, 50%) - 90px),rgba(255,255,255,.06),transparent 65%);opacity:0;transition:opacity .25s ease}.main--active .main__glow{opacity:1}.main__icon{width:140px;height:26px;color:#ff8230;border:1px solid #ff8230;border-radius:20px;display:flex;justify-content:center;align-items:center}.main__developer{margin:0}.main__title{margin:30px 0 0;font-size:64px}.main__title span{color:#ff8230}.main__description{width:379px;text-align:center;margin:30px 0 0;font-size:20px}.main__contacts{width:200px;display:flex;flex-direction:row;justify-content:space-between;margin:50px 0 0;color:#fff}.main__social{width:40px;height:40px;border-radius:50%;position:relative;background:transparent}.main__social:before{content:"";position:absolute;inset:0;border-radius:50%;background:#000;border:1px solid #fff;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.main__social:hover:before{border-color:#ff8230;transform:scale(1.15);box-shadow:0 0 10px #ff823080}.main__links{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.main__icons:hover{color:#ff8230}.hover-icon{position:relative;width:18px;height:18px}.icon{position:absolute;width:100%;height:100%;transition:opacity 0s ease,transform 0s ease;transform:scale(1)}.icon--orange,.main__social:hover .icon--white{opacity:0}.main__social:hover .icon--orange{opacity:1}.main__link{margin:50px 0 0;width:150px;height:40px}.main__bt{background-color:#ff8230;color:#fff;width:150px;height:40px;border:none;border-radius:20px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.main--active .main__bt{transform:translateY(-4px) scale(1.02);filter:brightness(1.1)}.bt__icon{padding:0 0 0 10px}@media screen and (max-width:650px){.main{height:500px}.main__icon{font-size:11px;width:114px;height:19px}.main__title{margin:30px 0 0;font-size:40px}.main__description{width:213px;font-size:12px}.main__bt{font-size:11px;font-weight:600;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}}