.main{height:95vh}.image-info{color:#fff;display:flex;flex-direction:column;margin:auto;width:80%}.image-info .title{font-size:40px;font-weight:700}.image-info .description{font-size:15px}.image-info .stacks{display:flex;flex-direction:row}.image-info button{background-color:#fff;border-radius:999px;color:#000;display:flex;margin-top:15px;padding:10px 16px;width:-moz-fit-content;width:fit-content}.image-info button:hover{background-color:var(--green-code);color:#fff;cursor:pointer}.slider-background{align-items:start;background-image:linear-gradient(115deg,rgba(0,0,0,.4),rgba(0,0,0,.4)),var(--mobile-url);background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:space-between;transition:all .8s ease-out;width:100%}.buttons-content,.slider-background{display:flex;flex-direction:column;height:100%}.buttons-content{justify-content:end;margin-left:auto}h2,p{margin:0}.slider{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;position:relative}.image-row,.slider{display:flex;width:100%}.image-row{gap:50px;justify-content:space-between;max-width:80vw;overflow-x:scroll;overflow-y:hidden;padding-bottom:5px;scrollbar-color:red;scrollbar-width:thin}.image-row::-webkit-scrollbar{height:10px;width:10px}.image-row::-webkit-scrollbar-thumb{background:linear-gradient(to bottom right,#8cad5a,#8eea04);border-radius:5px}.image-row::-webkit-scrollbar-track{background-color:#ddd;border:1px solid #ccc;border-radius:5px}.slider-image{--image-width:150;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:20px;cursor:pointer;height:100px;min-width:calc(var(--image-width)*1px);transition:transform .3s ease}.slider-image:hover{transform:scale(1.1)}.animate-selected-next{--slidein-length:calc(var(--slide-length)*1px);animation:slidein 2s forwards}.animate-selected-prev{--slideout-length:calc(var(--slide-length)*-1px);animation:slideout 2s forwards}.animate-image-next{--slideout-length:calc((var(--image-width) + 50)*-1px);animation:slideout 2s forwards}.animate-image-prev{--slidein-length:325px;animation:slidein 2s forwards}@keyframes slidein{0%{transform:translateX(0)}to{transform:translateX(var(--slidein-length))}}@keyframes slideout{0%{transform:translateX(0)}to{transform:translateX(var(--slideout-length))}}.image-content{align-items:center;background:rgba(0,0,0,.7);color:#fff;flex-direction:column}.image-content,.slider-controls{display:flex;justify-content:end}.slider-controls{gap:20px}.slider-controls button{align-items:center;background:none;background-color:#212121;border-color:#fff;border-radius:50px;box-shadow:0 2px 4px 0 #494949;color:#fff;display:flex;font-size:40px;justify-content:center;line-height:1;margin:10px 0;padding:1px 10px 6px;text-decoration:none;transition:.3s}.slider-controls button:hover{box-shadow:0 0 transparent;color:#f3f3d9;transform:translateY(2px)}@media (min-width:640px){.image-row{max-width:500px}}@media (min-width:1024px){.main{height:80vh}.image-info{margin:0 0 0 200px;width:80%}.image-info .title{font-size:70px}.image-info .description{font-size:20px}.slider-background{background-image:linear-gradient(115deg,rgba(0,0,0,.4),rgba(0,0,0,.4)),var(--screen-url);flex-direction:row}.image-row{max-width:620px}.slider-image{--image-width:275;background-position:50%;background-repeat:no-repeat;background-size:contain;height:200px}.slider-controls button{font-size:70px;line-height:1;margin:10px 0;padding:1px 19px 16px}}@media (min-width:1280px){.image-row{max-width:940px}}