.section--experience{position:relative}.section--experience .section__inner{flex-direction:column;justify-content:space-around}.section--experience .experiences{flex-flow:column wrap;align-items:flex-end;margin-top:5rem;display:flex}.section--experience .experiences .experience{max-width:45%;margin-bottom:5rem;position:relative}.section--experience .experiences .experience .experience__date{font-size:.9rem}.section--experience .experiences .experience .experience__role{font-weight:900}.section--experience .experiences .experience .experience__company{opacity:.7}.section--experience .experiences .experience .experience__description{margin-top:1rem;line-height:1.7rem}.section--experience .experiences .experience .experience__description ul{margin-left:1rem}.section--experience .experiences .experience .experience__description ul li{margin-bottom:.5rem}.section--experience .experiences .experience>div{margin-bottom:.6rem}.section--experience .experiences .experience:before{content:"";background:rgb(var(--primary-button-bg));z-index:2;border-radius:50%;width:12px;height:12px;margin-left:-60px;display:block;position:absolute}.section--experience .experiences .experience:nth-child(2n){text-align:right;align-self:flex-start}.section--experience .experiences .experience:nth-child(2n) ul{text-align:justify}.section--experience .experiences .experience:nth-child(2n):before{margin-left:auto;right:-60px}.section--experience .experiences .experience:first-child:before{border:2px solid rgb(var(--primary-button-bg));box-sizing:border-box;background-color:#0000;background:var(--background-color)}.section--experience .experiences:after{content:"";background:var(--line-color);width:1px;height:80%;margin:0 auto;display:block;position:absolute;left:0;right:0}.section--experience:before{content:"";z-index:-1;mix-blend-mode:normal;filter:blur(50px);background:linear-gradient(#81faf233 0%,#aaad0c33 100%);width:100px;height:405px;display:block;position:absolute;top:-10%;right:0}.section--experience:after{content:"";z-index:-1;mix-blend-mode:normal;filter:blur(50px);background:linear-gradient(#81faf233 -3.24%,#0c43ad33 115.69%);width:310.36px;height:420.63px;display:block;position:absolute;top:50%;left:-200px;transform:matrix(-.83,-.56,-.56,.83,0,0)}@media screen and (max-width:761px){.section--experience .section__title{text-align:left;width:100%;padding-left:2rem}.section--experience .experiences{align-items:center}.section--experience .experiences .experience{max-width:80%}.section--experience .experiences .experience:nth-child(2n){text-align:left;align-self:auto}.section--experience .experiences .experience:before,.section--experience .experiences:after{display:none}}
.section--hero{margin-top:0}.section--hero .section__inner{max-width:var(--max-width);flex-direction:column;justify-content:space-around;align-items:center;margin:120px auto 0;display:flex}.section--hero h2{margin-bottom:20px;font-size:52px}.section--hero .section__desc{margin-bottom:30px}.section--hero .section__right{text-align:center;color:#777;width:70%;line-height:1.6em}.section--hero .section__button{margin:0 .5rem 1rem}.section--hero .section__left{border-radius:50%;width:8rem;height:8rem;margin-bottom:4rem;position:relative}.section--hero .section__left>img{max-width:100%;height:auto}.section--hero .section__left:after{content:"";z-index:-1;background:linear-gradient(311deg,#81faf280 0%,#ffbf9180 100%);border-radius:50%;width:120px;height:120px;display:block;position:absolute;top:22px;left:6px}
.section--projects{position:relative}.section--projects .section__inner{flex-direction:column}.section--projects .section__inner .projects__head{justify-content:space-between;width:100%;display:flex}.section--projects .section__inner .projects__head .projects__stats{flex-direction:row;display:flex}.section--projects .section__inner .projects__head .projects__stats hr{opacity:.2;height:50%;margin-top:8%;position:relative;left:20px}.section--projects .section__inner .projects__head .projects__stats>div{text-align:center;color:var(--subtitle-color);flex-direction:column;margin-left:3rem;padding:.7rem;font-size:.9em;display:flex}.section--projects .section__inner .projects__head .projects__stats>div span{color:var(--title-color);margin-bottom:5px;font-size:1.4rem;font-weight:900}.section--projects .section__inner .projects__items{flex-flow:wrap;max-width:100%;margin-top:70px;display:flex}.section--projects .section__inner .projects__items .portfolio__item{opacity:.2;flex-flow:wrap;width:100%;margin-bottom:150px;transition:all .2s linear;display:flex;transform:scale(.9)}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__content{flex-direction:column;justify-content:center;width:45%;padding-left:3rem;line-height:1.7em;display:flex}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__content h3{margin-bottom:1.3rem;font-size:1.5rem;font-weight:900;line-height:1.5em}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__content h3 a:hover{color:inherit}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__content .portfolio__item__content__excerpt{opacity:.8;margin-bottom:1.3rem}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__content .portfolio__item__content__tech{flex-wrap:wrap;margin-bottom:0;display:flex}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__content .portfolio__item__content__info{opacity:.8;flex-direction:row;margin-bottom:1rem;font-size:.9em;display:flex}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__content .portfolio__item__content__info .icon{opacity:.6}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__content .portfolio__item__content__info a{align-self:flex-end;display:inline-block}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__content .portfolio__item__content__info a:hover{color:var(--link-color)}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__content .portfolio__item__content__info>*{margin-right:2rem;display:inline-block}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__content .portfolio__item__content__info>div:last-child{margin-right:0}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__preview{flex-basis:55%}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__preview .portfolio__item__preview__media{border:1px solid var(--project-preview-border);background:var(--project-preview-background);background-image:radial-gradient(var(--project-preview-dotts)1px,transparent 0);background-position:3px 6px;background-size:15px 13px;border-radius:5px;align-items:flex-end;min-height:350px;padding:3rem 3rem 0;display:flex;position:relative}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__preview .portfolio__item__preview__media button{text-align:center;background:rgb(var(--primary-button-bg));width:3rem;color:rgb(var(--primary-button-color));cursor:pointer;visibility:hidden;opacity:0;border:none;border-radius:50%;margin:0 auto;padding:1rem;transition:all .14s linear;display:block;position:absolute;top:60%;left:0;right:0;transform:translateY(-50%)}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__preview .portfolio__item__preview__media a{background:rgb(var(--primary-button-bg));color:rgb(var(--primary-button-color));border-radius:1.5rem;padding:.5rem 1rem;font-size:.8em;font-weight:500;transition:all .15s linear;position:absolute;bottom:-15px;right:15px;box-shadow:0 0 10px #00000030}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__preview .portfolio__item__preview__media a:hover{background:var(--secondary-button-bg);color:#fff}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__preview .portfolio__item__preview__media video{border:1px solid var(--line-color);vertical-align:bottom;cursor:pointer;border-bottom:0;border-radius:10px 10px 0 0;max-width:100%}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__preview .portfolio__item__preview__media:hover button{visibility:visible;opacity:1}.section--projects .section__inner .projects__items .portfolio__item a:link:hover{color:var(--link-color)}.section--projects .section__inner .projects__items .portfolio__item.portfolio__item--active{opacity:1;transform:scale(1)}.section--projects .section__inner .projects__items .portfolio__item:last-child{margin-bottom:0}.section--projects:before{content:"";z-index:-1;mix-blend-mode:normal;filter:blur(50px);background:linear-gradient(#81faf233 0%,#aaad0c33 100%);border-radius:400px 400px 0 0;width:350px;height:250px;display:block;position:absolute;top:-10%;right:-50px;transform:rotate(-90deg)}.section--projects:after{content:"";z-index:-1;mix-blend-mode:normal;filter:blur(50px);background:linear-gradient(#81faf233 -3.24%,#0c43ad33 115.69%);width:310.36px;height:420.63px;display:block;position:absolute;top:50%;left:-200px;transform:matrix(-.83,-.56,-.56,.83,0,0)}@media screen and (max-width:761px){.section--projects .section__inner .projects__head{flex-direction:column}.section--projects .section__inner .projects__head .projects__stats{justify-content:center;width:100%}.section--projects .section__inner .projects__head .projects__stats>div{flex-direction:row;align-items:center;margin-left:0}.section--projects .section__inner .projects__head .projects__stats>div span{padding-right:.4rem}.section--projects .section__inner .projects__items .portfolio__item{margin-bottom:50px}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__preview{flex-basis:auto;width:100%}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__preview .portfolio__item__preview__media{min-height:auto}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__content{width:100%;margin-top:2rem;padding-left:2rem;padding-right:2rem}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__content h3{font-size:1.2rem}.section--projects .section__inner .projects__items .portfolio__item .portfolio__item__content .portfolio__item__content__info>*{white-space:nowrap;text-overflow:ellipsis;max-width:33%;margin-right:1rem;font-size:.9em;display:inline-block;overflow:hidden}}