@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--bg-color: 17, 17, 17;--text-color: 255, 255, 255;--primary-color: 0, 0, 0;--link-color: 0, 27, 221}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}html{font-size:16px}body{font-size:1rem;font-family:"Inter",BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,Sans-Serif;line-height:150%;scroll-behavior:smooth;color:rgb(var(--text-color));background-color:rgb(var(--bg-color))}a{text-decoration:none}.icon{width:1em;height:1em}main{display:flex;flex-direction:column;margin-top:4rem;padding-bottom:6rem}.container{max-width:32rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.info__header{display:flex;flex-direction:column;row-gap:1rem}.info__figure{width:11.25rem;height:11.25rem;overflow:hidden;border-radius:1rem}.info__figure img{width:100%;height:100%;object-fit:cover}.info h1{font-size:3rem;font-weight:700;line-height:normal;text-transform:uppercase}.info h2{font-size:1.5rem;font-weight:500;line-height:normal;text-transform:uppercase;color:rgba(var(--text-color), 0.6)}.info__about{display:flex;flex-direction:column;row-gap:.875rem;margin-top:.875rem}.info__about p{font-size:1rem;color:rgba(var(--text-color), 0.7)}.info__social{display:flex;align-items:center;column-gap:1rem;margin-top:2rem}.info__social a{display:flex;align-items:center;justify-content:center;color:rgb(var(--text-color))}.info__social a .icon{font-size:1.5rem}.portfolio{display:flex;flex-direction:column;row-gap:1.25rem;margin-top:4rem}.portfolio h2{font-size:1.5rem;font-weight:600;text-transform:uppercase}.portfolio__content{display:flex;flex-direction:column;row-gap:1rem}.portfolio__item{display:flex;align-items:center;column-gap:1.25rem;background-color:rgb(var(--primary-color));max-width:27rem;border-radius:1rem;padding:1.5rem 1.25rem}.portfolio__item:hover .portfolio__action>a{background-color:rgb(var(--link-color))}.portfolio__item figure{width:3.25rem;height:3.25rem;overflow:hidden}.portfolio__item figure img{width:100%;height:100%;object-fit:scale-down}.portfolio__info{display:flex;flex-direction:column}.portfolio__info>div:nth-child(1){font-size:1.125rem;font-weight:500}.portfolio__info>div:nth-child(1n+2){font-size:.688rem;color:rgba(var(--text-color), 0.6)}.portfolio__info>div:nth-child(1n+2) strong{font-weight:600}.portfolio__info>div:nth-child(1n+2) span:not(:last-child):after{content:","}.portfolio__action{display:flex;flex-direction:column;row-gap:.75rem;margin-left:auto}.portfolio__action>a{display:flex;align-items:center;justify-content:center;column-gap:.375rem;text-transform:uppercase;color:rgb(var(--text-color)) s;font-size:.563rem;text-transform:uppercase;padding:.125rem .375rem;border-radius:.375rem;transition:all .2s ease-in}.portfolio__action-icon{display:flex;justify-content:flex-end;column-gap:.75rem}.portfolio__action-icon a{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border-radius:.188rem;background-color:rgb(var(--link-color));font-size:.625rem;color:rgb(var(--text-color))}.wave{display:inline-block;font-size:24px;animation:wave-animation 2.5s infinite;transform-origin:70% 70%}@keyframes wave-animation{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}.reveal{position:relative;opacity:0}.reveal.active{opacity:1}.reveal.active.fade-top{animation:fade-top .8s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.reveal.active.fade-bottom{animation:fade-bottom .8s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.reveal.active.fade-left{animation:fade-left .8s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.reveal.active.fade-right{animation:fade-right .8s cubic-bezier(0.25, 0.46, 0.45, 0.94)}@keyframes fade-top{0%{transform:translatey(-2rem);opacity:0}100%{transform:translatey(0);opacity:1}}@keyframes fade-bottom{0%{transform:translateY(2rem);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes fade-left{0%{transform:translateX(-2rem);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes fade-right{0%{transform:translateX(2rem);opacity:0}100%{transform:translateX(0);opacity:1}}/*# sourceMappingURL=style.css.map */