@keyframes erase-animation-cover{0%{width:0}to{width:100%}}@keyframes appear-animation-unclip{0%{-webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0);clip-path:polygon(0 0,0 100%,0 100%,0 0)}to{-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}}@keyframes appear-animation-uncover{0%{width:100%;left:0}to{width:0;left:100%}}@keyframes erase-animation-clip{0%{-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0);color:rgba(0,0,0,0)}to{-webkit-clip-path:polygon(100% 0,100% 100%,100% 100%,100% 0);clip-path:polygon(100% 0,100% 100%,100% 100%,100% 0);color:rgba(0,0,0,0)}}.animate-out .erase-animation{position:relative;animation:erase-animation-clip .5s cubic-bezier(.5,0,.5,1) .7s forwards}.animate-out .erase-animation:after{position:absolute;z-index:1;background:#333;width:0;height:100%;max-width:100%;top:0;left:0;content:"";animation:erase-animation-cover .5s cubic-bezier(.5,0,.5,1) .2s forwards}.animate-in .erase-animation-reverse{position:relative;animation-name:appear-animation-unclip;animation-duration:.5s;animation-timing-function:cubic-bezier(.5,0,.5,1);animation-delay:.2s;animation-fill-mode:forwards;-webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0);clip-path:polygon(0 0,0 100%,0 100%,0 0)}.animate-in .erase-animation-reverse:after{position:absolute;z-index:1;background:#333;width:100%;height:100%;max-width:100%;top:0;left:0;content:"";animation-name:appear-animation-uncover;animation-duration:.5s;animation-timing-function:cubic-bezier(.5,0,.5,1);animation-delay:.7s;animation-fill-mode:forwards}@keyframes transition-left{0%{transform:translateX(0);-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}to{-webkit-clip-path:polygon(0 0,0 100%,0 100%,0 0);clip-path:polygon(0 0,0 100%,0 100%,0 0);transform:translateX(100%)}}@keyframes transition-right{0%{transform:translateX(0);-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}to{-webkit-clip-path:polygon(100% 0,100% 100%,100% 100%,100% 0);clip-path:polygon(100% 0,100% 100%,100% 100%,100% 0);transform:translateX(-100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.about-content.animate-out-work .content{transform:translateX(0);animation:transition-right .8s ease-in-out .2s forwards}.about-content.animate-in-work .content{transform:translateX(-100%);animation:transition-right .8s ease-in-out .2s reverse backwards}.about-content.animate-out-contact .content{transform:translateX(0);animation:transition-left .8s ease-in-out .2s forwards}.about-content.animate-in-contact .content{transform:translateX(100%);animation:transition-left .8s ease-in-out .2s reverse backwards}.about-content .page-content .general-info{display:flex;gap:16px}.about-content .page-content .general-info .profile-photo{height:256px;width:256px;border:1px solid #fff}.about-content .page-content .general-info .stats{display:grid;grid-gap:16px;gap:16px;grid-template-columns:auto auto;grid-auto-rows:auto}.about-content .page-content .general-info .stats p{margin:0}.about-content .page-content .general-info .stats h3{margin:0;font-size:1rem}