:root{ --clrBW00p: hsl(0, 0%, 0%); --clrBW05p: hsl(0, 0%, 5%); --clrBW06p: hsl(0, 0%, 6%); --clrBW10p: hsl(0, 0%, 10%); --clrBW13p: hsl(0, 0%, 13%); --clrBW15p: hsl(0, 0%, 15%); --clrBW20p: hsl(0, 0%, 20%); --clrBW25p: hsl(0, 0%, 25%); --clrBW30p: hsl(0, 0%, 30%); --clrBW35p: hsl(0, 0%, 35%); --clrBW40p: hsl(0, 0%, 40%); --clrBW45p: hsl(0, 0%, 45%); --clrBW50p: hsl(0, 0%, 50%); --clrBW55p: hsl(0, 0%, 55%); --clrBW60p: hsl(0, 0%, 60%); --clrBW65p: hsl(0, 0%, 65%); --clrBW70p: hsl(0, 0%, 70%); --clrBW75p: hsl(0, 0%, 75%); --clrBW80p: hsl(0, 0%, 80%); --clrBW85p: hsl(0, 0%, 85%); --clrBW90p: hsl(0, 0%, 90%); --clrBW95p: hsl(0, 0%, 95%); --clrBW100p: hsl(0, 0%, 100%); /*greenish*/ --clrGRN02p: hsl(130,50%,2%); --clrGRN03p: hsl(130,50%,3%); --clrGRN04p: hsl(130,50%,4%); --clrGRN05p: hsl(130,50%,5%); --clrGRN06p: hsl(130,50%,6%); --clrGRN07p: hsl(130,50%,7%); --clrGRN08p: hsl(130,50%,8%); --clrGRN09p: hsl(130,50%,9%); --clrGRN10p: hsl(130,50%,10%); --clrGRN11p: hsl(130,50%,11%); --clrGRN13p: hsl(130,50%,13%); --clrGRN15p: hsl(130,50%,15%); --clrGRN17p: hsl(130,50%,17%); /* category colors*/ --clrUX:hsla(143, 64%, 24%, 0.99); /* #166434 */ --clrUI:hsla(29, 43%, 57%, 0.99); /* #c09062 */ --clrDV:hsla(335, 35%, 59%, 0.99); /* #bb7290 */ --clrDC:hsl(59, 36%, 69%); /* #cccb93 */ --clrDS:hsla(59, 36%, 69%, 0.99); /* #cccb93 */ --clrLUX:hsla(182, 33%, 45%, 0.99); /* #4d9699 */ --clrWD:hsla(206, 56%, 37%, 0.99); /* #2a6593 */ --clrID:hsla(60, 11%, 39%, 0.99); /* #6e6e59; */ /* category colors A */ --clrUXa:hsla(143, 64%, 24%, 0.99); /* # */ --clrUIa:hsla(29, 43%, 57%, 0.5); /* # */ --clrDVa:hsla(335, 36%, 65%, 0.5); /* # */ --clrDCa:hsl(59, 36%, 69%); /* # */ --clrDSa:hsla(59, 36%, 69%, 0.6); /* # */ --clrLUXa:hsla(182, 33%, 45%, 0.7); /* # */ --clrWDa:hsla(206, 56%, 37%, 0.7); /* # */ --clrIDa:hsla(60, 11%, 39%, 0.8); /* # */ /*cnt txt clr*/ --clrUXcnt:hsl(100,10%,75%); --clrUIcnt:hsl(30,10%,75%); --clrDVcnt:hsl(353,10%,75%); --clrDCcnt:hsl(58,10%,75%); --clrDScnt:hsl(58,10%,75%); --clrLUXcnt:hsl(182,10%,75%); --clrWDcnt:hsl(226,10%,75%); --clrIDcnt:hsl(60,10%,75%);} html,body{width:100%;height:100vh;color:var(--clrBW95p);background:var(--clrBW00p);font-smooth:auto;-webkit-font-smoothing: antialiased; font-weight__:200;font-family__:'Courier New', Courier, monospace;} /*font*/ h1, h2, h3, h4, svg, .mono{font-family:'Courier New', Courier, monospace;} p,.sans{font-family: 'Nunito Sans', Tahoma, Geneva, Verdana, sans-serif; font-weight:200;} /* p{font-family: 'Nunito Sans', Tahoma, Geneva, Verdana, sans-serif; font-weight:200;} */ .smoothMe{font-smooth:auto;-webkit-font-smoothing: antialiased} .fauxSelected{ background:var(--clrBW05p);padding:2px 3px} .cursor-default, .cursDef{cursor: default !important} /*layout*/ /*5quares*/ details > summary {border:none;cursor: pointer} details[open] > summary {border: none !important} details[open] summary ~ * {animation: sweep .5s ease-in-out} @keyframes sweep {0%{opacity: 0; margin-top: -10px} 100%{opacity: 1; margin-top: 0px}} details[open], summary[open] {border:black} summary::marker {background:white} /*shadows */ .txtShw {text-shadow:1px 1px var(--clrBW20p)} .txtShwXX {text-shadow:7px 0px var(--clrBW40p)} .txtShwXXbtm {text-shadow:7px 0px var(--clrBW70p)} .dB01{border:2px solid black;} .dSh01{box-shadow:4px 4px black} .dSh02{background:white;border:1px solid #444;margin-right:8px;padding:3px 3px;border-radius:0.125rem;box-shadow:4px 4px black} .dSh03{border:1px solid hsla(0,0%,99%,0.5);margin-right:0.75%;padding:4px 4px;border-radius:0.125rem;box-shadow:4px 4px hsla(0,0%,99%,0.95)} /*.txtShwXX:hover{text-shadow:6px 0px var(--clrBW50p)}*/ .trans300{transition-property:all;transition-duration:300ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);} .trans500{transition-property:all;transition-duration:500ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);} .trans1000{transition-property:all;transition-duration:1000ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);} .trans1500{transition-property:all;transition-duration:1500ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);} /*SVG */ .sto, .stowh{width:100% !important;height:100% !important;} .containerSvg{max-height:100vh;background:url("data:image/gif;base64,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") center / contain no-repeat, radial-gradient(at 85% 55%,hsla(0,0%,95%,0.35) 0,transparent 30%), radial-gradient(at 10% 10%,hsla(99,41%,27%,0.45) 0,transparent 40%), radial-gradient(at 25% 25%,hsla(335,35%,59%,0.45) 0,transparent 30%), radial-gradient(at 57% 23%,hsla(29,43%,57%,0.45) 0,transparent 30%), radial-gradient(at 55% 60%,hsla(182,33%,45%,0.45) 0,transparent 24%), radial-gradient(at 60% 65%,hsla(206,56%,37%,0.3) 0,transparent 25%), radial-gradient(at 34% 70%,hsla(60,11%,39%,0.4) 0,transparent 40%), radial-gradient(at 60% 75%,hsla(0,0%,95%,0.3) 0,transparent 45%) ;} /* @media (max-width:414px) {.containerSvg{background:none} } */ desc{visibility: visible !important} g{display: block !important} svg > title {font-weight: bolder !important;visibility: visible !important} /*svg .svgHover:hover {filter: invert(0.95) contrast(5) sepia(0) hue-rotate(0deg)}*/ /*logo*/ .contentLogo, .contentLogoWht{color:var(--clrBW95p);letter-spacing:0.1rem} .contentLogo :nth-child(1){color:var(--clrBW13p)} .contentLogo :nth-child(2){color:var(--clrBW20p)} .contentLogo :nth-child(3){color:var(--clrBW35p)} .contentLogo :nth-child(4){color:var(--clrBW55p)} .contentLogo :nth-child(5){color:var(--clrBW70p)} .contentLogo :nth-child(6){color:var(--clrBW85p)} .contentLogo :nth-child(7){color:var(--clrBW100p)} .contentLogoWht :nth-child(1){color:var(--clrBW00p)} .contentLogoWht :nth-child(2){color:var(--clrBW15p)} .contentLogoWht :nth-child(3){color:var(--clrBW30p)} .contentLogoWht :nth-child(4){color:var(--clrBW45p)} .contentLogoWht :nth-child(5){color:var(--clrBW60p)} .contentLogoWht :nth-child(6){color:var(--clrBW75p)} .contentLogoWht :nth-child(7){color:var(--clrBW85p)} /*bgd grad*/ .aniBgd{background: radial-gradient(at 65% 75%,var(--clrBW10p) 0,transparent 100%), radial-gradient(at 65% 42%,var(--clrBW40p) 0,transparent 50%), radial-gradient(at 30% 35%,var(--clrBW05p) 0,transparent 35%), radial-gradient(at 34% 57%,var(--clrBW10p) 0,transparent 50%), radial-gradient(at 76% 53%,var(--clrBW00p) 0,transparent 64%);} .aniBgdBlck{background:linear-gradient(var(--clrBW06p),var(--clrBW00p))} .boxBgdAbt{box-shadow: 0 5px hsl(0,0%,5%), 0 10px hsl(0,0%,8%), 0 15px hsl(0,0%,11%), 0 20px hsl(0,0%,14%), 0 25px hsl(0,0%,17%), 0 30px hsl(0,0%,20%), 0 35px hsl(0,0%,23%); } .boxUxBgd{background:var(--clrGR02p); box-shadow: 0 5px hsl(130,50%,4%), 0 10px hsl(130,50%,5.5%), 0 15px hsl(130,50%,7%), 0 20px hsl(130,50%,8.5%), 0 25px hsl(130,50%,10%), 0 30px hsl(130,50%,11.5%), 0 35px hsl(130,50%,13%) } .gradUx{background-color:hsl(130,50%,5%); background:radial-gradient(at 65% 75%,hsl(130,50%,2%) 0,transparent 120%), radial-gradient(at 65% 42%,hsl(130,50%,25%)0,transparent 40%), radial-gradient(at 30% 35%,hsl(121, 51%, 19%)0,transparent 35%), radial-gradient(at 34% 57%,hsl(130,50%,11%)0,transparent 50%), radial-gradient(at 76% 53%,hsl(130,50%,13%)0,transparent 64%); left:0;top:0;position:relative;width:100%;height:auto;} .gradLux{/*background-color:hsl(182,33%,5%);*/ background:radial-gradient(at 65% 75%,hsl(182,33%,1%) 0,transparent 120%), radial-gradient(at 65% 42%,hsl(182,33%,25%)0,transparent 40%), radial-gradient(at 30% 35%,hsl(182,33%,19%)0,transparent 35%), radial-gradient(at 34% 57%,hsl(182,33%,11%)0,transparent 50%), radial-gradient(at 76% 53%,hsl(182,33%,13%)0,transparent 64%); left:0;top:0;position:relative;width:100%;height:auto;} .gradDv{/*background-color:hsl(335,35%,5%);*/ background:radial-gradient(at 65% 75%,hsl(335,35%,1%) 0,transparent 120%), radial-gradient(at 65% 42%,hsl(335,35%,25%)0,transparent 40%), radial-gradient(at 30% 35%,hsl(335,35%,19%)0,transparent 35%), radial-gradient(at 34% 57%,hsl(335,35%,11%)0,transparent 50%), radial-gradient(at 76% 53%,hsl(335,35%,13%)0,transparent 64%); left:0;top:0;position:relative;width:100%;height:auto;} .gradDc{/*background-color:hsl(58,36%,5%);*/ background:radial-gradient(at 65% 75%,hsl(58,36%,0.15%) 0,transparent 150%), radial-gradient(at 65% 42%,hsl(58,36%,25%)0,transparent 40%), radial-gradient(at 30% 35%,hsl(58,36%,19%)0,transparent 35%), radial-gradient(at 34% 57%,hsl(58,36%,11%)0,transparent 50%), radial-gradient(at 76% 53%,hsl(58,36%,13%)0,transparent 64%); left:0;top:0;position:relative;width:100%;height:auto;} .gradBx{background: radial-gradient(at 65% 75%,#171717 0,transparent 100%), radial-gradient(at 65% 42%,rgba(255,200,0,.7)0,transparent 50%), radial-gradient(at 30% 35%,rgba(245,61,76,.7)0,transparent 35%), radial-gradient(at 34% 57%,rgb(255 0 95 / 70%)0,transparent 50%), radial-gradient(at 76% 53%,rgb(5 0 255 / 70%)0,transparent 64%); left:0;top:0;position:relative;width:100%;height:auto;} .gradCx{background: radial-gradient(at 65% 75%,#171717 0,transparent 100%), radial-gradient(at 65% 42%,rgba(142, 105, 146, 0.909)0,transparent 50%), radial-gradient(at 30% 35%,rgba(115, 100, 133, 0.884)0,transparent 35%), radial-gradient(at 34% 57%,rgba(144, 138, 90, 0.89)0,transparent 50%), radial-gradient(at 76% 53%,rgba(96, 154, 147, 0.901)0,transparent 64%); left:0;top:0;position:relative;width:100%;height:auto;}/*NiU*/ .gradDx{background-color: rgb(34,34,34); background-image: radial-gradient(circle, rgba(34,34,34,1) 0%, rgba(0,0,0,1) 100%);} .gradEx{background-color: rgb(34,34,34); background-image: radial-gradient(circle, rgba(30,30,30,0.85) 0%, rgba(0,0,0,0.91) 100%);} .gradient{background-color:#171717; background-image:radial-gradient(at 65% 75%,#171717 0,transparent 100%), radial-gradient(at 65% 42%,rgba(255,200,0,.7)0,transparent 50%), radial-gradient(at 30% 35%,rgba(245,61,76,.7)0,transparent 35%), radial-gradient(at 34% 57%,rgba(234,0,255,.7)0,transparent 50%), radial-gradient(at 76% 53%,rgba(89,0,255,.7)0,transparent 64%); left:0;top:0;position:relative;width:100%;height:auto;} /*NiU*/ .boxDCBgd{ /*background:rgb(20, 16, 0);*/ /* hsl(48,100,4) */ box-shadow: 0 5px hsl(55,100%,4%), 0 10px hsl(55,100%,5.5%), 0 15px hsl(55,100%,7%), 0 20px hsl(55,100%,8.5%), 0 25px hsl(55,100%,10%), 0 30px hsl(55,100%,11.5%), 0 35px hsl(55,100%,13.5%); } /* yellow e7df03 / hsl(58, 97%, 46%) */ /*.boxDCBgd{ background:hsl(240,11%,4%); #4f4f63 / hsl(240,11,35) box-shadow: 0 5px hsl(240,11%,5%), 0 10px hsl(240,11%,7%), 0 15px hsl(240,11%,9%), 0 20px hsl(240,11%,11%), 0 25px hsl(240,11%,13%), 0 30px hsl(240,11%,15%), 0 35px hsl(240,11%,17%); } */ .boxWDBgd{ background:hsl(205,80%,4%); box-shadow: 0 5px hsl(205,80%,4%), 0 10px hsl(205,80%,5.5%), 0 15px hsl(205,80%,7%), 0 20px hsl(205,80%,8.5%), 0 25px hsl(205,80%,10%), 0 30px hsl(205,80%,11.5%), 0 35px hsl(205,80%,13.5%); } /* 2693e7 / hsl(206, 80%, 53%) */ .boxIDBgd{ background:hsl(60,60%,4%); box-shadow: 0 5px hsl(60,60%,4%), 0 10px hsl(60,60%,5.5%), 0 15px hsl(60,60%,7%), 0 20px hsl(60,60%,8.5%), 0 25px hsl(60,60%,10%), 0 30px hsl(60,60%,11.5%), 0 35px hsl(60,60%,13.5%); } /* e5e3a0 / hsl(58, 57%, 76%) */ .boxLXBgd{ /*background:hsl(180,80%,4%);*/ box-shadow: 0 5px hsl(180,80%,4%), 0 10px hsl(180,80%,5.5%), 0 15px hsl(180,80%,7%), 0 20px hsl(180,80%,8.5%), 0 25px hsl(180,80%,10%), 0 30px hsl(180,80%,11.5%), 0 35px hsl(180,80%,13.5%); } /* e5e3a0 / */ .boxUiBgd{ background:hsl(30,75%,4%); box-shadow: 0 5px hsl(30,75%,5%), 0 10px hsl(30,75%,7%), 0 15px hsl(30,75%,9%), 0 20px hsl(30,75%,11%), 0 25px hsl(30,75%,13%), 0 30px hsl(30,75%,15%), 0 35px hsl(30,75%,17%); } .boxDevBgd{/*background: hsl(325,75%,4%);*/ box-shadow: 0 5px hsl(325,75%,4%), 0 10px hsl(325,75%,5.5%), 0 15px hsl(325,75%,7%), 0 20px hsl(325,75%,8.5%), 0 25px hsl(325,75%,10%), 0 30px hsl(325,75%,11.5%), 0 35px hsl(325,75%,13%); } /* 5 */ .leanUx5_01, .leanUx5_02, .leanUx5_03, .leanUx5_04, .leanUx5_05 { padding: 5%; position: relative} .leanUx5_01:after, .leanUx5_02:after, .leanUx5_03:after, .leanUx5_04:after, .leanUx5_05:after {display:none;bottom:0;left:80%;position:absolute;font-size:200%;} .leanUx5_01 {background:var(--clrBW10p)} .leanUx5_01:after{content:"1";} .leanUx5_02 {background:var(--clrBW25p)} .leanUx5_02:after{content:"2";} .leanUx5_03 {background:var(--clrBW50p);color:var(--clrBW15p)} .leanUx5_03:after{content:"3";} .leanUx5_04 {background:var(--clrBW75p);color:var(--clrBW10p)} .leanUx5_04:after{content:"4";} .leanUx5_05 {background:var(--clrBW90p);color:var(--clrBW00p)} .leanUx5_05:after{content:"5";} .gs_reveal{opacity:0;visibility:hidden;will-change:transform,opacity;} /*ani*/ /*paralax*/ .bgdStat{background: url(../img/alexx-enterprises-bgd_09.webp), radial-gradient(at 65% 75%,#171717 0,transparent 50%), radial-gradient(at 65% 42%,rgba(255,200,0,.7)0,transparent 30%), radial-gradient(at 30% 35%,rgba(245,61,76,.5)0,transparent 15%), radial-gradient(at 34% 57%,rgb(255 0 95 / 50%)0,transparent 30%), radial-gradient(at 76% 53%,rgb(5 0 255 / 80%)0,transparent 50%) } .bgdStatID{background: url(../img/alexx-small-companies-bgd_05_01.webp), radial-gradient(at 65% 75%,#171717 0,transparent 50%), radial-gradient(at 76% 53%,rgb(5 0 255 / 80%)0,transparent 50%), radial-gradient(at 65% 42%,rgba(255,200,0,.7)0,transparent 30%), radial-gradient(at 30% 35%,rgba(245,61,76,.7)0,transparent 15%), radial-gradient(at 34% 57%,rgb(255 0 95 / 70%)0,transparent 30%) } .bg,.bgd,.bgdStat__{position:absolute;top:0;left:0;width:100%;height:100%;background-attachment:fixed; background-repeat:repeat;background-position:top left;} .rotated{transform:rotate(180deg);display:inline-block;} .ent01,.ent02,.ent03,.ent04,.ent05,.ent06,.ent07, .entP01,.entP02,.entP03,.entP04,.entP05,.entP06,.entP07{transition:.3s ease-in-out;} .ent01:hover,.ent02:hover,.ent03:hover,.ent04:hover,.ent05:hover,.ent06:hover,.ent07:hover, .entP01:hover,.entP02:hover,.entP03:hover,.entP04:hover,.entP05:hover,.entP06:hover,.entP07:hover{background:#eee;color:#222;padding_:0.25rem;transition:.3s ease-in-out;text-shadow:0 1px #ccc} .ent01:hover::after,.ent02:hover::after,.ent03:hover::after,.ent04:hover::after,.ent05:hover::after,.ent06:hover::after,.ent07:hover::after, .entP01:hover::after,.entP02:hover::after,.entP03:hover::after,.entP04:hover::after,.entP05:hover::after,.entP06:hover::after,.entP07:hover::after{position:absolute;display:inline-block;bottom:15%;left:auto;right:25%;font-size:0.8em;background:#000;width:auto;color:#fff;padding:2px 0.5rem;transition:.3s ease-in-out; border:1px solid hsla(0,0%,99%,0.5);margin-right:0.75%;padding:0 2%;border-radius:0.0125rem;box-shadow:4px 4px hsla(0,0%,99%,0.95)} .ent01:hover::after{content:"User Experience";} .ent02:hover::after{content:"User Interface";} .ent03:hover::after{content:"Lean UX";} .ent04:hover::after{content:"Web Development";} .ent05:hover::after{content:"Design System";} .ent06:hover::after{content:"Web Development";} .ent07:hover::after{content:"Design System";} .entP01:hover::after{content:"Projects";} .entP02:hover::after{content:"Projects latest";} .entP03:hover::after{content:"White-label · Wireframe · Prototype";} .entP04:hover::after{content:"Projects UX UI · Lean-UX";} .entP05:hover::after{content:"Archive cases";} .entP06:hover::after{content:"Archive other";} .entP07:hover::after{content:" ";}