html,body{height:100%;width:100%;font-family:var(--font);box-sizing:border-box;background-color:var(--black-12)}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;--font: "Source Code Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--primary: #FAF264;--primary-hover: #E5DC2D;--primary-border: #666329;--error: #FA7364;--success: #B8FA64;--black-12: #1F1E1C;--black-14: #242320;--black-16: #292725;--radius: 4px;--white: #ffffff;--timing: cubic-bezier(.13, .45, .01, .99)}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background-color:var(--black-16);border-radius:4px}body::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:4px}*{box-sizing:border-box}* ::selection{color:var(--black-12);background-color:var(--primary)}p,h1,h2,h3,h4,h5,h6,ul,li{margin:0;padding:0}ul{list-style:none}.container{max-width:1120px;margin:0 auto;width:100%}.header{padding:0 12px;height:80px;position:sticky;top:0;background-color:var(--black-12);z-index:10}.header .container{display:flex;justify-content:space-between;align-items:center;height:100%}.header .menu{display:flex;align-items:center;gap:24px}.header .menu__item{color:var(--white);font-size:18px;font-weight:600;transition:color .3s var(--timing)}.header .menu__item:hover{color:var(--primary);cursor:pointer}.header .menu__item--active{color:var(--primary)}.header .social{display:flex;justify-content:center;align-items:center;gap:24px}.header .social__item{fill:var(--white);opacity:.73;transition:opacity .3s var(--timing)}.header .social__item:hover{opacity:1;cursor:pointer}.section{padding:0 12px}.section .container{padding:56px 0}.section__title{font-size:32px;font-family:var(--font);color:var(--white);font-weight:700;margin:0;padding:0}.about .container{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:1fr;grid-column-gap:32px;grid-row-gap:0}.about__left{grid-area:1/2/2/7;display:flex;flex-direction:column;justify-content:center}.about__right{grid-area:1/8/2/12}.about__title{font-family:var(--font);margin-bottom:12px}.about__subtitle{font-family:var(--font);opacity:.73;margin-bottom:24px}.about__text{font-family:var(--font);font-size:18px;line-height:1.5;color:var(--white);opacity:.73;margin-bottom:12px}.about__img{width:100%;aspect-ratio:5/7;object-fit:cover;border-radius:var(--radius);position:relative}.about__img:before{content:"";position:absolute;top:8px;left:8px;width:100%;aspect-ratio:5/7;border-radius:var(--radius);z-index:1;background-color:var(--primary)}.about__img img{position:relative;z-index:2;width:100%;height:100%;border-radius:var(--radius)}.skills{background-color:var(--black-14)}.skills .container{display:flex;flex-direction:column;align-items:center}.skills__title{font-family:var(--font);margin-bottom:32px}.skills__container{display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:32px;grid-row-gap:32px}.skills__container .skill__item{grid-column:span 6}.skill-card{display:flex;flex-direction:column;align-items:center;height:100%;background-color:var(--primary);padding:40px 32px 32px;border-radius:var(--radius);transition:box-shadow .3s var(--timing)}.skill-card ::selection{color:var(--primary);background-color:var(--black-12)}.skill-card:hover{box-shadow:0 0 16px var(--primary)}.skill-card__icon{fill:var(--black-12);margin-bottom:24px}.skill-card__title{font-family:var(--font);font-size:24px;font-weight:700;color:var(--black-12);margin-bottom:24px}.skill-card__description{font-family:var(--font);font-size:16px;font-weight:400;color:var(--black-12);line-height:1.3}.projects .container{display:flex;flex-direction:column;align-items:center}.projects__title{font-family:var(--font);margin-bottom:32px}.projects__container{display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:32px;grid-row-gap:32px}.projects__container .project__item{grid-column:span 4}.project-card{padding:32px 24px;background-color:var(--black-16);border-radius:4px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.project-card__title{font-family:var(--font);font-size:24px;font-weight:700;color:var(--white);margin-bottom:8px}.project-card__stack{font-family:var(--font);display:inline-block;font-size:14px;font-weight:700;color:var(--primary);margin-bottom:16px}.project-card__description{font-family:var(--font);font-size:16px;font-weight:400;color:var(--white);line-height:1.3;margin-bottom:24px;opacity:.73}.project-card__link{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--primary);align-self:flex-start;transition:.3s background-color var(--timing),.3s box-shadow var(--timing);border-radius:4px;color:var(--black-12);text-decoration:none;font-size:16px;font-weight:700;font-family:var(--font)}.project-card__link:hover{cursor:pointer;background-color:var(--primary-hover);box-shadow:0 0 8px var(--primary)}.experience{background-color:var(--black-14);position:relative}.experience .container{display:flex;flex-direction:column;align-items:center}.experience__title{font-family:var(--font);margin-bottom:32px}.experience .left-control,.experience .right-control{position:absolute;top:0;left:0;width:128px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.experience .left-control .icon,.experience .right-control .icon{fill:var(--white);opacity:.5;transition:opacity .3s var(--timing)}.experience .left-control:hover .icon,.experience .right-control:hover .icon{opacity:1}.experience .right-control{left:auto;right:0}.experience .right-control .icon{transform:rotate(180deg)}.experience-item{display:flex;flex-direction:column;align-items:center}.experience-item__title{font-family:var(--font);font-size:18px;font-weight:700;color:var(--primary);margin-bottom:12px}.experience-item__stack{font-family:var(--font);font-size:18px;font-weight:400;color:var(--white);margin-bottom:12px}.experience-item__date{font-family:var(--font);font-size:18px;font-weight:400;color:var(--white);margin-bottom:12px;opacity:.73}.experience-item .list__title{margin-top:32px;font-family:var(--font);font-size:18px;font-weight:700;color:var(--white);margin-bottom:24px}.experience-item .list__item{font-family:var(--font);font-size:18px;font-weight:400;color:var(--white);margin-bottom:12px;opacity:.73;max-width:736px;line-height:1.3;position:relative}.experience-item .list__item:hover:before{box-shadow:0 0 8px var(--primary)}.experience-item .list__item:before{content:"";position:absolute;left:-16px;top:8px;width:8px;height:8px;border-radius:50%;background-color:var(--primary);transition:box-shadow .3s var(--timing)}.footer{padding:0 12px;height:80px;background-color:var(--primary)}.footer .container{display:flex;justify-content:space-between;align-items:center;height:100%}.footer ::selection{color:var(--primary);background-color:var(--black-12)}.footer .left{font-size:16px;font-family:var(--font);color:var(--black-12);font-weight:700;gap:12px;display:flex;align-items:center}.footer .right{font-size:16px;font-family:var(--font);color:var(--black-12);font-weight:700;text-decoration:none}.contact .success,.contact .error{position:fixed;top:24px;right:24px;height:44px;background-color:var(--success);border-radius:var(--radius);padding:0 24px;display:flex;align-items:center;font-family:var(--font);font-size:18px;font-weight:600;color:var(--black-12);z-index:100}.contact .error{background-color:var(--error)}.contact .container{display:flex;flex-direction:column;align-items:center}.contact__title{font-family:var(--font);margin-bottom:32px}.contact__form{display:flex;flex-direction:column;max-width:528px;width:100%}.contact__label{font-family:var(--font);font-size:16px;font-weight:600;color:var(--white);opacity:.73;margin-bottom:8px}.contact__label--message{margin-top:32px}.contact__input{flex-grow:1;height:44px;border-radius:var(--radius);background-color:var(--black-14);border:1px solid var(--primary-border);padding:11px 15px 13px;font-size:16px;font-family:var(--font);outline:none;color:var(--white);font-weight:600;transition:background-color .3s var(--timing),border-color .3s var(--timing)}.contact__input::placeholder{color:var(--white);opacity:.4}.contact__input:hover{background-color:var(--black-16)}.contact__input:focus{border:1px solid var(--primary)}.contact__input--textarea{height:132px;resize:none}.contact__input--error{border:1px solid var(--error)}.contact__error{color:var(--error);font-size:16px;font-family:var(--font);font-weight:600;margin-top:8px}.contact__button{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--primary);transition:.3s background-color var(--timing),.3s box-shadow var(--timing);border-radius:4px;color:var(--black-12);fill:var(--black-12);text-decoration:none;font-size:16px;font-weight:700;font-family:var(--font);border:none;margin-top:32px;outline:none;align-self:center;height:40px}.contact__button:hover{cursor:pointer;background-color:var(--primary-hover);box-shadow:0 0 8px var(--primary)}.contact__button.disabled{background-color:var(--white);opacity:.23;cursor:not-allowed;pointer-events:none}.contact__button.loading{background-color:var(--black-16);opacity:1;cursor:not-allowed;pointer-events:none}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:13px}.lds-ellipsis div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:#fff}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite;animation-timing-function:cubic-bezier(.13,.45,.01,.99)}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite;animation-timing-function:cubic-bezier(.13,.45,.01,.99)}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite;animation-timing-function:cubic-bezier(.13,.45,.01,.99)}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite;animation-timing-function:cubic-bezier(.13,.45,.01,.99)}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}