.about-me .about-item{display:flex;padding-top:6px;padding-bottom:6px}.about-me .about-item label{margin:0;color:#090a0c;font-weight:500;font-size:14px;-webkit-box-flex:0;-ms-flex:0 0 90px;flex:0 0 90px;border-right:1px solid #c1c1c1;max-width:90px}.about-me .about-item p{margin-bottom:0;padding-left:15px;font-size:14px}.main-nav,.main-nav .nav-item{background:#000;color:#fff;transition:background-color .2s ease-in-out}.main-nav.scrolled,.main-nav.scrolled .nav-item{color:#000;background:#fff}.skill-box{display:flex;justify-content:center;align-items:center}.skill-box .svg-circle{position:absolute;transform:rotate(270deg);width:75px;height:75px;z-index:10}@keyframes donut{0%{stroke-dasharray:0,100}}.skill-box .svg-circle .circle{animation:donut 2s ease-in-out var(--v)}.skill-box .skill{width:64px;height:64px;display:flex;justify-content:center;align-items:center;border-radius:9999px;transition:all .2s ease-in-out;background:#64748b;color:#fff;z-index:1}.skill-box .skill .years{opacity:0;position:absolute;color:#fff;transition:opacity .2s ease-in-out;cursor:default}.skill-box .skill .years h1{line-height:20px;font-size:18px;font-weight:700}.skill-box .skill .years p{font-size:14px;line-height:20px}.skill-box:hover .skill{background:#000;color:#4d4d4d}.skill-box:hover .skill .years{opacity:1}.techLogos,.toolLogos{position:relative}.techLogos.techLogos .slider,.toolLogos.techLogos .slider{animation:slideToLeft 30s linear infinite}.techLogos.toolLogos .slider,.toolLogos.toolLogos .slider{animation:slideToRight 30s linear infinite}.techLogos:after,.techLogos:before,.toolLogos:after,.toolLogos:before{position:absolute;top:0;width:10%;height:100%;content:"";z-index:2}.techLogos:before,.toolLogos:before{left:0;background:linear-gradient(270deg,hsla(0,0%,100%,0),#000)}.techLogos:after,.toolLogos:after{right:0;background:linear-gradient(90deg,hsla(0,0%,100%,0),#000)}@keyframes slideToLeft{0%{transform:translatex(0)}to{transform:translateX(-100%)}}@keyframes slideToRight{0%{transform:translatex(0)}to{transform:translateX(100%)}}.portfolio .portfolio-card{position:relative}.portfolio .portfolio-card:hover .card-img{transform:scale(1.1)}.portfolio .portfolio-card:hover .card-description{opacity:1}.portfolio .portfolio-card:hover .card-description .technologies,.portfolio .portfolio-card:hover .card-description h2,.portfolio .portfolio-card:hover .card-description p{transform:translateX(0)}.portfolio .portfolio-card .card-img{position:absolute;inset:0;transition:transform .35s ease;top:0;left:0;transform:scale(1);object-fit:cover;width:100%;height:100%}.portfolio .portfolio-card .card-description{color:#fff;position:absolute;inset:0;transition:all .3s ease-in-out;background:rgba(9,10,12,.75);opacity:0}.portfolio .portfolio-card .card-description .technologies,.portfolio .portfolio-card .card-description h2,.portfolio .portfolio-card .card-description p{transition:all .35s ease;transform:translateX(-25px)}.skill-bar{background-color:#cbd5e1;border-radius:5px}@keyframes bar{0%{width:0}}.skill-bar .skill-bar-in{transition:all .55s ease;height:5px;position:relative;border-radius:5px;animation:bar .8s ease-in-out var(--v)}.skill-bar .skill-bar-in span{position:absolute;right:0;top:-30px;font-size:14px}@keyframes line-right{0%{width:100%}to{width:0}}@keyframes line-left{0%{width:100%}to{width:0}}.skill-cake .tech-label{height:20px;position:absolute;width:100%;background:#eaedf2}.skill-cake .tech-label:before{content:"";position:absolute;width:0;height:100%;background:#eaedf2;z-index:5}.skill-cake .tech-label .line-back,.skill-cake .tech-label .line-front{height:2px;background:#000;position:absolute}.skill-cake .tech-label.front-label .line-front{width:10%;bottom:8px;left:80px}.skill-cake .tech-label.front-label:before{right:0;animation:line-right 1s ease-in-out var(--v)}.skill-cake .tech-label.back-label{right:1.25rem}.skill-cake .tech-label.back-label .line-front{width:13%;top:10px;right:80px}.skill-cake .tech-label.back-label:before{animation:line-left 1s ease-in-out var(--v)}@keyframes fade{0%{opacity:0}to{opacity:1}}.fade{animation:fade 2s linear}.go-to-next{position:absolute;bottom:30px;left:0;right:0;width:35px;margin:auto;z-index:1;text-align:center}.go-to-next a{width:35px;height:35px;position:relative;display:inline-block;background:#fff;border-radius:50%;animation:down 1s linear infinite;-webkit-animation:down 1.5s linear infinite}.go-to-next a span{border-top:1px solid #090a0c;border-right:1px solid #090a0c;width:10px;height:10px;position:absolute;top:-6px;left:0;right:0;bottom:0;margin:auto;-webkit-transform:rotate(135deg);transform:rotate(135deg)}@keyframes down{0%{transform:translateY(0);opacity:1}to{transform:translateY(30px);opacity:0}}