styles-mini.css

*,:after,:before{box-sizing:border-box;min-width:0}html{font-size:100%;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overflow-wrap:break-word}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{line-height:1.5;min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){text-decoration-skip-ink:auto}img,picture{display:block;height:auto;max-width:100%}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--main-bg-color:#fff;--theme-color:#162850;--theme-color-dark:#0d1830;--accent-color:#b4c62e;--accent-color-lighter:#d8ee2f;--text-color-body:#121a2b;--text-black:#060c18;--text-white:#fff;--text-white-secondary:#f7f7f7;--badge-bg-color:#bf7602}body{background-color:var(--main-bg-color);color:var(--text-color-body);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;overflow-x:hidden;position:relative}footer,header{background-image:linear-gradient(90deg,#051937,#061e42,#07244d,#082959,#0b2f65)}.main-l{margin:0 auto;max-width:1200px;padding-top:60px}.section-l{max-width:100%;padding:100px 15px 0}.section__title{background:var(--theme-color);border-radius:10px;box-shadow:0 4px 21px -12px rgba(0,0,0,.66);color:var(--text-white);display:block;font-family:monospace;font-size:1.5rem;font-weight:lighter;padding:.4rem .8rem;transform:rotate(-3.6deg);width:max-content}.section__content{margin-top:80px;max-width:100%;padding-bottom:60px;position:relative}@media (max-width:576px){.main-l{padding-top:40px}.section__title{font-size:1.3rem}.section__content{margin-top:60px}}.header-l{display:flex;flex-direction:column;padding:40px 60px}.logo-nav{align-items:center;display:flex;justify-content:space-between}.logo-nav .logo{align-items:end;display:flex;gap:.5rem}.logo-nav .logo .logo__img{width:40px}.logo-nav .logo .logo__title{color:hsla(0,0%,100%,.7);font-family:monospace;font-size:1.3rem;line-height:normal}.logo-nav .logo .logo__title .underscore{color:var(--accent-color-lighter);display:inline-block;padding:0 0 0 2px}.logo-nav .logo .logo__title .underscore.flash{animation:flash 1s infinite}@keyframes flash{0%{opacity:1}40%{opacity:0}to{opacity:1}}.logo-nav .navigation{text-align:center}.logo-nav .navigation a.navigation__link{color:#fff;font-size:1.3rem;padding:0 10px;text-decoration:none}.logo-nav .navigation a.navigation__link.active{color:var(--accent-color-lighter)}.logo-nav .navigation a.navigation__link:hover{color:var(--accent-color-lighter);transition:color .3s ease-in-out}.hero{flex-direction:column;margin-top:100px}.hero,.hero .block__hero{align-items:center;display:flex;justify-content:center}.hero .block__hero{margin:auto;position:relative}.hero .block__hero .hero__img{margin-right:-3.5rem;z-index:2}.hero .block__hero .hero__img img{border-radius:50%;box-shadow:0 0 10px hsla(0,4%,95%,.5);max-width:350px}.hero .block__hero .hero__content{border:1px solid #fff;border-radius:10px;box-shadow:0 0 10px hsla(0,4%,95%,.5);font-family:monospace;max-width:60%;padding:3rem 2rem 3rem 7rem}.hero .block__hero .hero__content .hero__title{color:#fff;font-size:2.1rem}.hero .block__hero .hero__content .hero__subtitle{color:var(--accent-color-lighter);font-size:1.3rem;font-weight:lighter}.hero .block__hero .hero__content .hero__description{color:hsla(0,0%,100%,.7);font-size:1rem;font-weight:lighter;padding-top:1.1rem}.hero .block__btn{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:30px;padding:40px 0}.hero .block__btn .info__btn{align-items:center;background-color:var(--accent-color);border:2px solid var(--accent-color);border-radius:10px;color:var(--text-color-body);cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:.4rem .8rem;text-decoration:none;transition:.3s ease-in-out 0ms}.hero .block__btn .info__btn.disabled{cursor:not-allowed;opacity:.5}.hero .block__btn .info__btn:active,.hero .block__btn .info__btn:focus,.hero .block__btn .info__btn:hover{background-color:unset;border-color:var(--accent-color);color:var(--accent-color)}.hero .block__btn .info__btn:active svg,.hero .block__btn .info__btn:focus svg,.hero .block__btn .info__btn:hover svg{fill:var(--accent-color)}@media (max-width:1200px){.header-l{padding:30px 20px}.hero{margin-top:60px}.hero .block__hero .hero__img{margin-right:-5rem}}@media (max-width:768px){.header-l{padding:1rem}.logo-nav .logo .logo__img{width:30px}.logo-nav .logo .logo__title{font-size:.8rem}.hero{margin-top:3rem}.hero .block__hero{flex-direction:column}.hero .block__hero .hero__img{margin:unset;margin-bottom:-100px;margin-left:-5px}.hero .block__hero .hero__img img{width:200px}.hero .block__hero .hero__content{max-width:100%;padding:120px 25px 25px}.hero .block__hero .hero__content .hero__title{font-size:1.8rem}.hero .block__hero .hero__content .hero__subtitle{font-size:1.1rem}.hero .block__hero .hero__content .hero__description{font-size:.9rem}.hero .block__btn{gap:1rem;margin-top:20px;padding:20px 0}.hero .block__btn .info__btn{font-size:.9rem;padding:.3rem .6rem}}.section__skills{display:flex;gap:2rem;justify-content:space-between}.section__skills .skill__block{display:flex;flex-direction:column}.section__skills .skill__block .block__title{align-items:center;display:flex;flex-direction:column;gap:.5rem}.section__skills .skill__block .block__title .skill__title{color:var(--theme-color);font-family:monospace;font-size:1.2rem;padding:0 20px}.section__skills .skill__block .skill__list{margin:30px 0;padding-left:20px}.section__skills .skill__block .skill__list .skill__list__item{font-size:1.1rem;padding:5px 0}.section__skills .skill__block .block__icons{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-bottom:0;margin-top:auto;padding-top:1rem;grid-gap:30px 20px;align-items:center;justify-items:center}@media (max-width:1024px){.section__skills .skill__block{margin:0 auto;max-width:400px;padding:20px}}@media (max-width:576px){.section__skills{display:flex;flex-direction:column}.section__skills .skill__block{margin:0 auto;max-width:400px;padding:10px}.section__skills .skill__block .block__title{padding:20px 0 10px}.section__skills .skill__block .block__title .skill__title{padding:0 10px}.section__skills .skill__block .skill__list{margin:15px 0;padding-left:10px}}.filter__container{display:flex;gap:1.5rem;justify-content:center;margin-bottom:4rem}.filter__container .filter{background-color:var(--accent-color-lighter);border:none;border-radius:10px;color:var(--text-color-body);cursor:pointer;padding:5px 10px;transition:.3s ease-in-out 0ms}.filter__container .filter.active,.filter__container .filter:focus,.filter__container .filter:hover{background-color:var(--theme-color);color:var(--accent-color-lighter)}.project__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-gap:60px 40px;align-items:flex-start;z-index:10}.project__container .project{border:2px solid #ddd;border-radius:10px;box-shadow:0 4px 21px -12px rgba(0,0,0,.66);display:inline-block;max-width:450px;overflow:hidden;text-align:left;transition:box-shadow .2s ease,transform .2s ease;width:100%;z-index:100}.project__container .project .project__cover{background-position:top;background-repeat:no-repeat;background-size:cover;border-bottom:.5px solid #ddd;height:130px;width:100%}.project__container .project .project__content{background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;min-height:180px;padding:25px 20px 15px;position:relative}.project__container .project .project__content .project__tags{display:flex;gap:.5rem;justify-content:flex-start;position:absolute;top:0;transform:translateY(-50%)}.project__container .project .project__content .project__tags .tag{background:var(--theme-color);border-radius:5px;color:#fff;font-family:monospace;font-size:13px;height:20px;line-height:20px;padding:0 20px}.project__container .project .project__content .project__header .title{color:var(--theme-color);font-size:16px;font-weight:700;margin:0 0 5px}.project__container .project .project__content .project__header .subtitle{color:rgba(0,0,0,.7);font-size:14px;margin:0 0 5px}.project__container .project .project__content .project__footer{display:flex;gap:.5rem;justify-content:space-between}.project__container .project .project__content .project__footer .project__link{align-items:center;background-color:var(--accent-color-lighter);border-radius:5px;color:var(--text-color-body);display:inline-flex;gap:.5rem;justify-content:center;justify-self:self-end;padding:5px 10px;text-decoration:none;transition:.3s ease-in-out 0ms}.project__container .project .project__content .project__footer .project__link:focus,.project__container .project .project__content .project__footer .project__link:hover{background-color:var(--theme-color);color:var(--accent-color);transition:background-color .2s ease-in-out}.project__container .project .project__content .project__footer .project__link.btn-information{background-color:var(--theme-color);color:var(--accent-color-lighter);cursor:pointer}.project__container .project .project__content .project__footer .project__link.btn-information:focus,.project__container .project .project__content .project__footer .project__link.btn-information:hover{background-color:var(--accent-color-lighter);color:var(--text-color-body)}.project__container .project:hover{box-shadow:0 34px 32px -33px rgba(0,0,0,.18);transform:translateY(-3px)}.project__container .project__description{background:var(--text-white-secondary);max-height:0;overflow:hidden;transition:max-height .4s ease-out}.project__container .project__description .accordion-body{font-size:14px;padding:20px}.project__container .project__description .accordion-body .description__date{color:var(--text-color-secondary);padding-bottom:10px}@media (max-width:1200px){.project__container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.filter__container{flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-bottom:2rem}.project__container{grid-template-columns:1fr;grid-gap:30px 20px;justify-items:center}.project__container .project{max-width:500px}.project__container .project .project__cover{height:160px}}@media (max-width:576px){.project{max-width:unset}}.presentation__text{font-size:1.2rem;line-height:1.8;margin:0 auto;max-width:1000px;padding-bottom:10px}.presentation__text .text--underline{background-image:linear-gradient(120deg,#fff 0,var(--accent-color-lighter) 15%,var(--accent-color-lighter) 70%,#fff 100%);background-position:0 88%;background-repeat:no-repeat;background-size:100% .6em;padding:.3rem .2rem;transition:background-size .2s ease-in-out}.presentation__text .text--underline a{color:var(--text-color-body);text-decoration:none}.presentation__text .text--underline:hover{background-size:100% 88%}@media (max-width:1024px){#skills .section__skills .skill__block{margin:0 auto;max-width:400px;padding:20px}#path .section__path{padding-left:30px;padding-right:30px}}@media (max-width:576px){.presentation__text{font-size:1.1rem;width:calc(100% - 30px)}}.section__path{display:flex;flex-direction:column;padding-left:50px;padding-right:50px}.section__path .step{margin-bottom:20px;margin-top:10px;padding:0 10px;position:relative;width:calc(50% - 18px)}.section__path .step .step__title{font-weight:700}.section__path .step:before{height:calc(100% + 30px);top:-10px;width:4px}.section__path .step:after,.section__path .step:before{background:var(--accent-color);content:"";position:absolute}.section__path .step:after{border-radius:50%;height:15px;top:5px;width:15px}.section__path .step--left{align-self:self-start;text-align:right}.section__path .step--left:before{right:-20px}.section__path .step--left:after{right:-25px}.section__path .step--right{align-self:self-end;text-align:left}.section__path .step--right:before{left:-20px}.section__path .step--right:after{left:-25px}@media (max-width:1024px){.section__path{padding-left:30px;padding-right:30px}}@media (max-width:576px){.section__path .step{padding:0 5px;width:calc(100% - 20px)}.section__path .step .step:before{width:3px}.section__path .step.step--left,.section__path .step.step--right{align-self:start;margin-left:25px;text-align:left}.section__path .step.step--left:before,.section__path .step.step--right:before{left:-15px}.section__path .step.step--left:after,.section__path .step.step--right:after{left:-21px}}.footer-l{align-items:center;display:flex;justify-content:space-around;padding:20px 0}.footer-l .footer__text{color:var(--text-white-secondary);font-family:monospace;font-size:.8rem}
/*# sourceMappingURL=styles.css.map */