body{margin:0;font-family:"Roboto";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--header-height:3rem;--font-medium:500;--primary-color:#8bb3e5;--white-color:#fafafa;--dark-color:#2a3b47;--text-color:#697477;--body-font:"Roboto",sans-serif;--big-font-size:6.25rem;--h2-font-size:1.25rem;--normal-font-size:0.939rem;--small-font-size:0.813rem;--mb-1:0.5rem;--mb-2:1rem;--mb-3:1.5rem;--mb-4:2rem;--z-index:100}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:3rem 0 0;margin:var(--header-height) 0 0 0;font-family:"Roboto",sans-serif;font-family:var(--body-font);font-size:.939rem;font-size:var(--normal-font-size);font-weight:500;font-weight:var(--font-medium);color:#697477;color:var(--text-color);line-height:1.6}h1,h2,p,ul{margin:0}ul{padding:0;list-style:none}a{text-decoration:none;color:#697477;color:var(--text-color);display:block}.section{padding:3rem 0}.section-title{position:relative;font-size:1.25rem;font-size:var(--h2-font-size);color:#697477;color:var(--text-color);margin:2rem 0;margin:var(--mb-4) 0;text-align:center}.section-title:after{position:absolute;content:"";width:32px;height:.18rem;left:0;right:0;margin:auto;top:2rem;background-color:#8bb3e5;background-color:var(--primary-color)}.bd-grid{max-width:1024px;display:grid;grid-template-columns:100%;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;width:calc(100% - 2rem);margin-left:1rem;margin-left:var(--mb-2);margin-right:1rem;margin-right:var(--mb-2)}@media screen and (min-width:768px){:root{--body-font:"Roboto",sans-serif;--big-font-size:10.5rem;--h2-font-size:2rem;--normal-font-size:1rem;--small-font-size:0.875rem}body{margin:0}.section{padding-top:4rem}.section-title{margin-bottom:3rem}.section-title:after{width:64px;top:3rem}.nav{height:4rem;height:calc(var(--header-height) + 1rem)}.nav__list{display:flex}.nav__item{margin-left:2rem;margin-left:var(--mb-4);margin-bottom:0}.nav__toggle{display:none}.nav__link,.nav__link:hover{color:#fafafa;color:var(--white-color)}.home__container{height:100vh!important;grid-template-rows:1.7fr 1fr}.home__img{width:524px!important;right:10%!important}.about__container{grid-template-columns:repeat(2,1fr);align-items:center;text-align:left;text-align:initial;padding:4rem 0}.about__img{width:200px!important;height:200px!important}.about__img img{width:165px!important}.skills__container{grid-template-columns:repeat(2,1fr);align-items:center}.portfolio__container{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem}.footer__container{grid-template-columns:repeat(3,1fr);justify-items:center}}@media screen and (min-width:1024px){.bd-grid{margin-left:auto;margin-right:auto}}.header{width:100%;position:fixed;top:0;left:0;z-index:var(--z-index);background-color:var(--primary-color)}.nav{height:var(--header-height);display:flex!important;justify-content:space-between;align-items:center}.nav__item{position:relative;color:var(--dark-color)}.nav__link:hover{color:var(--primary-color)}.nav__logo,.nav__toggle{color:var(--white-color)}.nav__toggle{font-size:1.5rem}.active:after{position:absolute;content:"";width:100%;height:.18rem;left:0;top:2rem;background-color:var(--primary-color)}@media screen and (max-width:760px){.nav__menu{position:fixed;top:var(--header-height);right:-100%;width:88%;padding:2rem;background-color:#fff;transition:.5s;-webkit-backdrop-filter:var(--mb-4);backdrop-filter:var(--mb-4)}}.home{position:relative;background-color:var(--primary-color);overflow:hidden}.home__dot{height:1rem;width:1rem;border-radius:50%;background-color:var(--white-color);display:inline-block}.home__container{height:calc(100vh - var(--header-height));grid-row-gap:5rem;row-gap:5rem}.home__title{align-self:flex-end;font-size:var(--big-font-size);color:var(--white-color);line-height:.8}.home__title span{text-shadow:0 20px 25px rgba(0,0,0,.5)}.home__scroll-link{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;transform:rotate(-180deg);color:var(--white-color);font-size:20px}.home__img{position:absolute;right:0;bottom:0;border:0;border-radius:20px;width:295px}.about__container{justify-items:center;grid-row-gap:2rem;row-gap:2rem;text-align:center}.about__subtitle{font-size:var(--h2-font-size);color:var(--primary-color);margin-bottom:var(--mb-1)}.about__profession,.about__text{margin-bottom:var(--mb-4)}.about__profession{display:block}.about__social{display:flex;justify-content:center;align-items:center}.about__social-icon i{font-size:1.4rem;margin:0 var(--mb-1)}.about__social-icon i:hover{color:var(--first-color);cursor:pointer}.about__img{display:flex;justify-content:center;padding-top:1rem;width:120px;object-fit:cover;height:120px;background-color:var(--primary-color);border-radius:50%;overflow:hidden}.about__img img{width:100px}.skills{background-color:var(--white-color)}.skills__container{grid-row-gap:2rem;row-gap:2rem;justify-items:center}.skills__subtitle{color:var(--color-primary);margin-bottom:var(--mb-3);margin-left:var(--mb-1);letter-spacing:.1rem}.skills__name{display:inline-block;font-size:var(--small-font-size);margin-right:var(--mb-2);margin-bottom:var(--mb-3);padding:.25rem .5rem;background-color:var(--white-color);border-radius:.25rem;font-size:1rem}.skills__name:hover{cursor:pointer;background-color:#8bb3e5;color:var(--white-color)}.skills__img img{border-radius:.5rem;max-width:200px;height:auto}.portfolio__container{justify-items:center;grid-row-gap:2rem;row-gap:2rem}.portfolio__img{position:relative;overflow:hidden;max-width:400px;max-height:400px}.portfolio__img img{border-radius:.5rem;width:100%;object-fit:cover}.portfolio__link{position:absolute;bottom:-100%;width:100%;height:100%;display:flex;justify-content:space-around;align-items:center;background-color:rgba(24,18,18,.3);border-radius:.5rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:.5s}.portfolio__card-container{background-color:var(--white-color);padding:10px;border-radius:20px}.portfolio__card{color:var(--white-color);font-size:1rem;padding:1rem}.portfolio__link-name{color:var(--white-color);font-size:.8rem;margin-top:1rem}.portfolio__link-name:hover{color:#cfd2d5}.portfolio__img:hover .portfolio__link{bottom:0}.footer{background-color:var(--dark-color)}.footer__container{grid-row-gap:2rem;row-gap:2rem}.footer__title{color:var(--white-color);margin-bottom:var(--mb-1)}.footer__link{padding:.25rem 0}.footer__link:hover{color:var(--primary-color)}.footer__social{font-size:1.4rem;margin-right:var(--mb-1)}.footer__social:hover{color:var(--primary-color)}.accordion__section{display:flex;flex-direction:column;width:80%;margin:0 auto}.accordion{background-color:#eee;color:#444;cursor:pointer;padding:.8rem;display:flex;align-items:center;border:none;outline:none;transition:background-color .6s ease;border-radius:20px;margin-bottom:var(--mb-3);margin-top:var(--mb-3)}.accordion:hover,.active{background-color:#ccc}.accordion__title{font-family:"Open Sans",sans-serif;font-weight:600;font-size:16px}.accordion__icon{margin-left:auto;transition:transform .6s ease}.rotate{transform:rotate(90deg)}.accordion__content{background-color:#fff;overflow:hidden;transition:max-height .6s ease}.accordion__text{font-family:"Open Sans",sans-serif;font-weight:400;color:var(--dark-color);font-size:1rem;margin-left:10px;padding:4px}
/*# sourceMappingURL=main.1c0e94e4.chunk.css.map */