@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap");:root{--hue:207;}:root{--sat:90%;}:root{--lig:61%;}:root{--container-color:#fff;}:root{--body-font:"Poppins",sans-serif;}:root{--h2-font-size:1.25rem;}:root{--h3-font-size:1rem;}:root{--normal-font-size:.938rem;}:root{--small-font-size:.813rem;}:root{--smaller-font-size:.75rem;}@media screen and (min-width: 968px){:root{--h2-font-size:1.5rem;}:root{--h3-font-size:1.25rem;}:root{--normal-font-size:1rem;}:root{--small-font-size:.875rem;}:root{--smaller-font-size:.813rem;}}[class~=change-theme]{position:absolute;}[class~=dark-theme] [class~=button__gray]:hover,body.dark-theme{}[class~=change-theme]{top:1.5rem;}.profile__perfil img,[class~=profile__perfil]{width:6.25pc;}[class~=change-theme]{right:0;}body{font-family:var(--body-font);}[class~=change-theme],.button i{font-size:1.25rem;}[class~=change-theme]{color:var(--title-color);}[class~=change-theme]{cursor:pointer;}body,[class~=change-theme]{transition:.3s;}[class~=dark-theme]::-webkit-scrollbar{}[class~=change-theme]:hover{color:var(--first-color);}body{font-size:var(--normal-font-size);}[class~=dark-theme]::-webkit-scrollbar-thumb{}.container{max-width:968px;}.container{margin-left:1.5rem;}.container{margin-right:1.5rem;}[class~=grid],.profile__data{display:grid;}[class~=grid]{gap:1.5rem;}[class~=projects__card] img{width:100%;}.profile{position:relative;}.profile{padding-top:3.5rem;}body{background-color:var(--body-color);}.profile__container{row-gap:2rem;}.profile__data{text-align:center;}[class~=profile__perfil]{height:75pt;}[class~=profile__border],[class~=profile__perfil]{border-radius:50%;}[class~=profile__perfil]{overflow:hidden;}[class~=profile__perfil]{display:flex;}[class~=profile__perfil]{align-items:center;}[class~=profile__info],[class~=profile__social],[class~=profile__perfil],[class~=profile__buttons]{justify-content:center;}[class~=profile__border]{border-left-width:2.625pt;}[class~=profile__border]{border-bottom-width:2.625pt;}*{box-sizing:border-box;}[class~=profile__border]{border-right-width:2.625pt;}[class~=profile__border]{border-top-width:2.625pt;}[class~=profile__border]{border-left-style:solid;}[class~=profile__border]{border-bottom-style:solid;}[class~=profile__border]{border-right-style:solid;}[class~=profile__border]{border-top-style:solid;}[class~=profile__border]{border-left-color:var(--first-color);}[class~=profile__border]{border-bottom-color:var(--first-color);}[class~=profile__profession],body{color:var(--text-color);}[class~=profile__border]{border-right-color:var(--first-color);}[class~=profile__border]{border-top-color:var(--first-color);}[class~=projects__card] img{height:100%;}[class~=projects__card] img{border-left-width:7.5pt;}[class~=profile__border]{border-image:none;}[class~=profile__border]{justify-self:center;}[class~=profile__border]{width:115px;}[class~=profile__border]{height:86.25pt;}*{padding-left:0;}[class~=dark-theme] [class~=button__gray],[class~=dark-theme] [class~=filters__content]{background-color:var(--container-color);}[class~=profile__border]{display:grid;}*{padding-bottom:0;}[class~=profile__border]{place-items:center;}[class~=profile__border]{margin-bottom:.75rem;}[class~=profile__name]{font-size:var(--h2-font-size);}*{padding-right:0;}[class~=profile__profession]{font-size:var(--smaller-font-size);}*{padding-top:0;}[class~=profile__profession],.profile__info-description{font-weight:500;}[class~=profile__profession]{margin-bottom:1rem;}*{margin-left:0;}[class~=profile__buttons-small],[class~=profile__social],[class~=profile__buttons]{display:flex;}[class~=profile__social]{column-gap:.75rem;}[class~=profile__social-link]{font-size:1.5rem;}[class~=profile__social-link],h2,h1,h3{color:var(--title-color);}[class~=profile__social-link],.button{transition:.3s;}[class~=profile__info]{grid-template-columns:repeat(3,max-content);}[class~=profile__info]{column-gap:2.5rem;}[class~=profile__info-group]{text-align:center;}[class~=profile__info-number]{font-size:var(--normal-font-size);}[class~=profile__info-number]{margin-bottom:.25rem;}.profile__info-description{font-size:var(--smaller-font-size);}[class~=profile__buttons-small],.button,[class~=profile__buttons]{align-items:center;}[class~=profile__buttons-small]{justify-content:center;}[class~=profile__buttons]{column-gap:1rem;}[class~=profile__buttons-small]{column-gap:.25rem;}[class~=projects__card] img{border-bottom-width:7.5pt;}[class~=projects__card]:hover [class~=projects__modal]{bottom:0;}h3,h2,h1{font-weight:600;}.button{display:inline-flex;}.button,[class~=filters__content]{column-gap:.5rem;}.button{background-color:var(--first-color);}.button{color:#fff;}.button{padding-left:1.5rem;}.button{padding-bottom:1.15rem;}.button{padding-right:1.5rem;}[class~=dark-theme]::-webkit-scrollbar-thumb:hover{}.button{padding-top:1.15rem;}.button{border-radius:.5rem;}.button__small{padding-left:.75rem;}.button__small{padding-bottom:.75rem;}.button__small{padding-right:.75rem;}.button__small{padding-top:.75rem;}.button__small{box-shadow:none;}[class~=button__gray],[class~=filters__content]{background-color:var(--text-color-lighten);}[class~=button__gray],[class~=filters__button]{color:var(--title-color);}[class~=filters__content]{margin-left:0;}[class~=filters__content]{margin-bottom:2.5rem;}[class~=filters__content]{margin-right:0;}[class~=filters__content]{margin-top:2rem;}[class~=projects__card] img{border-right-width:7.5pt;}[class~=filters__content]{padding-left:.375rem;}[class~=filters__content]{padding-bottom:.375rem;}[class~=projects__card] img{border-top-width:7.5pt;}[class~=projects__card] img{border-left-style:solid;}[class~=filters__content]{padding-right:.375rem;}[class~=filters__content]{padding-top:.375rem;}[class~=filters__button],[class~=filters__content]{border-radius:.75rem;}[class~=filters__content]{display:flex;}[class~=filters__content]{justify-content:space-between;}.profile__social-link:hover{color:var(--first-color);}[class~=filters__button],[class~=projects__modal]{width:100%;}[class~=filters__button]{border-left-width:medium;}[class~=filters__button]{border-bottom-width:medium;}[class~=filters__button]{border-right-width:medium;}[class~=filters__button]{border-top-width:medium;}[class~=button]:hover{background-color:var(--first-color-alt);}[class~=filters__button]{border-left-style:none;}[class~=filters__button]{border-bottom-style:none;}[class~=filters__button]{border-right-style:none;}[class~=filters__button]{border-top-style:none;}[class~=filters__button]{border-left-color:currentColor;}[class~=filters__button]{border-bottom-color:currentColor;}[class~=filters__button]{border-right-color:currentColor;}ul{list-style:none;}[class~=filters__button]{border-top-color:currentColor;}[class~=button__gray]:hover{background-color:var(--text-color-light);}[class~=filters__button]:hover{background-color:var(--body-color);}[class~=filters__button]{border-image:none;}[class~=filters__button]{outline:none;}[class~=filters__button]{padding-left:1rem;}[class~=filters__button]{padding-bottom:1rem;}[class~=filters__button]{padding-right:1rem;}[class~=filters__button]{padding-top:1rem;}[class~=filters__button]{font-size:var(--small-font-size);}[class~=filters__button]{font-family:var(--body-font);}[class~=filters__button]{font-weight:500;}[class~=filters__button]{cursor:pointer;}[class~=filters__button]{background-color:transparent;}a{text-decoration:none;}[class~=filters__button],[class~=projects__modal]{transition:.3s;}.projects__card{position:relative;}[class~=projects__card] img{border-bottom-style:solid;}[class~=filters] [data-content]{display:none;}.projects__card{border-radius:1rem;}*{margin-bottom:0;}.projects__card{overflow:hidden;}[class~=projects__modal]{position:absolute;}img{max-width:100%;}[class~=projects__modal]{height:100%;}[class~=projects__modal]{bottom:-100%;}[class~=projects__card] img{border-right-style:solid;}[class~=projects__modal]{left:0;}[class~=projects__modal],[class~=filters__active][data-content]{display:grid;}*,.footer__copy{margin-right:0;}[class~=projects__modal]{align-items:flex-end;}[class~=projects__modal]{padding-left:1.25rem;}[class~=projects__modal]{padding-bottom:1.5rem;}*{margin-top:0;}[class~=projects__modal]{padding-right:1.25rem;}::-webkit-scrollbar{width:.6rem;}[class~=projects__modal]{padding-top:1.5rem;}[class~=projects__card] img{border-top-style:solid;}[class~=projects__title],.projects__subtitle{color:#fff;}[class~=projects__subtitle]{font-size:var(--smaller-font-size);}[class~=skills__title],[class~=projects__title]{font-size:var(--h3-font-size);}[class~=projects__title]{margin-bottom:.75rem;}[class~=projects__button]{padding-left:.5rem;}::-webkit-scrollbar{border-radius:.5rem;}[class~=projects__card] img{border-left-color:#4caf50;}[class~=projects__button]{padding-bottom:.5rem;}[class~=projects__button]{padding-right:.5rem;}[class~=projects__button]{padding-top:.5rem;}.skills__content{row-gap:3.5rem;}[class~=skills__title],.footer__copy{text-align:center;}[class~=skills__title]{margin-bottom:1.5rem;}.skills__box{display:flex;}.skills__box{justify-content:center;}.skills__box{column-gap:3rem;}[class~=skills__group]{display:grid;}::-webkit-scrollbar-thumb{border-radius:.5rem;}[class~=skills__group]{align-content:flex-start;}[class~=skills__group]{row-gap:1rem;}[class~=projects__card] img{border-bottom-color:#4caf50;}[class~=projects__card] img{border-right-color:#4caf50;}[class~=projects__card] img{border-top-color:#4caf50;}img{height:auto;}.skills__data{display:flex;}.skills__data{column-gap:.5rem;}[class~=projects__card] img{border-image:none;}[class~=skills__name]{font-size:var(--normal-font-size);}[class~=skills__name]{font-weight:500;}[class~=skills__name]{line-height:1.125pc;}.footer__copy,[class~=skills__level]{font-size:var(--smaller-font-size);}[class~=filter-tab-active]{background-color:var(--body-color);}.footer__copy{display:block;}.footer__copy{margin-left:0;}.footer__copy{margin-bottom:2rem;}.footer__copy{margin-top:10rem;}.footer__copy{color:var(--text-color-light);}.footer__copy{user-select:none;}::-webkit-scrollbar-thumb:hover{}[class~=skills__data] i{font-size:1rem;}[class~=skills__data] i{color:var(--first-color);}@media screen and (max-width: 320px){[class~=container]{margin-left:1rem;}[class~=container]{margin-right:1rem;}[class~=profile__info]{column-gap:1.5rem;}[class~=profile__buttons]{flex-direction:column;}[class~=profile__buttons]{row-gap:1rem;}[class~=skills__box]{column-gap:1rem;}}@media screen and (min-width: 576px){[class~=projects__content]{grid-template-columns:3.458333333in;}[class~=projects__content]{justify-content:center;}[class~=filters__content]{width:3.458333333in;}[class~=filters__content]{margin-left:auto;}[class~=filters__content]{margin-bottom:3rem;}[class~=filters__content]{margin-right:auto;}[class~=filters__content]{margin-top:3rem;}}@media screen and (min-width: 776px){[class~=skills__content],[class~=projects__content]{grid-template-columns:repeat(2,332px);}[class~=skills__content]{justify-content:center;}[class~=skills__content]{column-gap:3rem;}}@media screen and (min-width: 992px){[class~=container]{margin-left:auto;}[class~=container]{margin-right:auto;}[class~=change-theme]{top:2.5rem;}[class~=change-theme]{right:2.5rem;}[class~=profile]{padding-top:4rem;}[class~=profile__border]{width:8.125pc;}[class~=profile__border]{height:97.5pt;}[class~=profile__border]{margin-bottom:1rem;}[class~=profile__perfil],[class~=profile__perfil] img{width:7.1875pc;}[class~=profile__perfil]{height:1.197916667in;}[class~=profile__profession]{margin-bottom:1.5rem;}[class~=profile__info]{column-gap:3rem;}[class~=profile__info-description]{font-size:var(--small-font-size);}[class~=profile__buttons]{column-gap:2rem;}[class~=projects__content]{gap:2rem 3rem;}[class~=projects__modal]{padding-left:1.5rem;}[class~=projects__modal]{padding-bottom:1.5rem;}[class~=profile__perfil] img{user-select:none;}[class~=projects__modal]{padding-right:1.5rem;}[class~=projects__modal]{padding-top:1.5rem;}[class~=skills__title]{font-size:var(--normal-font-size);}[class~=skills__title]{margin-bottom:2.5rem;}[class~=footer__copy]{margin-left:0;}[class~=footer__copy]{margin-bottom:2.5rem;}[class~=footer__copy]{margin-right:0;}[class~=footer__copy]{margin-top:10rem;}}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap");:root {--hue: 207;--sat: 90%;--lig: 61%;--first-color: hsl(var(--hue), var(--sat), var(--lig));--first-color-alt: hsl(var(--hue), var(--sat), 57%);--title-color: hsl(var(--hue), 12%, 15%);--text-color: hsl(var(--hue), 12%, 45%);--text-color-light: hsl(var(--hue), 8%, 75%);--text-color-lighten: hsl(var(--hue), 8%, 92%);--body-color: hsl(var(--hue), 100%, 99%);--container-color: #fff;--body-font: 'Poppins', sans-serif;--h2-font-size: 1.25rem;--h3-font-size: 1rem;--normal-font-size: .938rem;--small-font-size: .813rem;--smaller-font-size: .75rem;}@media screen and (min-width: 968px) {:root {--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 {font-family: var(--body-font);font-size: var(--normal-font-size);background-color: var(--body-color);color: var(--text-color);transition: .3s;}h1, h2, h3 {color: var(--title-color);font-weight: 600;}ul {list-style: none;}a {text-decoration: none;}img {max-width: 100%;height: auto;}.change-theme {position: absolute;top: 1.5rem;right: 0;font-size: 1.25rem;color: var(--title-color);cursor: pointer;transition: .3s;}.change-theme:hover {color: var(--first-color);}body.dark-theme {--title-color: hsl(var(--hue), 12%, 95%);--text-color: hsl(var(--hue), 12%, 75%);--body-color: hsl(var(--hue), 40%, 8%);--container-color: hsl(var(--hue), 24%, 12%);}.dark-theme .button__gray {background-color: var(--container-color);}.dark-theme .button__gray:hover {background-color: hsl(var(--hue), 24%, 16%);}.dark-theme .filters__content {background-color: var(--container-color);}.dark-theme::-webkit-scrollbar {background-color: hsl(var(--hue), 8%, 16%);}.dark-theme::-webkit-scrollbar-thumb {background-color: hsl(var(--hue), 8%, 24%);}.dark-theme::-webkit-scrollbar-thumb:hover {background-color: hsl(var(--hue), 8%, 32%);}.container {max-width: 968px;margin-left: 1.5rem;margin-right: 1.5rem;}.grid {display: grid;gap: 1.5rem;}.profile {position: relative;padding-top: 3.5rem;}.profile__container {row-gap: 2rem;}.profile__data {display: grid;text-align: center;}.profile__perfil {width: 100px;height: 100px;background: linear-gradient(180deg, hsla(var(--hue), var(--sat), var(--lig), 1) 0%, hsla(var(--hue), var(--sat), var(--lig), .2) 100%);border-radius: 50%;overflow: hidden;display: flex;align-items: center;justify-content: center;}.profile__perfil img {width: 100px;}.profile__border {border: 3.5px solid var(--first-color);justify-self: center;width: 115px;height: 115px;border-radius: 50%;display: grid;place-items: center;margin-bottom: .75rem;}.profile__name {font-size: var(--h2-font-size);}.profile__profession {font-size: var(--smaller-font-size);font-weight: 500;color: var(--text-color);margin-bottom: 1rem;}.profile__social {display: flex;justify-content: center;column-gap: .75rem;}.profile__social-link {font-size: 1.50rem;color: var(--title-color);transition: .3s;}.profile__social-link:hover {color: var(--first-color);}.profile__info {grid-template-columns: repeat(3, max-content);justify-content: center;column-gap: 2.5rem;}.profile__info-group {text-align: center;}.profile__info-number {font-size: var(--normal-font-size);margin-bottom: .25rem;}.profile__info-description {font-size: var(--smaller-font-size);font-weight: 500;}.profile__buttons, .profile__buttons-small {display: flex;align-items: center;justify-content: center;}.profile__buttons {column-gap: 1rem;}.profile__buttons-small {column-gap: .25rem;}.button {display: inline-flex;align-items: center;column-gap: .5rem;background-color: var(--first-color);color: #fff;padding: 1.15rem 1.5rem;border-radius: .5rem;transition: .3s;box-shadow: 0 8px 24px hsla(var(--hue), var(--sat), var(--lig), .25);}.button i {font-size: 1.25rem;}.button:hover {background-color: var(--first-color-alt);}.button__small {padding: .75rem;box-shadow: none;}.button__gray {background-color: var(--text-color-lighten);color: var(--title-color);}.button__gray:hover {background-color: var(--text-color-light);}.filters__content {margin: 2rem 0 2.5rem;background-color: var(--text-color-lighten);padding: .375rem;border-radius: .75rem;display: flex;justify-content: space-between;column-gap: .5rem;}.filters__button {width: 100%;border: none;outline: none;padding: 1rem;color: var(--title-color);font-size: var(--small-font-size);font-family: var(--body-font);font-weight: 500;border-radius: .75rem;cursor: pointer;background-color: transparent;transition: .3s;}.filters__button:hover {background-color: var(--body-color);}.projects__card {position: relative;border-radius: 1rem;overflow: hidden;}.projects__card img {width: 100%;height: 100%;border: 10px solid #4CAF50;}.projects__modal {position: absolute;width: 100%;height: 100%;bottom: -100%;left: 0;background: linear-gradient(180deg, hsla(var(--hue), 24%, 40%, .3) 0%, hsla(var(--hue), 24%, 4%, 1) 95%);display: grid;align-items: flex-end;padding: 1.5rem 1.25rem;transition: .3s;}.projects__subtitle, .projects__title {color: #fff;}.projects__subtitle {font-size: var(--smaller-font-size);}.projects__title {font-size: var(--h3-font-size);margin-bottom: .75rem;}.projects__button {padding: .5rem;}.projects__card:hover .projects__modal {bottom: 0;}.skills__content {row-gap: 3.5rem;}.skills__title {font-size: var(--h3-font-size);text-align: center;margin-bottom: 1.5rem;}.skills__box {display: flex;justify-content: center;column-gap: 3rem;}.skills__group {display: grid;align-content: flex-start;row-gap: 1rem;}.skills__data {display: flex;column-gap: .5rem;}.skills__data i {font-size: 1rem;color: var(--first-color);}.skills__name {font-size: var(--normal-font-size);font-weight: 500;line-height: 18px;}.skills__level {font-size: var(--smaller-font-size);}.filters [data-content] {display: none;}.filters__active[data-content] {display: grid;}.filter-tab-active {background-color: var(--body-color);}.footer__copy {display: block;margin: 10rem 0 2rem;text-align: center;font-size: var(--smaller-font-size);color: var(--text-color-light);user-select: none;}::-webkit-scrollbar {width: .6rem;border-radius: .5rem;background-color: hsl(var(--hue), 8%, 66%);}::-webkit-scrollbar-thumb {background-color: hsl(var(--hue), 8%, 54%);border-radius: .5rem;}::-webkit-scrollbar-thumb:hover {background-color: hsl(var(--hue), 8%, 44%);}@media screen and (max-width: 320px) {.container {margin-left: 1rem;margin-right: 1rem;}.profile__info {column-gap: 1.5rem;}.profile__buttons {flex-direction: column;row-gap: 1rem;}.skills__box {column-gap: 1rem;}}@media screen and (min-width: 576px) {.projects__content {grid-template-columns: 332px;justify-content: center;}.filters__content {width: 332px;margin: 3rem auto;}}@media screen and (min-width: 776px) {.projects__content, .skills__content {grid-template-columns: repeat(2, 332px);}.skills__content {justify-content: center;column-gap: 3rem;}}@media screen and (min-width: 992px) {.container {margin-left: auto;margin-right: auto;}.change-theme {top: 2.5rem;right: 2.5rem;}.profile {padding-top: 4rem;}.profile__border {width: 130px;height: 130px;margin-bottom: 1rem;}.profile__perfil {width: 115px;height: 115px;}.profile__perfil img {width: 115px;user-select: none;}.profile__profession {margin-bottom: 1.5rem;}.profile__info {column-gap: 3rem;}.profile__info-description {font-size: var(--small-font-size);}.profile__buttons {column-gap: 2rem;}.projects__content {gap: 2rem 3rem;}.projects__modal {padding: 1.5rem;}.skills__title {font-size: var(--normal-font-size);margin-bottom: 2.5rem;}.footer__copy {margin: 10rem 0 2.5rem;}}