.projects-container{margin-top:10rem}.projects-container>h2{margin-bottom:5rem}.projects-container .overview .project-wrapper{position:relative;--accent-color:var(--project-color);border-top:1px solid hsla(0,0%,100%,.1);margin-bottom:3rem;padding-top:3rem;z-index:1}@media(min-width:768px){.projects-container .overview .project-wrapper{margin-bottom:10rem;padding-top:10rem;border-color:hsla(0,0%,100%,.2)}}.projects-container .overview .project-wrapper span.primary{color:var(--project-color)}.projects-container .overview .project-wrapper h2{position:relative;text-transform:uppercase;font-size:1.2rem;display:flex;align-items:center;white-space:nowrap;cursor:default}.projects-container .overview .project-wrapper h2:after{content:"";display:inline-block;background:hsla(0,0%,100%,.3);height:1px;margin-left:1em;width:calc(100% - 2em);transform:translateY(50%)}.projects-container .overview .project-wrapper:hover{z-index:9999}.projects-container .overview .project-wrapper:hover h2:after{background-color:var(--project-color)}.projects-container .overview .project-wrapper h3{opacity:.4;padding-bottom:1rem}.projects-container .overview .project-wrapper .project{overflow:hidden}.projects-container .overview .project-wrapper .images{position:relative;z-index:1;animation:none!important;opacity:1}.projects-container .overview .project-wrapper .date-tags{position:relative;max-width:30%;height:fit-content;margin-right:2rem;overflow:hidden}@media(max-width:768px){.projects-container .overview .project-wrapper .date-tags{max-width:100%;margin-right:0;justify-content:center;align-items:center;margin-top:1rem;padding-bottom:1rem}}.projects-container .overview .project-wrapper .date-tags .tags{display:flex;flex-wrap:wrap;width:100%}.projects-container .overview .project-wrapper .date-tags .tags a{display:flex;text-decoration:none;width:50%;padding:.65rem .65rem 0 .75rem;transition:all .2s ease}.projects-container .overview .project-wrapper .date-tags .tags a.react{--tag-color:#61dbfb}.projects-container .overview .project-wrapper .date-tags .tags a.nextjs{--tag-color:#fff}.projects-container .overview .project-wrapper .date-tags .tags a.typescript{--tag-color:#48a6e6}.projects-container .overview .project-wrapper .date-tags .tags a.sass{--tag-color:#df71a8}.projects-container .overview .project-wrapper .date-tags .tags a.node{--tag-color:#68a063}.projects-container .overview .project-wrapper .date-tags .tags a.docker{--tag-color:#a7e3f5}.projects-container .overview .project-wrapper .date-tags .tags a.gitlab{--tag-color:#e9ba79}.projects-container .overview .project-wrapper .date-tags .tags a.angular{--tag-color:#be5e74}.projects-container .overview .project-wrapper .date-tags .tags a.shell{--tag-color:#50e0a9}.projects-container .overview .project-wrapper .date-tags .tags a div{display:flex;align-items:center;justify-content:center;max-height:2rem;text-transform:uppercase;color:#6d6b68;background:rgba(50,50,51,.149);width:100%;border-radius:2rem;border:1px solid #323233;transition:all .1s ease-in-out}.projects-container .overview .project-wrapper .date-tags .tags a div img{max-height:65%;margin-right:.25em;opacity:.4}@media(min-width:768px){.projects-container .overview .project-wrapper .date-tags .tags a:hover{box-shadow:0 -1px 5px -5px #000,0 10px 30px -10px rgba(0,0,0,.75);transform:translateY(-.15rem)}.projects-container .overview .project-wrapper .date-tags .tags a:hover div{color:var(--tag-color);border-color:var(--tag-color)}.projects-container .overview .project-wrapper .date-tags .tags a:hover div img{opacity:1;max-height:80%}}.slider-container{position:relative;width:100%;overflow:hidden;max-width:90vw}.slider{display:flex}.slider-track{display:flex;transition:transform .5s ease}.slider-item{min-width:100%;box-sizing:border-box}.slider-item img{position:relative;width:100%;height:auto;display:block;cursor:pointer;z-index:-1}.slider-button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:none;font-size:24px;padding:10px;cursor:pointer;z-index:10}.slider-button.prev{left:.5em}.slider-button.next{right:.5em}.image-viewer{position:fixed;top:0;left:0;z-index:9999!important;opacity:1!important;animation:none!important}.image-viewer .drop{position:fixed;top:0;left:0;height:100vh;width:100vw;background:rgba(0,0,0,.75);opacity:0;animation:fadeIn .25s ease forwards;animation-delay:0s!important}.image-viewer .image{position:fixed;top:50vh;left:50vw;opacity:1!important;border:none!important;animation:none!important;transform:translate(-50%,-50%)}.image-viewer .image img{position:relative;max-width:90vw;z-index:9999;border-radius:.25em;border:1px solid #000;opacity:0;animation:showDown .25s ease forwards;animation-delay:.25s!important;filter:none!important;cursor:default!important}.image-viewer .close{position:fixed;top:2.5rem;right:2.5rem;font-size:2rem;color:#fff;transition:all .2s ease;cursor:pointer;opacity:0;animation:showDown .25s ease forwards;animation-delay:.5s;transition:color .25s ease-in-out}.image-viewer .close:hover{color:hsla(0,0%,100%,.5)}@media(max-width:768px){.image-viewer .close{top:.5rem;right:.5rem}}@media(min-width:768px){.slider-item{min-width:30%;margin-right:3.33%}.slider-item img{max-height:25rem}}@media(max-width:767px){.slider-item{min-width:100%}}