#experience .top .main{display:flex;justify-content:space-between;align-items:center}#experience .top .main h2{margin-right:20px;flex:1}#experience .top .filter-tabs-wrapper{margin-top:15px}#experience .top .filter-tabs{flex:3;display:flex;justify-content:space-between;border-bottom:2px solid hsla(0,0%,100%,.3)}#experience .top .filter-tabs>button{padding:3px 10px;margin:0 20px 0 0;transform:translateY(2px);color:hsla(0,0%,100%,.5);border-bottom:2px solid hsla(0,0%,100%,.5)}#experience .top .filter-tabs button.tags-extra,#experience .top .filter-tabs button.tags-extra-extra{display:block}#experience .top .filter-tabs>button:active,#experience .top .filter-tabs>button:hover{color:hsla(0,0%,100%,.8);border-bottom:2px solid hsla(0,0%,100%,.8)}#experience .top .filter-tabs>button[disabled]{color:hsla(0,0%,100%,.2);border-bottom:2px solid hsla(0,0%,100%,.2)}#experience .top .filter-tabs>button.showing{color:#fff;border-bottom:2px solid #fff}@media screen and (max-width:1000px){#experience .top .filter-tabs>button{margin-left:10px;margin-bottom:inherit;margin-right:10px;margin-top:inherit}}@media screen and (max-width:800px){#experience .top .filter-tabs button.tags-extra-extra{display:none}}@media screen and (max-width:600px){#experience .top .filter-tabs button.tags-extra{display:none}}@media screen and (max-width:460px){#experience .top .filter-tabs{display:none}#experience .experience-timeline{padding:0!important}}#experience .experience-timeline:after{content:" ";background-image:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.3) 8%);height:100%;padding:1px;position:absolute;top:0;right:49%}#experience .experience-timeline{position:relative;margin:40px 0 10px}.experience-timeline .experience-timeline-grid.left,.experience-timeline .experience-timeline-grid.right{padding:20px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.experience-timeline .experience-timeline-grid.left{background-size:150%;background-repeat:no-repeat;background-position-x:0;background-position-y:0}.experience-timeline .experience-timeline-grid.right{background-size:150%;background-repeat:no-repeat;background-position-x:100%;background-position-y:0}#experience .experience-timeline:has(.no-tags-selected):after{content:"";display:none}.experience-timeline .no-tags-selected p.title{font-size:1em;font-weight:500;margin-bottom:7px;color:#fff}@media screen and (max-width:900px){#experience .experience-timeline:after{content:"";display:none}.experience-timeline .experience-timeline-grid.left{display:grid;grid-template-columns:70% 30%}.experience-timeline .experience-timeline-grid.right{display:grid;grid-template-columns:30% 70%}}@media screen and (max-width:600px){.experience-timeline .experience-timeline-grid.left,.experience-timeline .experience-timeline-grid.right{display:block}.experience-timeline .experience-timeline-grid .extra-block-for-grid{display:none}}.image-carousel{position:relative}.image-carousel img{width:100%}.image-carousel .slide-counter{position:absolute;right:7px;top:6px;padding:5px 10px;border-radius:20px;font-size:14px;height:auto;width:auto;opacity:1;transition:all .5s,top .5s ease-in-out,height .5s ease-in-out;background-color:rgba(0,0,0,.7);backdrop-filter:invert(50%) blur(8px)}.image-carousel .slide-counter>span{transition:opacity .5s}.image-carousel:active .slide-counter,.image-carousel:hover .slide-counter{border-radius:0 15px 0 20px;transition:.4s;opacity:.3;top:0;right:0}.image-carousel .buttons{position:absolute;bottom:0;top:0;left:0;right:0;width:100%;padding:5px;display:flex;gap:10px}.image-carousel .buttons>button{width:50%;opacity:0;transition:.6s;border-radius:20px}.image-carousel .buttons>button#next:active,.image-carousel .buttons>button#next:hover,.image-carousel .buttons>button#previous:active,.image-carousel .buttons>button#previous:hover{transition:.6s;backdrop-filter:blur(3px);background-color:rgba(0,0,0,.3);opacity:1}.image-carousel .buttons.top-bottom{display:flex;flex-direction:column;height:100%}.image-carousel .buttons.top-bottom>button{width:100%;height:50%}#experience .experience-timeline .experience-item{position:relative;max-width:95%}#experience .experience-timeline .experience-item.right{margin-left:10%}#experience .experience-timeline .experience-item .glow{position:absolute;top:50%;left:50%;width:300%;height:180%;transform:translate(-50%,-50%)}#experience .experience-timeline .experience-item h3{font-size:28px;margin-bottom:4px;z-index:10}#experience .experience-timeline .experience-item .images{margin-bottom:10px;min-height:100px;background-color:var(--secondary-background);border-radius:15px;border:.5px solid hsla(0,0%,100%,.06)}#experience .experience-timeline .experience-item .images img{width:100%;border-radius:15px;object-fit:cover}#experience .experience-timeline .experience-item .tags{display:flex;flex-wrap:wrap;gap:5px}#experience .experience-timeline .experience-item .tags>a{width:max-content;background-color:hsla(0,0%,100%,.1);border-radius:10px;font-size:16px;padding:3px 6px}#experience .experience-timeline .experience-item .tags>a:active,#experience .experience-timeline .experience-item .tags>a:hover{background-color:hsla(0,0%,100%,.15)}@media screen and (max-width:960px){#experience .experience-timeline .experience-item .images{min-height:100px}}@media screen and (max-width:600px){#experience .experience-timeline .experience-item.right{margin-left:0}}@media screen and (max-width:900px){#experience .experience-timeline .experience-item{max-width:100%}}#experience .filter-dropdown-wrapper{position:relative}#experience .filter-dropdown-wrapper .overlay{z-index:11;position:fixed;top:0;right:0;left:0;bottom:0;width:100%;height:100%}#experience .filter-dropdown-wrapper .filter-dropdown{z-index:12;padding:10px!important;position:absolute;top:100%;right:0;min-width:150px;width:max-content;box-shadow:0 0 20px rgba(0,0,0,.5)}#experience .filter-dropdown-wrapper .filter-dropdown .title{font-size:12px;color:hsla(0,0%,100%,.3);font-weight:600;padding-bottom:7px;margin-bottom:8px;border-bottom:1px solid hsla(0,0%,100%,.1)}#experience .filter-dropdown-wrapper .filter-dropdown .tags{display:flex;gap:5px;flex-wrap:wrap;max-width:280px}#experience .filter-dropdown-wrapper .filter-dropdown .tags>button{background-color:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.4);border-radius:7px;font-size:14px;padding:3px 6px;overflow-wrap:none;position:relative}#experience .filter-dropdown-wrapper .filter-dropdown .tags>button[disabled]{background-color:hsla(0,0%,100%,.03);color:hsla(0,0%,100%,.2)}#experience .filter-dropdown-wrapper .filter-dropdown .tags>button.selected{background-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8)}#experience .filter-dropdown-wrapper .filter-dropdown .tags>button.selected:hover:after{transition:.5s;position:absolute;content:"x";background:rgba(255,62,62,.7);border-radius:50%;font-size:12px;padding:0 5.5px;top:-5px;right:-5px}#experience .filter-dropdown-wrapper .filter-dropdown input.max-items{background-color:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.07);border-radius:7px;width:40px;padding:3px 4px;font-size:.85em}:root{--section-padding-y:50px}main.section-padding-y,section.section-padding-y{padding-bottom:var(--section-padding-y);padding-top:var(--section-padding-y)}main.section-padding-bottom,section.section-padding-bottom{padding-bottom:var(--section-padding-y)}main.section-padding-top,section.section-padding-top{padding-top:var(--section-padding-y)}h1,h2{font-size:36px;font-weight:700}h3,p{font-size:20px;font-weight:500}h1.copy-url,h2.copy-url,h3.copy-url{cursor:pointer}h1.copy-url:hover:after,h2.copy-url:hover:after,h3.copy-url:hover:after{content:" #";color:hsla(0,0%,100%,.2)}.grey,p.grey{color:hsla(0,0%,100%,.5)}.grey>.highlight,p.grey>.highlight{color:#fff}.highlight-primary{color:transparent;background-image:linear-gradient(30deg,#ff3a71,#ff5744);background-clip:text}.widget{background-color:var(--secondary-background)}.widget,.widget.clear{padding:15px;border-radius:15px}.widget.clear{background-color:rgba(0,0,0,.1)}.blog-link{padding:15px;border-radius:15px;background-color:var(--secondary-background);font-weight:500}.blog-link.small>.blog-title{font-weight:500;font-size:20px}.chip{background-color:var(--secondary-background);padding:4px 7px;border-radius:20px;font-size:16px}.chip.icon{padding:6px 7px}a.chip,button.chip{color:hsla(0,0%,100%,.9)}a.chip:active,a.chip:hover,button.chip:active,button.chip:hover{color:#fff}.tag{background-color:hsla(0,0%,100%,.04);padding:4px 7px;border-radius:10px;font-size:14px}:root{--home-hero-background:#0b0b0b}header.hero{background:url(/images/home/hero-bg.png),var(--home-hero-background);background-size:contain;background-position-x:80%;background-repeat:no-repeat;position:relative;padding-bottom:30px}header.hero>.container.main-content{padding-top:50px}header.hero>.container.main-content .info-1{max-width:350px}header.hero>.container.main-content>.bottom{padding-top:56vh}header.hero>.container.main-content>.bottom>p{max-width:250px;font-weight:500;filter:blur(3px);transition:filter 1s}header.hero>.container.main-content>.bottom>p:hover{filter:blur(0);transition:filter .4s}header.hero>.vector-content{position:fixed relative}header.hero>.vector-content .info-1,header.hero>.vector-content .info-2{position:absolute;max-width:200px;font-weight:600;filter:blur(3px);transition:filter 1s;color:hsla(0,0%,100%,.5)}header.hero>.vector-content .info-1{top:30%;right:50%;text-align:right}header.hero>.vector-content .info-2{top:70%;right:15%}header.hero>.vector-content .info-1:hover,header.hero>.vector-content .info-2:hover{filter:blur(0);transition:filter .2s}@media screen and (max-width:1000px){header.hero{background-position-x:120%}}@media screen and (max-width:800px){header.hero{background-size:cover;background-position-y:50%;background-position-x:50%}header.hero>.vector-content{display:none}}@media screen and (max-width:318px){header.hero>.container.main-content>.bottom{padding-top:55vh}}:root{--nav-padding-y:20px}.nav{padding-top:var(--nav-padding-y);padding-bottom:var(--nav-padding-y);margin:0 auto;padding-left:var(--viewport-padding-x)!important;padding-right:var(--viewport-padding-x)!important;max-width:var(--viewport-max-width)}.nav>ul>li{margin-right:20px}.nav>ul>li>a{font-weight:500;color:hsla(0,0%,100%,.6);transition:color 1s}.nav>ul>li>a:hover{color:hsla(0,0%,100%,.8);transition:color .5s}main#about{padding:70px 0}main#about>.main-content{display:block;position:relative}main#about>.main-content>h2{max-width:350px}main#about>.main-content>p.grey{max-width:430px;font-weight:500;margin:10px 0}main#about>.main-content>.blog-link.small{margin-top:50px;width:max-content}main#about>.main-content>.blog-link.small>.blog-title{max-width:350px}#contact{background-image:url(/images/home/contact-bg.png);background-repeat:no-repeat;background-size:contain;background-position-x:-8%}#contact .widget .title{font-weight:700;font-size:18px!important;display:flex}#contact .widget .title svg{transform:translateY(25%);color:hsla(0,0%,100%,.277);margin-right:8px}#contact .widget:has(>a){max-width:400px}#contact .widget{max-width:600px}#contact .widget>p{font-size:16px}#contact .widget .discord-channel{background-color:hsla(0,0%,100%,.09);border-radius:5px;padding:2px 3px}footer.home-footer{background-color:var(--secondary-background);padding:30px 0}footer.home-footer .container .grid{display:grid;grid-template-columns:45% 35% 30%}footer.home-footer h2{font-size:20px;font-weight:700}footer.home-footer .info p.slogan{color:hsla(0,0%,100%,.3)}footer.home-footer p{font-size:16px;font-weight:400}footer.home-footer .container .grid .info{max-width:350px;text-align:left}footer.home-footer .container .grid .links{text-align:left}@media screen and (max-width:900px){footer.home-footer .container .grid{grid-template-columns:60% 40%}footer.home-footer .container .grid .links{text-align:right}}@media screen and (max-width:600px){footer.home-footer .container .grid{grid-template-columns:100%}footer.home-footer .container .grid .links{text-align:center;padding-top:14px}footer.home-footer .container .grid .info{text-align:center;max-width:none}}.side-nav{padding-top:var(--section-padding-y)}.side-nav-wrapper{position:sticky;top:0;right:0;z-index:20;padding-right:20px;padding-top:20px;margin-top:40px}.side-nav-wrapper>nav a{display:block;margin-bottom:10px;font-size:28px;font-weight:600;text-align:right;text-shadow:0 0 15px hsla(0,0%,100%,.6)}#skills h2{transition:text-shadow .5s;text-shadow:-200px 0 200px rgba(255,69,151,.6),-100px 0 150px rgba(255,69,151,.3),-80px 0 120px rgba(255,69,151,.4),-60px 0 90px rgba(255,69,151,.5),-40px 0 100px rgba(255,69,151,.6),0 0 200px rgba(255,69,151,.7),0 0 200px rgba(255,69,151,.6),50px 0 100px rgba(255,69,151,.6),30px 0 150px rgba(255,69,151,.8),70px 0 250px rgba(255,69,151,.1),100px 0 90px rgba(255,69,151,.7),150px 0 100px rgba(255,69,151,.6),200px 0 250px rgba(255,69,151,.7),230px 0 150px rgba(255,69,151,.7),250px 0 250px rgba(255,69,151,.7),260px 0 250px rgba(255,69,151,.3)}.skills-tabs-wrapper>.bottom-border{padding-bottom:2px;background-color:hsla(0,0%,100%,.3);margin-bottom:30px;z-index:3;transform:translateY(-1.5px)}ul.skills-tabs{display:flex;margin-top:20px;position:relative;width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap}ul.skills-tabs>li{margin-right:70px}ul.skills-tabs>li:nth-child(5){margin-right:0}ul.skills-tabs>li>button{font-weight:500;color:hsla(0,0%,100%,.7)}ul.skills-tabs>li>button:active,ul.skills-tabs>li>button:hover{color:#fff}ul.skills-tabs>li>.bottom-gap{padding-bottom:5px}ul.skills-tabs>li.active>.bottom-border{margin-top:3.5px;padding-bottom:2px;background-image:linear-gradient(90deg,#ff278e,#ff8400);z-index:6}ul.skills-tabs>li.active>.bottom-gap{padding-bottom:4px}ul.skills-tabs>li.active>button{color:transparent;background-clip:text;background-image:linear-gradient(90deg,#ff278e,#ff8400)}@media screen and (max-width:1000px){ul.skills-tabs:after{content:">";background-color:rgba(0,0,0,.2);height:100%;width:calc(height);padding:0 6px;backdrop-filter:blur(4px);position:sticky;right:0;top:-15px;border:1px solid hsla(0,0%,100%,.1);border-radius:5px}ul.skills-tabs:hover:after{display:none;content:""}}.skills-tab-page{display:none}.skills-tab-page.selected{padding-bottom:50px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.skills-tab-page.selected .body,.skills-tab-page.selected .tags,.skills-tab-page.selected>.extra{order:0}@media screen and (max-width:650px){.skills-tab-page.selected{display:flex;flex-direction:column;gap:0}.skills-tab-page.selected .tags{order:1}.skills-tab-page.selected .body{order:2}.skills-tab-page.selected>.extra{order:3}}.global-tag{display:block;padding:3px 10px;border-radius:17px;background-color:hsla(0,0%,100%,.08);font-size:16px}