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