@import"https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header{position:fixed;width:100%;top:0;left:0;background-color:var(--body-color);z-index:var(--z-fixed);transition:box-shadow .4s}.nav{position:relative;height:var(--header-height);display:flex;justify-content:space-between;align-items:center}.nav__logo{display:flex;column-gap:.5rem;align-items:center;font-weight:var(--font-semi-bold);color:var(--title-color);margin-left:1rem}.nav__logo-circle,.nav__toggle{width:32px;height:32px;background-color:var(--black-color);color:var(--white-color);display:grid;place-items:center}.nav__logo-circle{border-radius:50%}.nav__toggle{font-size:1.25rem;cursor:pointer;margin-right:1rem}@media screen and (max-width: 1150px){.nav__menu{position:fixed;top:-100vh;left:0;background-color:#000000bf;width:100%;padding-block:1.8rem 5rem;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:top .4s}}.nav__title,.nav__name,.nav__close{color:var(--white-color)}.nav__title{display:block;font-size:var(--smaller-font-size);font-weight:var(--font-semi-bold);margin-bottom:3.5rem}.nav__name{position:relative;width:max-content;margin:0 auto 3rem;font-size:var(--h2-font-size)}.nav__name:after,.nav__name:before{content:"";width:40px;height:1px;background-color:var(--text-color-light);position:absolute;top:50%;left:-4rem}.nav__name:before{left:initial;right:-4rem}.nav__list{display:flex;flex-direction:column;row-gap:2.5rem}.nav__link{position:relative;color:var(--text-color-light);font-size:var(--h3-font-size);font-weight:var(--font-semi-bold);transition:color .3s}.nav__link:after{content:"";width:0;height:2px;background-color:var(--white-color);position:absolute;left:0;bottom:-.5rem;transition:width .3s}.nav__link:hover{color:var(--white-color)}.nav__link:hover:after{width:25%}.nav__close{position:absolute;font-size:1.5rem;top:1rem;right:1.5rem;cursor:pointer}.show-menu{top:0}.shadow-header{box-shadow:0 1px 16px #0000001f}.active-link{color:var(--white-color)}.active-link:after{width:25%}@media screen and (min-width: 1150px){.nav{height:calc(var(--header-height) + 2rem)}.nav__close,.nav__toggle,.nav__title,.nav__name{display:none}.nav__list{flex-direction:row;column-gap:4rem}.nav__menu{margin-left:auto}.nav__link{color:var(--text-color);font-size:var(--normal-font-size)}.nav__link:hover{color:var(--title-color)}.nav__link:after{background-color:var(--title-color)}.active-link{color:var(--title-color)}.nav__link-button{background-color:var(--black-color);color:var(--white-color);padding:1.1rem 1.5rem}.nav__link-button:hover{color:var(--white-color)}.nav__link-button:after{background-color:transparent}}.home{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.home__container{padding-top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height));text-align:center;width:100%}.home__name{font-family:var(--display-font);font-size:3.5rem;text-align:center;letter-spacing:2px;font-weight:400;text-shadow:0 0 10px rgba(255,72,72,.3);min-height:1em;opacity:0;animation:fadeInFont .3s ease-in-out .5s forwards;margin-bottom:1.5rem;overflow:visible;line-height:1.1}@keyframes fadeInFont{to{opacity:1}}.typing-cursor{color:var(--first-color);animation:blink 1s infinite;font-weight:400;font-family:var(--display-font)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.home__social{height:max-content;position:absolute;left:1rem;top:90%;transform:translateY(-50%);display:grid;row-gap:1rem;z-index:10}.home__social-link{background-color:var(--black-color-light);color:var(--white-color);font-size:1.8rem;padding:6px;display:grid;place-items:center;transition:background-color .3s}.home__social-link:hover{background-color:var(--black-color)}.home__info{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;opacity:0;transform:translateY(30px);transition:all .6s ease-out}.home__info.show-info{opacity:1;transform:translateY(0)}.home__description{text-align:center;color:var(--title-color);margin-bottom:2rem;margin-top:0;width:100%;max-width:600px;margin-left:auto;margin-right:auto;opacity:0;transform:translateY(20px);transition:all .4s ease-out .1s}.show-info .home__description{opacity:1;transform:translateY(0)}.home__description b{background-image:linear-gradient(90deg,#fc3d0366,#fc3d0300);background-size:100% 50px;background-repeat:no-repeat;background-position:0 100%;padding-bottom:2px;display:inline-block}.home__scroll{display:flex;width:max-content;margin:0 auto;text-align:center;align-self:center;opacity:0;transform:translateY(20px);transition:all .4s ease-out .3s}.show-info .home__scroll{opacity:1;transform:translateY(0)}.home__scroll-text{display:none}.home__scroll-box{background-color:var(--black-color);color:var(--white-color);width:36px;height:36px;display:grid;place-items:center;font-size:1rem;cursor:pointer;overflow:hidden;transition:background-color .4s}.home__scroll-box i{animation:scroll 3s infinite}@keyframes scroll{0%{transform:translateY(-1rem);opacity:0}50%{transform:translateY(0);opacity:1}to{transform:translateY(.6rem);opacity:0}}@media screen and (min-width: 576px){.home__name{font-size:3.2rem;white-space:nowrap}.home__container{text-align:center;align-items:center}.home__description{text-align:center}}@media screen and (min-width: 768px){.home__name{font-size:3.8rem;white-space:nowrap}.home__social-link{font-size:2rem;padding:12px}.home__social{left:1rem;top:88%}}@media screen and (min-width: 1024px){.home__name{font-size:4.5rem}}@media screen and (min-width: 1150px){.home__name{font-size:5.2rem;letter-spacing:3px;margin-bottom:3rem;white-space:nowrap}.home__description{font-size:var(--h3-font-size);text-align:center}.home__info{margin-top:2rem;align-items:center;text-align:center}.home__scroll-box{width:44px;height:44px}.home__scroll-box i{font-size:1.25rem}.home__social-link{font-size:2.5rem;padding:12px}.home__social{left:2rem;top:116%}}@media screen and (min-width: 1400px){.home__name{font-size:6rem}}@media screen and (max-width: 575px){.home__name{font-size:3.2rem;padding:0 1rem;line-height:1.1;margin-bottom:1rem}.home__container{padding:0 1rem}.home__info{margin-top:1rem}.home__description{margin:0 auto 2rem}}@media screen and (max-width: 400px){.home__name{font-size:2.8rem;letter-spacing:1px;margin-bottom:.8rem}.home__info{margin-top:.8rem}.home__description{font-size:var(--normal-font-size)}}@media screen and (max-width: 400px){.home__name{font-size:2.8rem;letter-spacing:1px;text-align:center;margin-bottom:.8rem}.home__info{margin-top:.8rem}.home__description{font-size:var(--normal-font-size);text-align:center}.home__container{align-items:center;text-align:center}}.home__activity-cursor{color:var(--first-color);animation:blink 1s infinite;font-weight:400}.home__now{color:var(--text-color-light);font-size:var(--small-font-size);margin-top:-1rem;margin-bottom:2rem;opacity:0;transform:translateY(20px);transition:all .4s ease-out .2s}.show-info .home__now{opacity:1;transform:translateY(0)}.about{background-color:var(--container-color);transition:background-color .4s;padding-block:4rem 4rem}.about__container{row-gap:0}.about__perfil{position:relative;display:flex;flex-direction:row;align-items:center;margin-block:2.5rem auto}.about__image-container{position:relative;width:720px;margin-bottom:1rem}.about__img{width:100%;border:4px solid var(--white-color);z-index:2}.about__shadow,.about__line,.about__box,.geometric-box{position:absolute}.about__shadow{position:relative;width:100%;height:100%;background-color:var(--body-color);top:1rem;left:2.5rem;border-bottom:4px solid var(--first-color);transition:background-color .4s;z-index:0}.about__perfil .geometric-box{top:-1.5rem;right:-2.5rem;z-index:1}.about__line{filter:invert(1);right:-1rem;top:4rem;width:50px;margin-bottom:1rem;transition:filter .4s;z-index:2}.about__box{width:40px;height:40px;background-color:var(--first-color);right:0;bottom:1.5rem;z-index:0}.about__info{padding-left:1.25rem;align-self:flex-start;display:flex;flex-direction:column}.about__description{margin-top:1rem;position:relative;color:var(--title-color);margin-bottom:2rem;padding-right:2rem}.about__description:after{content:"";width:20px;height:1px;background-color:var(--title-color);position:absolute;left:-1.75rem;top:.5rem}.about__list{list-style:square;color:var(--title-color);margin-bottom:3rem}.about__buttons{display:flex;column-gap:1rem}.about .section__title-1{font-size:calc(var(--h1-font-size) * 1.2)}@media screen and (max-width: 768px){.about__perfil{flex-direction:column;align-items:center;margin-block:1.5rem auto}.about__image-container{width:100%;max-width:250px;margin-bottom:2rem;order:-1}.about__info{padding-left:0;padding:0 1rem;width:100%;order:1;text-align:center}.about__description{padding-right:0;text-align:left;font-size:1rem;max-width:100%;margin-bottom:1.5rem;line-height:1.6}.about__description:after{display:none}.about__buttons{justify-content:center;margin-top:.5rem;flex-direction:row;gap:1rem;align-items:center}.button{flex:1;max-width:180px;justify-content:center;padding:1rem 1.5rem}.button__ghost{width:56px;height:56px;padding:0;flex:none;display:flex;align-items:center;justify-content:center}.button__ghost i{font-size:1.5rem}}@media screen and (max-width: 480px){.about__image-container{max-width:200px}.about__description{font-size:.95rem;line-height:1.5}}@media screen and (min-width: 769px){.about__container{grid-template-columns:350px;justify-content:center}.about__perfil{flex-direction:row;align-items:center}.about__image-container{width:720px;order:initial}.about__info{padding-left:1.25rem;text-align:left;order:initial}.about__description{padding-right:2rem;max-width:none}.about__description:after{display:block}.about__buttons{flex-direction:row;justify-content:flex-start}}@media screen and (min-width: 1150px){.about{padding-block:6rem 8rem}.about__line{width:80px;right:-2rem;top:10rem}}.photo-carousel{width:100%;height:140px;background:transparent;overflow:hidden;position:relative;margin-top:3rem}.photo-carousel__container{display:flex;height:100%;gap:20px;padding:20px 0;align-items:center;animation:seamless-scroll 90s linear infinite;width:fit-content}@keyframes seamless-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 10px))}}.photo-carousel__item{flex-shrink:0;width:240px;height:140px;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0006}.photo-carousel__image{width:100%;height:100%;object-fit:cover;border-radius:16px}.photo-carousel:before,.photo-carousel:after{content:"";position:absolute;top:0;width:120px;height:100%;pointer-events:none;z-index:10}.photo-carousel:before{left:0;background:linear-gradient(90deg,var(--container-color) 0%,transparent 100%)}.photo-carousel:after{right:0;background:linear-gradient(270deg,var(--container-color) 0%,transparent 100%)}.projects{background-color:var(--body-color);transition:background-color .4s;padding-block:4rem 4rem}.projects__container{row-gap:2rem}.projects .section__title-1{font-size:calc(var(--h1-font-size) * 1.2)}.projects__card{padding:1rem 1rem 2rem;transition:background-color .4s;display:flex;flex-direction:column;height:100%}.projects__image{position:relative;margin-bottom:1rem;width:100%;height:140px;overflow:hidden;border-radius:8px}.projects__img{width:100%;height:100%;object-fit:cover;object-position:center}.projects__content{margin-bottom:1.5rem;flex-grow:1;display:flex;flex-direction:column}.project__title{font-size:var(--h3-font-size);margin-bottom:.8rem;color:var(--title-color)}@media screen and (max-width: 575px){.projects__title{margin-bottom:1.2rem}}.projects__description{color:var(--text-color);line-height:1.6;margin-bottom:1rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.projects__skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;min-height:60px;align-content:flex-start}.projects__skill-tag{background-color:var(--container-color);color:var(--title-color);padding:.25rem .75rem;border-radius:20px;font-size:var(--smaller-font-size);font-weight:var(--font-medium);border:1px solid var(--black-color-light);transition:all .3s ease}.projects__skill-tag:hover{background-color:var(--first-color);color:var(--white-color);border-color:var(--first-color)}.projects__buttons{display:flex;align-items:center;column-gap:1rem;flex-wrap:wrap;row-gap:.5rem;margin-top:auto}.projects__link{display:flex;align-items:center;column-gap:.25rem;color:var(--title-color);font-size:var(--small-font-size);font-weight:var(--font-medium);transition:color .4s}.projects__link:hover,.projects__link:hover i{color:var(--first-color)}.projects__card:hover{background-color:var(--container-color)}@media screen and (min-width: 576px){.projects__container{grid-template-columns:350px;justify-content:center}.projects__image{height:160px}}@media screen and (min-width: 768px){.projects__container{grid-template-columns:repeat(2,350px);align-items:stretch}}@media screen and (min-width: 1150px){.projects{padding-block:4rem 6rem}.projects__container{grid-template-columns:repeat(3,352px);padding-block:3rem 1rem;align-items:stretch}.projects__card{padding:1.25rem 1.25rem 2.5rem}.projects__image{margin-bottom:1.5rem;height:180px}.projects__title{min-height:3rem}.projects__skills{margin-bottom:2rem;gap:.75rem;min-height:70px}}.projects__featured{row-gap:2rem;margin-bottom:2rem}.projects__card--featured{padding:1.5rem 1.25rem;border:1px solid var(--black-color-light);border-radius:8px;row-gap:2rem}.projects__featured-info{display:flex;flex-direction:column}.projects__featured-info .projects__title{margin-bottom:.75rem}.projects__featured-description{color:var(--text-color);line-height:1.6;margin-bottom:1.25rem}.projects__featured .projects__skills{min-height:0}.projects__screenshots{display:flex;justify-content:center;align-items:center;gap:1rem}.projects__screenshot{width:45%;max-width:200px;border-radius:12px}.projects__screenshots .projects__screenshot:only-child{width:80%;max-width:300px}@media screen and (min-width: 576px){.projects__featured{max-width:350px;margin-inline:auto}}@media screen and (min-width: 768px){.projects__featured{max-width:724px}.projects__card--featured{flex-direction:row;align-items:center;column-gap:2rem}.projects__featured-info,.projects__screenshots{flex:1}}@media screen and (min-width: 1150px){.projects__featured{max-width:1104px;padding-top:3rem;margin-bottom:0}.projects__card--featured{padding:2rem 2.5rem;column-gap:3rem}.projects__featured-info{flex:1.2}}.projects__title-more{margin-top:4rem}.contact{padding-bottom:1.5rem}.contact__container{position:relative;row-gap:0}.contact__data{position:relative;width:300px;background:var(--container-color);padding:3rem 1.5rem 1rem;margin-left:auto;border-bottom:4px solid var(--first-color);z-index:5;transition:background-color .4s}.contact__data .section__title-2{margin:0 0 1.5rem;transform:translate(-3rem)}.contact__description-1{color:var(--title-color);font-weight:var(--font-medium);margin-bottom:2rem}.contact__description-2{color:var(--title-color);font-size:var(--small-font-size)}.contact__data .geometric-box{top:2rem;right:2.5rem}.contact__mail{position:relative;background-color:var(--black-color);padding:5rem 1.5rem 2.5rem;margin-top:-2.5rem;transition:background-color .4s}.contact__title{color:var(--white-color);font-size:var(--h2-font-size);margin-bottom:2rem;text-align:center}.contact__form,.contact__group{display:grid;row-gap:1.25rem}.contact__form{position:relative}.contact__box{position:relative;width:100%;height:50px}.contact__input,.contact__button{font-family:var(--body-font);font-size:var(--normal-font-size);outline:none;border:none}.contact__input{position:absolute;width:100%;height:100%;background-color:var(--black-color);border:3px solid var(--black-color-light);color:var(--white-color);padding:.5rem 1rem;font-weight:var(--font-medium);transition:border .4s,background-color .4s}.contact__input::placeholder{color:var(--text-color-light);transition:opacity .4s}.contact__input:focus{border:3px solid var(--white-color)}.contact__input:-webkit-autofill{transition:background-color 6000s,color 6000s}.contact__label{position:absolute;top:8px;left:10px;color:var(--text-color-light);font-size:var(--small-font-size);font-weight:var(--font-medium);background-color:var(--black-color);padding:8px;pointer-events:none;transition:top .4s,opacity .4s,background-color .4s;opacity:0}.contact__form .contact__area{height:10rem}.contact__area textarea{resize:none;padding-top:1rem}.contact__button{background-color:var(--first-color);cursor:pointer}.contact__input:focus::placeholder{opacity:0}.contact__input:focus+.contact__label,.contact__input:not(:placeholder-shown).contact__input:not(:focus)+.contact__label{opacity:1;top:-16px}.contact__social{display:grid;row-gap:1rem;background-color:#1a1a1a;padding-block:1rem 2rem;text-align:center}.contact__social-arrow{width:32px;margin:0 auto}.contact__social-data{display:flex;flex-direction:column;row-gap:1.5rem}.contact__social-description-1{color:var(--text-color-light);font-size:var(--small-font-size);margin-bottom:.5rem}.contact__social-description-2{color:var(--white-color);font-size:var(--small-font-size);font-weight:var(--font-semi-bold)}.contact__social-links{display:flex;justify-content:center;column-gap:.5rem}.contact__social-link{background-color:var(--black-color-light);padding:6px;color:var(--white-color);font-size:1.25rem;display:grid;place-items:center;transition:background-color .3s}.contact__social-link:hover{background-color:var(--first-color)}.contact__message{color:var(--white-color);font-size:var(--small-font-size);position:absolute;bottom:-1.6rem;left:0}@media screen and (max-width: 575px){.contact__container{margin:0;padding:0 1rem;grid-template-rows:none}.contact__data{width:100%;margin-left:0;margin-right:0;margin-inline:0;padding:2.5rem 1.5rem 1rem}.contact__description-1{margin-bottom:1rem}.contact__description-2{margin-bottom:.5rem}.contact__data .section__title-2{transform:translate(0);margin:0 0 1.5rem}.contact__mail{margin-top:-1rem;padding:3rem 1rem 2rem}}@media screen and (min-width: 576px){.contact__data{width:350px;padding:4rem 1.5rem 1.5rem;margin-inline:auto}.contact__container{grid-template-columns:500px;justify-content:center}.contact__group{grid-template-columns:repeat(2,1fr);column-gap:1rem}.contact__social{background-color:transparent}.contact__social-arrow{filter:invert(1)}.contact__social-description-1{color:var(--text-color)}.contact__social-description-2{color:var(--title-color)}}@media screen and (min-width: 1150px){.contact{padding-block:3rem 10rem}.contact__container{grid-template-columns:440px 670px;grid-template-rows:initial}.contact__mail{grid-column:2/3;grid-row:1/3;padding:7rem 5.5rem 6rem 7.5rem;margin-top:0}.contact__title{font-size:var(--h3-font-size);text-align:initial}.contact__box{height:60px}.contact__form .contact__area{height:11rem}.contact__button{margin-top:1.25rem;width:max-content}.contact__data{width:392px;padding:4.5rem 3.5rem 1.5rem;margin:7.5rem 0 0 8rem;border-bottom:6px solid var(--first-color)}.contact__data .section__title-2{margin:0 0 2rem;transform:translate(-6.5rem)}.contact__social{margin-left:8rem;text-align:initial}.contact__social-data{flex-direction:row;align-items:center;column-gap:1.25rem}.contact__social-arrow{width:40px}.contact__social-link{font-size:1.5rem;padding:.5rem}.contact__message{bottom:-2.5rem}.contact__social-links{column-gap:.75rem}}.footer{background-color:var(--black-color)}.footer__container{padding-block:3rem 2rem;display:flex;justify-content:center;align-items:center}.footer__links{display:flex;justify-content:center;column-gap:2rem}.footer__link{color:var(--white-color);transition:color .4s}.footer__link:hover{color:var(--text-color-light)}.footer__copy{color:var(--text-color-light);font-size:var(--small-font-size);text-align:center}.footer__copy a{color:var(--white-color);font-weight:var(--font-medium);transition:color .3s}.footer__copy a:hover{color:var(--first-color)}@media screen and (min-width: 1150px){.footer__container{padding-block:4rem}}.scrollup{position:fixed;right:1rem;bottom:-50%;background-color:var(--black-color);display:inline-flex;padding:8px;font-size:1.25rem;color:var(--white-color);z-index:var(--z-tooltip);transition:bottom .4s,transform .4s,background-color .4s}.scrollup:hover{transform:translateY(-.5rem)}.show-scroll{bottom:3rem}@media screen and (min-width: 1150px){.scrollup{right:3rem}}:root{--header-height: 3.5rem;--dark-bg: #151419;--first-color: #ff4848;--black-color: #333;--black-color-light: #555;--white-color: #fff;--title-color: #eee;--text-color: #ccc;--text-color-light: #888;--body-color: #222;--container-color: #444;--dark-container-color: #444;--body-font: "Bai Jamjuree", sans-serif;--display-font: "ByteBounce", "Courier New", "Monaco", monospace;--biggest-font-size: 2.5rem;--h1-font-size: 1.75rem;--h2-font-size: 1.25rem;--h3-font-size: 1.125rem;--normal-font-size: .938rem;--small-font-size: .813rem;--smaller-font-size: .75rem;--font-regular: 400;--font-medium: 500;--font-semi-bold: 600;--font-bold: 700;--font_medium: 500;--z-tooltip: 10;--z-fixed: 100}@font-face{font-family:ByteBounce;src:url(/assets/fonts/ByteBounce.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@media screen and (min-width: 1150px){:root{--biggest-font-size: 4.5rem;--h1-font-size: 3rem;--h2-font-size: 1.5rem;--h3-font-size: 1.25rem;--normal-font-size: 1rem;--small-font-size: .875rem;--smaller-font-size: .813rem}}*{box-sizing:border-box;padding:0;margin:0}body,html{overflow-x:hidden}html{scroll-behavior:smooth}body{font-family:var(--body-font);font-size:var(--normal-font-size);background-color:var(--body-color);color:var(--text-color);overflow-x:hidden}h1,h2,h3,h4{color:var(--title-color);font-weight:var(--font-bold)}ul{list-style:none}a{text-decoration:none}img{display:block;max-width:100%;height:auto}#root{max-width:none;margin:0;padding:0;text-align:left}.App{width:100%;min-height:100vh}.container{max-width:1120px;margin-inline:1.5rem}.grid{display:grid;gap:1.5rem}.section__title-1,.section__title-2{position:relative;font-size:var(--h1-font-size);width:max-content;margin:.75rem auto 2rem}.section__title-1 span,.section__title-2 span{z-index:5;position:relative}.section__title-1:after,.section__title-2:after{content:"";width:40px;height:28px;background-color:#fc3d0333;position:absolute;top:-4px;right:-8px}.section__title-2:after{top:initial;bottom:-4px}.geometric-box{position:absolute;width:30px;height:20px;background-color:var(--first-color);rotate:-30deg}.geometric-box:after{content:"";position:absolute;width:16px;height:16px;border:4px solid var(--black-color);left:-5px;top:-5px}.main{overflow:hidden}.button,.button__ghost{display:flex;align-items:center;justify-content:center;column-gap:.5rem}.button{background-color:var(--black-color);padding:1.1rem 1.5rem;color:var(--white-color);font-weight:var(--font-medium);transition:background-color .4s}.button i{font-size:1.25rem}.button:hover{background-color:var(--first-color)}.button__ghost{border:3px solid var(--black-color);color:var(--black-color);padding:.5rem;transition:border .4s,color .4s}.button__ghost i{font-size:1.25rem}.button__ghost:hover{border:3px solid var(--first-color)}::-webkit-scrollbar{width:.6rem;border-radius:.5rem;background-color:#a6a6a6}::-webkit-scrollbar-thumb{border-radius:.5rem;background-color:#8c8c8c}::-webkit-scrollbar-thumb:hover{background-color:#737373}@media screen and (max-width: 340px){.container{margin-inline:1rem}}@media screen and (min-width: 1150px){.container{margin-inline:auto}.section__title-1:after,.section__title-2:after{width:70px;height:48px}.geometric-box{transform:scale(1.2)}.button__ghost{padding:.75rem}.button__ghost i{font-size:1.5rem}}