.face-intro{position:relative;overflow:hidden}.face-intro__container{grid-template-columns:1fr auto;gap:40px;display:grid;position:relative}@media (max-width:680px){.face-intro__container{grid-template-columns:1fr;gap:20px}.face-intro__container .column:nth-child(2){grid-row:1/2}}.face-intro__container>.column{display:flex}.face-intro .container{--container-py:178px}@media (max-width:680px){.face-intro .container{--container-py:90px}}.face-intro__info{z-index:20;flex-direction:column;justify-content:center;gap:30px;display:flex;position:relative}@media (max-width:680px){.face-intro__info{gap:10px}}.face-intro__info-title{font-family:var(--font-inknut-antiqua);color:#fff;margin:0;font-size:50px;font-weight:500;line-height:55px}@media (max-width:500px){.face-intro__info-title{font-size:40px;line-height:40px}}.face-intro__info-description{width:100%;max-width:470px;font-family:var(--font-ubuntu);color:var(--clr-white-50);font-size:16px;font-weight:500;line-height:120%}.face-intro__info-description .highlighted{color:var(--clr-white-80)}.face-intro__info-skills{flex-wrap:wrap;gap:15px 30px;width:100%;max-width:557px;display:flex}@media (max-width:425px){.face-intro__info-skills{flex-flow:column}}.face-intro__info-skill{align-items:center;gap:8px;display:flex}.face-intro__info-skill img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.face-intro__info-skill span{font-family:var(--font-ubuntu);color:var(--clr-white-50);font-size:14px;font-weight:500;line-height:100%}.face-intro__avatar{box-sizing:border-box;aspect-ratio:1;z-index:20;border-radius:1000px;width:100%;max-width:321px;max-height:321px;margin:0 0 0 auto;position:relative;overflow:hidden}@media (max-width:860px){.face-intro__avatar{max-width:280px;max-height:280px}}@media (max-width:679px){.face-intro__avatar{max-width:180px;max-height:180px}}.face-intro__avatar img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.face-intro__circle-bg{z-index:5;aspect-ratio:11/13;width:100%;max-width:440px;position:absolute;top:0;right:0}@media (max-width:1599px){.face-intro__circle-bg{max-width:370px}}@media (max-width:680px){.face-intro__circle-bg{max-width:230px}}@media (max-width:310px){.face-intro__circle-bg.circle{display:none}}.face-intro__circle-bg .image{width:100%;height:100%;position:relative}.face-intro__circle-bg .image img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.face-intro__border{--shift-y:178px;--margin:58px;--shift-x:90px;z-index:3;top:calc(var(--shift-y) - var(--margin));width:calc(100% - var(--shift-x));height:calc(100% - var(--shift-y) - var(--margin));background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='2' stroke-dasharray='6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");position:absolute;left:50%;transform:translate(-50%)}@media (max-width:1599px){.face-intro__border{--shift-x:24px}}@media (max-width:1000px){.face-intro__border{height:calc(100% - var(--shift-y))}}@media (max-width:680px){.face-intro__border{--shift-y:140px}}
.tech-stack{position:relative;overflow:hidden}.tech-stack__container{flex-direction:column;gap:30px;display:flex}.tech-stack .container{--container-py:130px}@media (max-width:560px){.tech-stack .container{--container-py:50px}}.tech-stack__title{font-family:var(--font-inknut-antiqua);color:var(--clr-white-80);text-align:center;margin:0;font-size:40px;font-weight:500;line-height:44px}@media (max-width:360px){.tech-stack__title{text-align:start;font-size:35px}}.tech-stack__list{z-index:20;box-sizing:border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff08 0%,#00000008 100%);border-radius:20px;flex-wrap:wrap;justify-content:start;gap:10px;width:100%;max-width:750px;margin:0 auto;padding:30px;display:flex;position:relative}@media (max-width:550px){.tech-stack__list{padding:30px 10px}}.tech-stack__list:after{content:"";background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%23333' stroke-width='1' stroke-dasharray='5' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");width:100%;height:100%;position:absolute;top:0;left:0}.tech-stack__list-title{width:100%;font-family:var(--font-ubuntu);color:var(--clr-white-50);margin:0;font-size:16px;font-weight:400;line-height:100%}.tech-stack__list-title:not(:first-child){margin-top:10px}.tech-stack__skill{box-sizing:border-box;border:1px solid var(--clr-white-5);background-color:var(--clr-white-5);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;display:flex}.tech-stack__skill-icon{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:3px}.tech-stack__skill-name{font-family:var(--font-ubuntu);color:var(--clr-white-80);font-size:16px;font-weight:500;line-height:100%}.tech-stack__sketch{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;position:absolute;bottom:0;right:0}.tech-stack__circle{aspect-ratio:621/616;z-index:2;pointer-events:none;width:calc(100% - 30px);max-width:621px;height:auto;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}@media (max-width:560px){.tech-stack__circle{display:none}}.tech-stack__circle-wrapper{width:100%;height:100%;animation:80s linear infinite rotate360-animation;position:relative}.tech-stack__circle-wrapper img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes rotate360-animation{0%{rotate:none}to{rotate:360deg}}