.scroll{color:#fff;opacity:0;animation:.3s ease-in 1s forwards showScroll;position:absolute;top:-60px;left:50%;transform:translate(-50%)}@keyframes showScroll{0%{opacity:0}to{opacity:1}}.scroll a{text-align:center;cursor:pointer;border:1px solid #fff;border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;text-decoration:none;display:flex;overflow:hidden}.scroll svg{animation:3s infinite slideArrow;transform:translateY(0)}.scroll a:hover{color:var(--dark)}.scroll a:before,.scroll a:after{background-color:#fff}@keyframes slideArrow{0%{transform:translateY(0)}14.99%{transform:translateY(2rem)}15%{transform:translateY(-2rem)}30%{transform:translateY(0)}to{transform:translateY(0)}}#about{padding-top:30px;padding-bottom:100px}#about .info{flex-direction:column;gap:4%}#about .info .title-smaller{margin-bottom:20px}#about .icons{flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:22px}#about .tooltip{opacity:0;color:var(--dark);text-align:center;z-index:1;visibility:hidden;background-color:#ebecf0;border-radius:6px;padding:5px 7px;font-size:.9rem;transition:all .3s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}#about .icon{padding:0 1%}#about .icon:first-child{padding-left:0}#about .icon img:hover+.tooltip{opacity:1;visibility:visible;top:calc(100% + 5px)}#about .icon img{transition:all .3s}#about .icon img:hover{transform:scale(1.15)}#about .tech-row{margin-top:50px}#about .title-smaller{white-space:nowrap}@media (min-width:768px){#about{padding-top:70px}}@media (min-width:991px){#about .info{flex-direction:row}#about .info .overflow{flex-shrink:0}}
#projects{background:linear-gradient(#ebecf0 0%,#fff 100%);padding-top:50px}#projects .project-list{margin:20px 0 70px;padding:0;list-style:none}#projects .project-item{border-bottom:1px solid var(--dark);padding:30px 0;transition:padding .4s;position:relative}#projects li:last-child .project-item{border-bottom:none}#projects .project-item .info{margin:0}#projects .project-item .name{color:var(--dark);white-space:nowrap;margin:0;font-size:34px;font-weight:200;position:relative}#projects .project-item .scope{white-space:nowrap;text-overflow:ellipsis;flex-grow:1;margin:6px 0 10px;font-size:25px;font-weight:200;overflow:hidden}#projects .project-item .btn-transparent{color:var(--dark);white-space:nowrap}#projects .project-item .btn-transparent:hover{color:#fff}#projects .list{margin:0;padding:0;list-style:none}#projects .list li{white-space:nowrap;margin-bottom:5px}#projects .title-smaller{margin-bottom:15px}#projects .tags{flex-wrap:wrap;gap:10px}#projects .tags li{pointer-events:none;margin:0}#projects .tags li span:before{content:"#";margin-right:1px;font-size:.85rem}#projects .columns{flex-wrap:wrap;flex-grow:1;gap:30px 20%;margin-top:30px}#projects .columns>div:nth-child(3){flex-grow:1}#projects .head{gap:5%}.project-image{z-index:1;opacity:0;background-color:#fff;border-radius:10px;margin-top:20px;margin-left:25px;transition:all .3s;animation:.4s forwards fadein;display:flex;position:absolute;top:0;box-shadow:0 5px 44px #00000026}@keyframes fadein{0%{opacity:0;margin-top:20px}to{opacity:1;margin-top:10px}}.project-image img{border-radius:inherit}.project-image:after{content:"";border:9.5px solid #0000;border-left-width:0;border-right:10px solid #fff;width:0;height:0;display:block;position:absolute;top:29px;left:-10px;transform:rotate(0)}.project-image.oute:after{border-color:#0000 #f3f3f3 #0000 #0000}.project-item .project-image .loader{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-item .project-image .loader:before{content:"";border:2px solid var(--dark);box-sizing:border-box;border-bottom-color:#0000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#projects .btn-round{opacity:0;visibility:hidden;cursor:pointer;border-radius:100px;padding:12px;position:absolute;left:-50px}#projects .btn-round:hover:before,#projects .btn-round:hover:after{width:120%;top:-12%}@media (min-width:768px){#projects .project-item{padding:25px 0}#projects .project-list{margin-top:40px}#projects .columns{flex-wrap:nowrap;column-gap:10%}#projects .project-item .flex-sm{align-items:center;gap:25px}#projects .project-item .scope{margin:0}#projects .project-item:hover{padding-left:50px}#projects .project-item:hover .btn-round{opacity:1;visibility:visible;left:0}}@media (min-width:1200px){#projects .columns{column-gap:90px}}