:root{--sidePanelWidth:800px;--closeBtnSize:4.5rem;--vh:1vh;--topRight:calc(var(--closeBtnSize)*1);--rightRight:calc(var(--closeBtnSize)*1)}::-moz-selection{background:#ffeb04;color:#232323}::selection{background:#ffeb04;color:#232323}:root.portrait .projects-thumbnail{margin-bottom:3rem}.project-content{display:flex;flex-direction:column}.cross{transition:margin .5s ease;width:1.8rem}.project-content:hover .cross{margin-left:1rem}.more_details{display:flex;flex-direction:row}.details_p{margin-top:0!important;margin:0 1rem 0 0;text-transform:uppercase}.padbyheadersize{padding-top:13rem}.projects{align-items:center;display:flex;flex-direction:column;font-family:AeonikR;font-size:1.5rem;justify-content:center;line-height:2.5rem;margin:auto;overflow:hidden;padding-bottom:10rem;width:100%}.projects .category-description{margin-bottom:5rem}.projects a{text-decoration:none}.projects a,.projects a :active,.projects a :visited,.projects a:hover{color:#ffeb04}.projects :is(h1){padding-top:2em}.projects :is(h2){font-size:1em}.projects .carousel{margin-bottom:4rem;margin-top:4rem}.projects .projects-grid .projects-element{align-items:center;-moz-column-gap:5rem;column-gap:5rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-bottom:12rem}.projects.landscape .projects-grid .projects-element.swap1 .project-content{order:-1;text-align:right}.projects.landscape .projects-grid .projects-element.swap1 .separator{align-self:flex-end}.projects.landscape .projects-grid .projects-element.swap1 .more_details{justify-content:flex-end}.projects.landscape .projects-grid .projects-element.swap1 .project-thumbnail{order:1}.projects .projects-element .project-platform,.projects .projects-element h6{color:#d8d8d8;font-family:AeonikL;font-size:1.8rem}.projects .projects-element .project-platform{margin-bottom:.5rem;margin-top:0}.projects .projects-element p{line-height:1.5em;margin-top:2rem}.projects .projects-element .project-title,.projects .projects-element h5{color:#fff;font-family:AeonikB;font-size:3rem;text-transform:uppercase}.projects .projects-element a.project-link,.projects .projects-element a.project-link:active,.projects .projects-element a.project-link:focus,.projects .projects-element a.project-link:hover,.projects .projects-element a.project-link:visited{color:inherit;text-decoration:none}.projects .projects-thumbnail{align-items:center;aspect-ratio:16/9;border-radius:.8vmin;display:flex;height:100%;justify-content:center;overflow:hidden;transition:transform .5s ease-out,filter 1s ease-out;width:100%}.projects .projects-thumbnail img{border-radius:5px;height:100%;margin:0;max-width:-moz-max-content;max-width:max-content;-o-object-fit:cover;object-fit:cover;padding:2rem 0;position:relative;transform:scale(1);transition:height 1s ease,width 1s ease,filter 1s ease;width:100%}.projects .projects-thumbnail img:hover{filter:brightness(60%);-webkit-filter:brightness(60%);-moz-filter:brightness(60%);height:95%;width:95%}.projects .project-text:before{background:#fff;transform:scaleY(0);transform-origin:0 100%}.projects .project-text.aos-animate:before{transform:scaleY(1)}.projects .separator{align-self:flex-start;background-color:#fff;height:2px;margin-bottom:3rem;width:70px}.projects [data-aos=reveal-top]{transform:scaleY(0);transition-delay:.5s;transition-property:transform}.projects [data-aos=reveal-top].aos-animate{animation:text-up 1s ease;transform:scaleY(1)}@keyframes text-up{0%{transform:translateY(80%)}50%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes removePadding{to{padding:0}}.projects .project-content{align-items:center;color:#fff;display:flex;width:100%}.projects .project-content a:active,.projects .project-content a:hover,.projects .project-content a:visited{color:#fff}.projects .project-text{width:100%}.projects .project-img{margin-right:20px;width:200px}.container_project{align-items:center;cursor:"pointer";display:flex;justify-content:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.sticky-container{border:1px solid red;position:relative}.animateClass{animation:fadeUp .7s cubic-bezier(.68,-.55,.27,1.55)}@media screen and (min-width:1080px){.projects{position:relative}.projects .projects-grid .projects-element{flex-direction:row;width:70%}.projects .project-content,.projects .projects-thumbnail{width:50%}.projects-grid{margin-top:7rem}.projects-element.swap0{margin-right:-10rem}.projects-element.swap1{margin-left:-10rem}}