@media only screen and (min-width:0){#skills-section .git{aspect-ratio:1;width:140px;transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:var(--dur-page);flex-direction:row;transition-property:all;display:flex;position:relative}#skills-section .git.hover .cub-1{transform:translate(100px)rotateX(91deg)rotateY(45deg)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .git:has(.face:hover) .cub-1{transform:translate(100px)rotateX(91deg)rotateY(45deg)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .git #tridiv{perspective:800px;background:0 0;width:100%;height:100%;font-size:50%;position:absolute;scale:.17}#skills-section .git .scene,#skills-section .git .shape,#skills-section .git .face,#skills-section .git .face-wrapper,#skills-section .git .cr{transform-style:preserve-3d;position:absolute}#skills-section .git .scene{pointer-events:none;width:5em;height:5em}#skills-section .git .shape{transform-origin:50%;width:0;height:0}#skills-section .git .face,#skills-section .git .face-wrapper{transform-origin:0 0;backface-visibility:hidden}#skills-section .git .face{pointer-events:all;background-position:50%;background-size:100% 100%!important}#skills-section .git .face-wrapper .face{width:100%;height:100%;left:100%}#skills-section .git .photon-shader{width:100%;height:100%;position:absolute;top:0;left:0}#skills-section .git .side{left:50%}#skills-section .git .cr,#skills-section .git .cr .side{height:100%}#skills-section .git [class*=cuboid] .ft,#skills-section .git [class*=cuboid] .bk{width:100%;height:100%}#skills-section .git [class*=cuboid] .bk{left:100%}#skills-section .git [class*=cuboid] .rt{transform:rotateY(-90deg)translate(-50%)}#skills-section .git [class*=cuboid] .lt{transform:rotateY(90deg)translate(-50%)}#skills-section .git [class*=cuboid] .tp{transform:rotateX(90deg)translateY(-50%)}#skills-section .git [class*=cuboid] .bm{transform:rotateX(-90deg)translateY(-50%)}#skills-section .git [class*=cuboid] .lt{left:100%}#skills-section .git [class*=cuboid] .bm{top:100%}#skills-section .git .cub-1{opacity:1;width:50em;height:10em;transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:var(--dur-page);margin:-5em 0 0 -25em;transition-property:all;transform:translateY(50px)rotateX(40deg)rotateY(45deg)rotate(30deg)scale(1)}#skills-section .git .cub-1 .ft{transform:translateZ(25em)}#skills-section .git .cub-1 .bk{transform:translateZ(-25em)rotateY(180deg)}#skills-section .git .cub-1 .rt,#skills-section .git .cub-1 .lt{width:50em;height:10em}#skills-section .git .cub-1 .tp,#skills-section .git .cub-1 .bm{border-radius:100%;width:50em;height:50em;overflow:visible;background-color:#fff!important}#skills-section .git .cub-1 .bm img{aspect-ratio:1;width:100%;position:relative;top:-2px;left:-7px;overflow:visible;transform:rotate(-45deg)scale(1.3)}#skills-section .git .cub-1 .face{background-color:#bf2b0d}#skills-section .git .cub-1 .ft{width:47em;margin-left:1.5em}#skills-section .git .cub-1 .bk{width:47em;margin-left:-1.5em}#skills-section .git .cub-1 .rt,#skills-section .git .cub-1 .lt{width:47em}#skills-section .git .cub-1 .tp,#skills-section .git .cub-1 .bm,#skills-section .git .cub-1 .tp .photon-shader,#skills-section .git .cub-1 .bm .photon-shader{border-radius:1.5em}#skills-section .git .cub-1 .cr{width:1.5em;left:.75em}#skills-section .git .cub-1 .cr-0{transform:translate3d(47em,0,23.5em)}#skills-section .git .cub-1 .cr-1{transform:translate3d(47em,0,-23.5em)}#skills-section .git .cub-1 .cr-2{transform:translateZ(-23.5em)}#skills-section .git .cub-1 .cr-3{transform:translateZ(23.5em)}#skills-section .git .cub-1 .cr-0 .s0{transform:rotateY(15deg)translate3d(-50%,0,1.475em)}#skills-section .git .cub-1 .cr-0 .s1{transform:rotateY(45deg)translate3d(-50%,0,1.475em)}#skills-section .git .cub-1 .cr-0 .s2{transform:rotateY(75deg)translate3d(-50%,0,1.475em)}#skills-section .git .cub-1 .cr-1 .s0{transform:rotateY(105deg)translate3d(-50%,0,1.475em)}#skills-section .git .cub-1 .cr-1 .s1{transform:rotateY(135deg)translate3d(-50%,0,1.475em)}#skills-section .git .cub-1 .cr-1 .s2{transform:rotateY(165deg)translate3d(-50%,0,1.475em)}#skills-section .git .cub-1 .cr-2 .s0{transform:rotateY(195deg)translate3d(-50%,0,1.475em)}#skills-section .git .cub-1 .cr-2 .s1{transform:rotateY(225deg)translate3d(-50%,0,1.475em)}#skills-section .git .cub-1 .cr-2 .s2{transform:rotateY(255deg)translate3d(-50%,0,1.475em)}#skills-section .git .cub-1 .cr-3 .s0{transform:rotateY(285deg)translate3d(-50%,0,1.475em)}#skills-section .git .cub-1 .cr-3 .s1{transform:rotateY(315deg)translate3d(-50%,0,1.475em)}#skills-section .git .cub-1 .cr-3 .s2{transform:rotateY(345deg)translate3d(-50%,0,1.475em)}#skills-section .git .cub-1 .side{width:.828848em}}
@media only screen and (min-width:0){#skills-section .javascript{aspect-ratio:1;z-index:3;flex-direction:row-reverse;width:100%;display:flex;position:relative;top:70px;left:20px;overflow:visible}#skills-section .javascript.hover .cub-1{transform:translate(-60px,-60px)rotateX(-91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .javascript:has(.face:hover) .cub-1{transform:translate(-60px,-60px)rotateX(-91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .javascript #tridiv{perspective:800px;background:0 0;width:100%;height:100%;font-size:50%;position:absolute;scale:.17}#skills-section .javascript .scene,#skills-section .javascript .shape,#skills-section .javascript .face,#skills-section .javascript .face-wrapper,#skills-section .javascript .cr{transform-style:preserve-3d;position:absolute}#skills-section .javascript .scene{pointer-events:none;width:80em;height:80em;left:-100px}#skills-section .javascript .shape{transform-origin:50%;width:0;height:0}#skills-section .javascript .face,#skills-section .javascript .face-wrapper{transform-origin:0 0}#skills-section .javascript .face{pointer-events:all;background-position:50%;background-size:100% 100%!important}#skills-section .javascript .face-wrapper .face{width:100%;height:100%;left:100%}#skills-section .javascript .photon-shader{width:100%;height:100%;position:absolute}#skills-section .javascript .side{left:50%}#skills-section .javascript .cr,#skills-section .javascript .cr .side{height:100%}#skills-section .javascript [class*=cuboid] .ft,#skills-section .javascript [class*=cuboid] .bk{width:100%;height:100%}#skills-section .javascript [class*=cuboid] .bk{left:100%}#skills-section .javascript [class*=cuboid] .rt{transform:rotateY(-90deg)translate(-50%)}#skills-section .javascript [class*=cuboid] .lt{transform:rotateY(90deg)translate(-53%)}#skills-section .javascript [class*=cuboid] .tp{transform:rotateX(90deg)translateY(-50%)}#skills-section .javascript [class*=cuboid] .bm{transform:rotateX(-90deg)translateY(-50%)}#skills-section .javascript [class*=cuboid] .lt{left:100%}#skills-section .javascript [class*=cuboid] .bm{top:100%}#skills-section .javascript .cub-1{transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:var(--dur-page);opacity:1;width:60em;height:12.5em;transition-property:all;position:relative;left:-70px;transform:translate(0,0)rotateX(-120deg)rotateY(0)rotate(30deg)scale(1)}#skills-section .javascript .cub-1 .ft{transform:translateZ(30em)}#skills-section .javascript .cub-1 .bk{transform:translateZ(-30em)translate(-20px)rotateY(180deg)}#skills-section .javascript .cub-1 .rt,#skills-section .javascript .cub-1 .lt{width:60em;height:12.5em}#skills-section .javascript .cub-1 .tp,#skills-section .javascript .cub-1 .bm{justify-content:flex-end;align-items:flex-end;width:60em;height:60em;display:flex}#skills-section .javascript span{color:#323330;margin-bottom:2.5rem;margin-right:3rem;font-size:13rem}#skills-section .javascript .cub-1 .face{background-color:#fff}#skills-section .javascript .cub-1 .ft,#skills-section .javascript .cub-1 .bk{background-color:#d3b912}#skills-section .javascript .cub-1 .tp{background-color:#f0db4f}#skills-section .javascript .cub-1 .bm,#skills-section .javascript .cub-1 .lt,#skills-section .javascript .cub-1 .rt{background-color:#d3b912}#skills-section .javascript .cub-1 .ft{width:35em;margin-left:12.5em}#skills-section .javascript .cub-1 .bk{width:35em;margin-left:-12.5em}#skills-section .javascript .cub-1 .rt,#skills-section .javascript .cub-1 .lt{width:35em}#skills-section .javascript .cub-1 .tp,#skills-section .javascript .cub-1 .bm,#skills-section .javascript .cub-1 .tp .photon-shader,#skills-section .javascript .cub-1 .bm .photon-shader{border-radius:12.5em}#skills-section .javascript .cub-1 .cr{width:12.5em;left:6.25em}#skills-section .javascript .cub-1 .cr-0{transform:translate3d(35em,0,17.5em)}#skills-section .javascript .cub-1 .cr-1{transform:translate3d(35em,0,-17.5em)}#skills-section .javascript .cub-1 .cr-2{transform:translateZ(-17.5em)}#skills-section .javascript .cub-1 .cr-3{transform:translateZ(17.5em)}#skills-section .javascript .cr div{background-color:#d3b912!important}#skills-section .javascript .cub-1 .cr-0 .s0{transform:rotateY(2.64706deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-0 .s1{transform:rotateY(7.94118deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-0 .s2{transform:rotateY(13.2353deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-0 .s3{transform:rotateY(18.5294deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-0 .s4{transform:rotateY(23.8235deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-0 .s5{transform:rotateY(29.1176deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-0 .s6{transform:rotateY(34.4118deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-0 .s7{transform:rotateY(39.7059deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-0 .s8{transform:rotateY(45deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-0 .s9{transform:rotateY(50.2941deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-0 .s10{transform:rotateY(55.5882deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-0 .s11{transform:rotateY(60.8824deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-0 .s12{transform:rotateY(66.1765deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-0 .s13{transform:rotateY(71.4706deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-0 .s14{transform:rotateY(76.7647deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-0 .s15{transform:rotateY(82.0588deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-0 .s16{transform:rotateY(87.3529deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-1 .s0{transform:rotateY(92.6471deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-1 .s1{transform:rotateY(97.9412deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-1 .s2{transform:rotateY(103.235deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-1 .s3{transform:rotateY(108.529deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-1 .s4{transform:rotateY(113.824deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-1 .s5{transform:rotateY(119.118deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-1 .s6{transform:rotateY(124.412deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-1 .s7{transform:rotateY(129.706deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-1 .s8{transform:rotateY(135deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-1 .s9{transform:rotateY(140.294deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-1 .s10{transform:rotateY(145.588deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-1 .s11{transform:rotateY(150.882deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-1 .s12{transform:rotateY(156.176deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-1 .s13{transform:rotateY(161.471deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-1 .s14{transform:rotateY(166.765deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-1 .s15{transform:rotateY(172.059deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-1 .s16{transform:rotateY(177.353deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-2 .s0{transform:rotateY(182.647deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-2 .s1{transform:rotateY(187.941deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-2 .s2{transform:rotateY(193.235deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-2 .s3{transform:rotateY(198.529deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-2 .s4{transform:rotateY(203.824deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-2 .s5{transform:rotateY(209.118deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-2 .s6{transform:rotateY(214.412deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-2 .s7{transform:rotateY(219.706deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-2 .s8{transform:rotateY(225deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-2 .s9{transform:rotateY(230.294deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-2 .s10{transform:rotateY(235.588deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-2 .s11{transform:rotateY(240.882deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-2 .s12{transform:rotateY(246.176deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-2 .s13{transform:rotateY(251.471deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-2 .s14{transform:rotateY(256.765deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-2 .s15{transform:rotateY(262.059deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-2 .s16{transform:rotateY(267.353deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-3 .s0{transform:rotateY(272.647deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-3 .s1{transform:rotateY(277.941deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-3 .s2{transform:rotateY(283.235deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-3 .s3{transform:rotateY(288.529deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-3 .s4{transform:rotateY(293.824deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-3 .s5{transform:rotateY(299.118deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-3 .s6{transform:rotateY(304.412deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-3 .s7{transform:rotateY(309.706deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-3 .s8{transform:rotateY(315deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-3 .s9{transform:rotateY(320.294deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-3 .s10{transform:rotateY(325.588deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-3 .s11{transform:rotateY(330.882deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-3 .s12{transform:rotateY(336.176deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-3 .s13{transform:rotateY(341.471deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-3 .s14{transform:rotateY(346.765deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-3 .s15{transform:rotateY(352.059deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .cr-3 .s16{transform:rotateY(357.353deg)translate3d(-50%,0,12.475em)}#skills-section .javascript .cub-1 .side{width:1.25em}}@media only screen and (min-width:800px){#skills-section .javascript{aspect-ratio:1;z-index:3;flex-direction:row-reverse;width:120px;display:flex;position:relative;top:100px;overflow:visible}#skills-section .javascript.hover .cub-1{transform:translate(80px,-60px)rotateX(-91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .javascript:has(.face:hover) .cub-1{transform:translate(80px,-60px)rotateX(-91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .javascript .cub-1{transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:var(--dur-page);transition-property:all;transform:translate(-50px)rotateX(-120deg)rotateY(0)rotate(-30deg)scale(1)}}
@media only screen and (min-width:0){#skills-section .laravel{aspect-ratio:1;z-index:3;flex-direction:row-reverse;width:150%;display:flex;position:relative;left:20px;overflow:visible}#skills-section .laravel:has(.face:hover) .scene{transform:translate(10%,30%)rotateX(-30deg)rotateY(-30deg)rotate(0)scale3d(1.2,1.2,1.2)}#skills-section .laravel #tridiv{perspective:800px;background:0 0;width:100%;height:100%;font-size:50%;position:absolute;transform:translateY(30%)scale(3)}#skills-section .laravel .scene,#skills-section .laravel .shape,#skills-section .laravel .face,#skills-section .laravel .face-wrapper,#skills-section .laravel .cr{transform-style:preserve-3d;position:absolute}#skills-section .laravel .scene{pointer-events:none;width:80em;height:80em;transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:var(--dur-page);transition-property:all;transform:translate(3%,35%)rotateX(0)rotateY(10deg)rotate(0)scale3d(1.1,1.1,1.1)}#skills-section .laravel .shape{transform-origin:50%;pointer-events:all;width:0;height:0}#skills-section .laravel .face,#skills-section .laravel .face-wrapper{transform-origin:0 0;backface-visibility:hidden;overflow:hidden}#skills-section .laravel .face{pointer-events:all;background-position:50%;background-size:100% 100%!important}#skills-section .laravel .face-wrapper .face{width:100%;height:100%;left:100%}#skills-section .laravel .photon-shader{width:100%;height:100%;position:absolute;top:0;left:0}#skills-section .laravel .side{left:50%}#skills-section .laravel .cr,#skills-section .laravel .cr .side{height:100%}#skills-section .laravel [class*=cuboid] .ft,#skills-section .laravel [class*=cuboid] .bk{width:100%;height:100%}#skills-section .laravel [class*=cuboid] .bk{left:100%}#skills-section .laravel [class*=cuboid] .rt{transform:rotateY(-90deg)translate(-50%)}#skills-section .laravel [class*=cuboid] .lt{transform:rotateY(90deg)translate(-50%)}#skills-section .laravel [class*=cuboid] .tp{transform:rotateX(90deg)translateY(-50%)}#skills-section .laravel [class*=cuboid] .bm{transform:rotateX(-90deg)translateY(-50%)}#skills-section .laravel [class*=cuboid] .lt{left:100%}#skills-section .laravel [class*=cuboid] .bm{top:100%}#skills-section .laravel .cub-2{opacity:1;width:5em;height:10em;margin:-5em 0 0 -2.5em;transform:translate3d(7.5em,-2.5em,10em)rotateX(90deg)rotateY(0)rotate(0)}#skills-section .laravel .cub-2 .ft{transform:translateZ(2.5em)}#skills-section .laravel .cub-2 .bk{transform:translateZ(-2.5em)rotateY(180deg)}#skills-section .laravel .cub-2 .rt,#skills-section .laravel .cub-2 .lt{width:5em;height:10em}#skills-section .laravel .cub-2 .tp,#skills-section .laravel .cub-2 .bm{width:5em;height:5em}#skills-section .laravel .cub-2 .face{background-color:#f05340}#skills-section .laravel .cub-2 .ft,#skills-section .laravel .cub-2 .tp,#skills-section .laravel .cub-2 .lt,#skills-section .laravel .cub-2 .rt{background-color:#ec2913}#skills-section .laravel .cub-5{opacity:1;width:5em;height:5em;margin:-2.5em 0 0 -2.5em;transform:translate3d(2.5em,-7.5em,12.5em)rotateX(90deg)rotateY(0)rotate(0)}#skills-section .laravel .cub-5 .ft{transform:translateZ(7.5em)}#skills-section .laravel .cub-5 .bk{transform:translateZ(-7.5em)rotateY(180deg)}#skills-section .laravel .cub-5 .rt,#skills-section .laravel .cub-5 .lt{width:15em;height:5em}#skills-section .laravel .cub-5 .tp,#skills-section .laravel .cub-5 .bm{width:5em;height:15em}#skills-section .laravel .cub-5 .face{background-color:#f05340}#skills-section .laravel .cub-5 .ft,#skills-section .laravel .cub-5 .lt{background-color:#ec2913}#skills-section .laravel .cub-3{opacity:1;width:5em;height:5em;margin:-2.5em 0 0 -2.5em;transform:translate3d(7.5em,-7.5em,2.5em)rotateX(90deg)rotateY(0)rotate(0)}#skills-section .laravel .cub-3 .ft{transform:translateZ(2.5em)}#skills-section .laravel .cub-3 .bk{transform:translateZ(-2.5em)rotateY(180deg)}#skills-section .laravel .cub-3 .rt,#skills-section .laravel .cub-3 .lt,#skills-section .laravel .cub-3 .tp,#skills-section .laravel .cub-3 .bm{width:5em;height:5em}#skills-section .laravel .cub-3 .face,#skills-section .laravel .cub-3 .ft,#skills-section .laravel .cub-3 .lt{background-color:#ec2913}#skills-section .laravel .white-33{opacity:1;width:10em;height:.5em;margin:-.25em 0 0 -5em;transform:translate3d(5em,-.25em,15em)rotateX(0)rotateY(0)rotate(0)}#skills-section .laravel .white-33 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-33 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-33 .rt,#skills-section .laravel .white-33 .lt{width:.1em;height:.5em}#skills-section .laravel .white-33 .tp,#skills-section .laravel .white-33 .bm{width:10em;height:.1em}#skills-section .laravel .white-33 .face{background-color:#fff}#skills-section .laravel .cub-4{opacity:1;width:10em;height:.5em;margin:-.25em 0 0 -5em;transform:translate3d(10em,-.25em,10em)rotateX(0)rotateY(-90deg)rotate(0)}#skills-section .laravel .cub-4 .ft{transform:translateZ(.05em)}#skills-section .laravel .cub-4 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .cub-4 .rt,#skills-section .laravel .cub-4 .lt{width:.1em;height:.5em}#skills-section .laravel .cub-4 .tp,#skills-section .laravel .cub-4 .bm{width:10em;height:.1em}#skills-section .laravel .cub-4 .face{background-color:#e6e6e6}#skills-section .laravel .cub-6{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(10em,-2.5em,5.25em)rotateX(-90deg)rotateY(-270deg)rotate(0)}#skills-section .laravel .cub-6 .ft{transform:translateZ(.05em)}#skills-section .laravel .cub-6 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .cub-6 .rt,#skills-section .laravel .cub-6 .lt{width:.1em;height:.5em}#skills-section .laravel .cub-6 .tp,#skills-section .laravel .cub-6 .bm{width:5em;height:.1em}#skills-section .laravel .cub-6 .face{background-color:#e6e6e6}#skills-section .laravel .cub-7{opacity:1;width:.1em;height:.5em;margin:-.25em 0 0 -.05em;transform:translate3d(7.5em,-5.25em,5em)rotateX(-450deg)rotateY(-990deg)rotate(270deg)}#skills-section .laravel .cub-7 .ft{transform:translateZ(2.5em)}#skills-section .laravel .cub-7 .bk{transform:translateZ(-2.5em)rotateY(180deg)}#skills-section .laravel .cub-7 .rt,#skills-section .laravel .cub-7 .lt{width:5em;height:.5em}#skills-section .laravel .cub-7 .tp,#skills-section .laravel .cub-7 .bm{width:.1em;height:5em}#skills-section .laravel .cub-7 .face{background-color:#e6e6e6}#skills-section .laravel .cub-8{opacity:1;width:.1em;height:.5em;margin:-.25em 0 0 -.05em;transform:translate3d(7.5em,-5em,5.25em)rotateX(-450deg)rotateY(-1170deg)rotate(360deg)}#skills-section .laravel .cub-8 .ft{transform:translateZ(2.5em)}#skills-section .laravel .cub-8 .bk{transform:translateZ(-2.5em)rotateY(180deg)}#skills-section .laravel .cub-8 .rt,#skills-section .laravel .cub-8 .lt{width:5em;height:.5em}#skills-section .laravel .cub-8 .tp,#skills-section .laravel .cub-8 .bm{width:.1em;height:5em}#skills-section .laravel .cub-8 .face{background-color:#e6e6e6}#skills-section .laravel .white-31{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(5em,-5.25em,12.5em)rotateX(-450deg)rotateY(-1530deg)rotate(450deg)}#skills-section .laravel .white-31 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-31 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-31 .rt,#skills-section .laravel .white-31 .lt{width:.1em;height:.5em}#skills-section .laravel .white-31 .tp,#skills-section .laravel .white-31 .bm{width:5em;height:.1em}#skills-section .laravel .white-31 .face{background-color:#e6e6e6}#skills-section .laravel .cub-10{opacity:1;width:10em;height:.5em;margin:-.25em 0 0 -5em;transform:translate3d(5.25em,-5em,10em)rotateX(-450deg)rotateY(-1800deg)rotate(450deg)}#skills-section .laravel .cub-10 .ft{transform:translateZ(.05em)}#skills-section .laravel .cub-10 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .cub-10 .rt,#skills-section .laravel .cub-10 .lt{width:.1em;height:.5em}#skills-section .laravel .cub-10 .tp,#skills-section .laravel .cub-10 .bm{width:10em;height:.1em}#skills-section .laravel .cub-10 .face{background-color:#fff}#skills-section .laravel .cub-11{opacity:1;width:10em;height:.5em;margin:-.25em 0 0 -5em;transform:translate3d(9.75em,-5em,10em)rotateX(-450deg)rotateY(-1800deg)rotate(450deg)}#skills-section .laravel .cub-11 .ft{transform:translateZ(.05em)}#skills-section .laravel .cub-11 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .cub-11 .rt,#skills-section .laravel .cub-11 .lt{width:.1em;height:.5em}#skills-section .laravel .cub-11 .tp,#skills-section .laravel .cub-11 .bm{width:10em;height:.1em}#skills-section .laravel .cub-11 .face{background-color:#e6e6e6}#skills-section .laravel .white-10{opacity:1;width:10em;height:.5em;margin:-.25em 0 0 -5em;transform:translate3d(10em,-4.75em,10em)rotateX(-450deg)rotateY(-1890deg)rotate(450deg)}#skills-section .laravel .white-10 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-10 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-10 .rt,#skills-section .laravel .white-10 .lt{width:.1em;height:.5em}#skills-section .laravel .white-10 .tp,#skills-section .laravel .white-10 .bm{width:10em;height:.1em}#skills-section .laravel .white-10 .face{background-color:#e6e6e6}#skills-section .laravel .white-11{opacity:1;width:5em;height:.54em;margin:-.27em 0 0 -2.5em;transform:translate3d(7.5em,-4.75em,15em)rotateX(-720deg)rotateY(-2160deg)rotate(720deg)}#skills-section .laravel .white-11 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-11 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-11 .rt,#skills-section .laravel .white-11 .lt{width:.1em;height:.54em}#skills-section .laravel .white-11 .tp,#skills-section .laravel .white-11 .bm{width:5em;height:.1em}#skills-section .laravel .white-11 .face{background-color:#fff}#skills-section .laravel .white-12{opacity:1;width:10em;height:.5em;margin:-.25em 0 0 -5em;transform:translate3d(4.75em,-9.5em,15em)rotateX(-720deg)rotateY(-2160deg)rotate(810deg)}#skills-section .laravel .white-12 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-12 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-12 .rt,#skills-section .laravel .white-12 .lt{width:.1em;height:.5em}#skills-section .laravel .white-12 .tp,#skills-section .laravel .white-12 .bm{width:10em;height:.1em}#skills-section .laravel .white-12 .face{background-color:#fff}#skills-section .laravel .white-13{opacity:1;width:14em;height:.5em;margin:-.25em 0 0 -7em;transform:translate3d(.25em,-7.5em,15em)rotateX(-720deg)rotateY(-2160deg)rotate(810deg)}#skills-section .laravel .white-13 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-13 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-13 .rt,#skills-section .laravel .white-13 .lt{width:.1em;height:.5em}#skills-section .laravel .white-13 .tp,#skills-section .laravel .white-13 .bm{width:14em;height:.1em}#skills-section .laravel .white-13 .face{background-color:#fff}#skills-section .laravel .white-20{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(2.5em,-14.75em,15em)rotateX(-900deg)rotateY(-2160deg)rotate(900deg)}#skills-section .laravel .white-20 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-20 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-20 .rt,#skills-section .laravel .white-20 .lt{width:.1em;height:.5em}#skills-section .laravel .white-20 .tp,#skills-section .laravel .white-20 .bm{width:5em;height:.1em}#skills-section .laravel .white-20 .face{background-color:#fff}#skills-section .laravel .white-14{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(10em,-5.25em,2.5em)rotateX(-450deg)rotateY(-1890deg)rotate(450deg)}#skills-section .laravel .white-14 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-14 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-14 .rt,#skills-section .laravel .white-14 .lt{width:.1em;height:.5em}#skills-section .laravel .white-14 .tp,#skills-section .laravel .white-14 .bm{width:5em;height:.1em}#skills-section .laravel .white-14 .face{background-color:#e6e6e6}#skills-section .laravel .white-2{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(10em,-9.75em,2.5em)rotateX(-450deg)rotateY(-1890deg)rotate(450deg)}#skills-section .laravel .white-2 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-2 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-2 .rt,#skills-section .laravel .white-2 .lt{width:.1em;height:.5em}#skills-section .laravel .white-2 .tp,#skills-section .laravel .white-2 .bm{width:5em;height:.1em}#skills-section .laravel .white-2 .face{background-color:#e6e6e6}#skills-section .laravel .white-23{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(10em,-7.5em,4.75em)rotateX(-540deg)rotateY(-1890deg)rotate(450deg)}#skills-section .laravel .white-23 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-23 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-23 .rt,#skills-section .laravel .white-23 .lt{width:.1em;height:.5em}#skills-section .laravel .white-23 .tp,#skills-section .laravel .white-23 .bm{width:5em;height:.1em}#skills-section .laravel .white-23 .face{background-color:#e6e6e6}#skills-section .laravel .white-24{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(10em,-7.5em,.25em)rotateX(-540deg)rotateY(-1890deg)rotate(450deg)}#skills-section .laravel .white-24 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-24 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-24 .rt,#skills-section .laravel .white-24 .lt{width:.1em;height:.5em}#skills-section .laravel .white-24 .tp,#skills-section .laravel .white-24 .bm{width:5em;height:.1em}#skills-section .laravel .white-24 .face{background-color:#e6e6e6}#skills-section .laravel .white-25{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(7.5em,-9.75em,5em)rotateX(-540deg)rotateY(-1980deg)rotate(540deg)}#skills-section .laravel .white-25 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-25 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-25 .rt,#skills-section .laravel .white-25 .lt{width:.1em;height:.5em}#skills-section .laravel .white-25 .tp,#skills-section .laravel .white-25 .bm{width:5em;height:.1em}#skills-section .laravel .white-25 .face{background-color:#e6e6e6}#skills-section .laravel .white-26{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(9.75em,-7.5em,5em)rotateX(-540deg)rotateY(-1980deg)rotate(630deg)}#skills-section .laravel .white-26 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-26 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-26 .rt,#skills-section .laravel .white-26 .lt{width:.1em;height:.5em}#skills-section .laravel .white-26 .tp,#skills-section .laravel .white-26 .bm{width:5em;height:.1em}#skills-section .laravel .white-26 .face{background-color:#e6e6e6}#skills-section .laravel .white-27{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(5.25em,-7.5em,5em)rotateX(-540deg)rotateY(-1980deg)rotate(630deg)}#skills-section .laravel .white-27 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-27 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-27 .rt,#skills-section .laravel .white-27 .lt{width:.1em;height:.5em}#skills-section .laravel .white-27 .tp,#skills-section .laravel .white-27 .bm{width:5em;height:.1em}#skills-section .laravel .white-27 .face{background-color:#e6e6e6}#skills-section .laravel .white-15{opacity:1;width:10em;height:.5em;margin:-.25em 0 0 -5em;transform:translate3d(5em,-9.5em,10.25em)rotateX(-720deg)rotateY(-2250deg)rotate(810deg)}#skills-section .laravel .white-15 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-15 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-15 .rt,#skills-section .laravel .white-15 .lt{width:.1em;height:.5em}#skills-section .laravel .white-15 .tp,#skills-section .laravel .white-15 .bm{width:10em;height:.1em}#skills-section .laravel .white-15 .face{background-color:#e6e6e6}#skills-section .laravel .white-30{opacity:1;width:10em;height:.5em;margin:-.25em 0 0 -5em;transform:translate3d(5em,-10em,14.75em)rotateX(-720deg)rotateY(-2250deg)rotate(810deg)}#skills-section .laravel .white-30 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-30 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-30 .rt,#skills-section .laravel .white-30 .lt{width:.1em;height:.5em}#skills-section .laravel .white-30 .tp,#skills-section .laravel .white-30 .bm{width:10em;height:.1em}#skills-section .laravel .white-30 .face{background-color:#e6e6e6}#skills-section .laravel .white-32{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(5em,-14.75em,12.5em)rotateX(-450deg)rotateY(-1530deg)rotate(450deg)}#skills-section .laravel .white-32 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-32 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-32 .rt,#skills-section .laravel .white-32 .lt{width:.1em;height:.5em}#skills-section .laravel .white-32 .tp,#skills-section .laravel .white-32 .bm{width:5em;height:.1em}#skills-section .laravel .white-32 .face{background-color:#e6e6e6}#skills-section .laravel .white-34{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(9.75em,-2.5em,15em)rotateX(0)rotateY(0)rotate(90deg)}#skills-section .laravel .white-34 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-34 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-34 .rt,#skills-section .laravel .white-34 .lt{width:.1em;height:.5em}#skills-section .laravel .white-34 .tp,#skills-section .laravel .white-34 .bm{width:5em;height:.1em}#skills-section .laravel .white-34 .face{background-color:#fff}#skills-section .laravel .white-35{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(10em,-2.5em,14.75em)rotateX(0)rotateY(-90deg)rotate(90deg)}#skills-section .laravel .white-35 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-35 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-35 .rt,#skills-section .laravel .white-35 .lt{width:.1em;height:.5em}#skills-section .laravel .white-35 .tp,#skills-section .laravel .white-35 .bm{width:5em;height:.1em}#skills-section .laravel .white-35 .face{background-color:#e6e6e6}#skills-section .laravel .white-28{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(7.5em,-10em,4.75em)rotateX(-630deg)rotateY(-1980deg)rotate(540deg)}#skills-section .laravel .white-28 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-28 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-28 .rt,#skills-section .laravel .white-28 .lt{width:.1em;height:.5em}#skills-section .laravel .white-28 .tp,#skills-section .laravel .white-28 .bm{width:5em;height:.1em}#skills-section .laravel .white-28 .face{background-color:#e6e6e6}#skills-section .laravel .white-29{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(9.75em,-10em,2.5em)rotateX(-630deg)rotateY(-2340deg)rotate(810deg)}#skills-section .laravel .white-29 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-29 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-29 .rt,#skills-section .laravel .white-29 .lt{width:.1em;height:.5em}#skills-section .laravel .white-29 .tp,#skills-section .laravel .white-29 .bm{width:5em;height:.1em}#skills-section .laravel .white-29 .face{background-color:#e6e6e6}#skills-section .laravel .white-36{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(7.5em,-10em,.25em)rotateX(-630deg)rotateY(-2340deg)rotate(900deg)}#skills-section .laravel .white-36 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-36 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-36 .rt,#skills-section .laravel .white-36 .lt{width:.1em;height:.5em}#skills-section .laravel .white-36 .tp,#skills-section .laravel .white-36 .bm{width:5em;height:.1em}#skills-section .laravel .white-36 .face{background-color:#e6e6e6}#skills-section .laravel .white-37{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(5.25em,-10em,2.5em)rotateX(-630deg)rotateY(-2520deg)rotate(990deg)}#skills-section .laravel .white-37 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-37 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-37 .rt,#skills-section .laravel .white-37 .lt{width:.1em;height:.5em}#skills-section .laravel .white-37 .tp,#skills-section .laravel .white-37 .bm{width:5em;height:.1em}#skills-section .laravel .white-37 .face{background-color:#e6e6e6}#skills-section .laravel .white-38{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(4.75em,-15em,12.5em)rotateX(-630deg)rotateY(-1620deg)rotate(630deg)}#skills-section .laravel .white-38 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-38 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-38 .rt,#skills-section .laravel .white-38 .lt{width:.1em;height:.5em}#skills-section .laravel .white-38 .tp,#skills-section .laravel .white-38 .bm{width:5em;height:.1em}#skills-section .laravel .white-38 .face{background-color:#e6e6e6}#skills-section .laravel .white-39{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(.25em,-15em,12.5em)rotateX(-630deg)rotateY(-1620deg)rotate(630deg)}#skills-section .laravel .white-39 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-39 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-39 .rt,#skills-section .laravel .white-39 .lt{width:.1em;height:.5em}#skills-section .laravel .white-39 .tp,#skills-section .laravel .white-39 .bm{width:5em;height:.1em}#skills-section .laravel .white-39 .face{background-color:#e6e6e6}#skills-section .laravel .white-40{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(2.5em,-15em,14.75em)rotateX(-630deg)rotateY(-1800deg)rotate(720deg)}#skills-section .laravel .white-40 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-40 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-40 .rt,#skills-section .laravel .white-40 .lt{width:.1em;height:.5em}#skills-section .laravel .white-40 .tp,#skills-section .laravel .white-40 .bm{width:5em;height:.1em}#skills-section .laravel .white-40 .face{background-color:#e6e6e6}#skills-section .laravel .white-41{opacity:1;width:5em;height:.5em;margin:-.25em 0 0 -2.5em;transform:translate3d(2.5em,-15em,10.25em)rotateX(-630deg)rotateY(-1800deg)rotate(720deg)}#skills-section .laravel .white-41 .ft{transform:translateZ(.05em)}#skills-section .laravel .white-41 .bk{transform:translateZ(-.05em)rotateY(180deg)}#skills-section .laravel .white-41 .rt,#skills-section .laravel .white-41 .lt{width:.1em;height:.5em}#skills-section .laravel .white-41 .tp,#skills-section .laravel .white-41 .bm{width:5em;height:.1em}#skills-section .laravel .white-41 .face{background-color:#e6e6e6}#skills-section .laravel .cub-9{opacity:1;width:.1em;height:.5em;margin:-.25em 0 0 -.05em;transform:translate3d(7.5em,-5em,14.75em)rotateX(-450deg)rotateY(-1170deg)rotate(360deg)}#skills-section .laravel .cub-9 .ft{transform:translateZ(2.5em)}#skills-section .laravel .cub-9 .bk{transform:translateZ(-2.5em)rotateY(180deg)}#skills-section .laravel .cub-9 .rt,#skills-section .laravel .cub-9 .lt{width:5em;height:.5em}#skills-section .laravel .cub-9 .tp,#skills-section .laravel .cub-9 .bm{width:.1em;height:5em}#skills-section .laravel .cub-9 .face{background-color:#e6e6e6}}@media only screen and (min-width:800px){#skills-section .laravel:has(.face:hover) .scene{transform:translate(18%,32%)rotateX(-30deg)rotateY(-30deg)rotate(0)scale3d(1.2,1.2,1.2)}#skills-section .laravel .scene{transform:translateY(35%)rotateX(-30deg)rotateY(-60deg)rotate(0)scale3d(1.1,1.1,1.1)}}
@media only screen and (min-width:0){#skills-section .nextjs{aspect-ratio:1;flex-direction:row;width:140px;margin-top:100px;display:flex;position:relative}#skills-section .nextjs.hover .cyl-1{transform:translate(-50px,-50px)rotateX(91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .nextjs:has(.face:hover) .cyl-1{transform:translate(-50px,-50px)rotateX(91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .nextjs #tridiv{perspective:800px;background:0 0;width:100%;height:100%;font-size:60%;position:absolute;scale:.17}#skills-section .nextjs .scene,#skills-section .nextjs .shape,#skills-section .nextjs .face,#skills-section .nextjs .face-wrapper,#skills-section .nextjs .cr{transform-style:preserve-3d;position:absolute}#skills-section .nextjs .scene{pointer-events:none;width:5em;height:5em}#skills-section .nextjs .shape{transform-origin:50%;width:0;height:0}#skills-section .nextjs .face,#skills-section .nextjs .face-wrapper{transform-origin:0 0;backface-visibility:hidden}#skills-section .nextjs .face{pointer-events:all;background-position:50%;background-size:100% 100%!important}#skills-section .nextjs .face-wrapper .face{width:100%;height:100%;left:100%}#skills-section .nextjs .photon-shader{width:100%;height:100%;position:absolute;top:0;left:0}#skills-section .nextjs .side{left:50%}#skills-section .nextjs .cr,#skills-section .nextjs .cr .side{height:100%}#skills-section .nextjs [class*=cylinder] .tp{transform:rotateX(90deg)translateY(-50%)}#skills-section .nextjs [class*=cylinder] .bm{overflow:visible;transform:rotateX(-90deg)translateY(-50%)}#skills-section .nextjs [class*=cylinder] .tp,#skills-section .nextjs [class*=cylinder] .bm,#skills-section .nextjs [class*=cylinder] .tp .photon-shader,#skills-section .nextjs [class*=cylinder] .bm .photon-shader{border-radius:50%}#skills-section .nextjs img{border-radius:100%;width:100%;height:100%;position:relative;scale:1.01}#skills-section .nextjs [class*=cylinder] .bm{top:100%}#skills-section .nextjs .cyl-1{transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:var(--dur-page);opacity:1;width:50em;height:10em;margin:-5em 0 0 -25em;transition-property:all;transform:translate(50px)rotateX(60deg)rotateY(0)rotate(-30deg)scale(1)}#skills-section .nextjs .cyl-1 .tp,#skills-section .nextjs .cyl-1 .bm{width:50em;height:50em}#skills-section .nextjs .cyl-1 .side{width:8.05em;height:10.2em}#skills-section .nextjs .cyl-1 .s0{transform:rotateY(9deg)translate3d(-50%,0,24.975em)}#skills-section .nextjs .cyl-1 .s1{transform:rotateY(27deg)translate3d(-50%,0,24.975em)}#skills-section .nextjs .cyl-1 .s2{transform:rotateY(45deg)translate3d(-50%,0,24.975em)}#skills-section .nextjs .cyl-1 .s3{transform:rotateY(63deg)translate3d(-50%,0,24.975em)}#skills-section .nextjs .cyl-1 .s4{transform:rotateY(81deg)translate3d(-50%,0,24.975em)}#skills-section .nextjs .cyl-1 .s5{transform:rotateY(99deg)translate3d(-50%,0,24.975em)}#skills-section .nextjs .cyl-1 .s6{transform:rotateY(117deg)translate3d(-50%,0,24.975em)}#skills-section .nextjs .cyl-1 .s7{transform:rotateY(135deg)translate3d(-50%,0,24.975em)}#skills-section .nextjs .cyl-1 .s8{transform:rotateY(153deg)translate3d(-50%,0,24.975em)}#skills-section .nextjs .cyl-1 .s9{transform:rotateY(171deg)translate3d(-50%,0,24.975em)}#skills-section .nextjs .cyl-1 .s10{transform:rotateY(189deg)translate3d(-50%,0,24.975em)}#skills-section .nextjs .cyl-1 .s11{transform:rotateY(207deg)translate3d(-50%,0,24.975em)}#skills-section .nextjs .cyl-1 .s12{transform:rotateY(225deg)translate3d(-50%,0,24.975em)}#skills-section .nextjs .cyl-1 .s13{transform:rotateY(243deg)translate3d(-50%,0,24.975em)}#skills-section .nextjs .cyl-1 .s14{transform:rotateY(261deg)translate3d(-50%,0,24.975em)}#skills-section .nextjs .cyl-1 .s15{transform:rotateY(279deg)translate3d(-50%,0,24.975em)}#skills-section .nextjs .cyl-1 .s16{transform:rotateY(297deg)translate3d(-50%,0,24.975em)}#skills-section .nextjs .cyl-1 .s17{transform:rotateY(315deg)translate3d(-50%,0,24.975em)}#skills-section .nextjs .cyl-1 .s18{transform:rotateY(333deg)translate3d(-50%,0,24.975em)}#skills-section .nextjs .cyl-1 .s19{transform:rotateY(351deg)translate3d(-50%,0,24.975em)}#skills-section .nextjs .cyl-1 .face,#skills-section .nextjs .cyl-1 .side{background-color:#0f0f0f}#skills-section .nextjs .cyl-1 .bm{background-color:#fff}}@media only screen and (min-width:800px){#skills-section .nextjs.hover .cyl-1{transform:translate(100px,-50px)rotateX(91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .nextjs:has(.face:hover) .cyl-1{transform:translate(100px,-50px)rotateX(91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .nextjs .cyl-1{transform:translate(0,0)rotateX(60deg)rotateY(0)rotate(30deg)scale(1)}}
@media only screen and (min-width:0){#skills-section .nunjucks{aspect-ratio:1;width:140px;transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:var(--dur-page);flex-direction:row;margin-top:100px;transition-property:all;display:flex;position:relative}#skills-section .nunjucks.hover .cub-1{transform:translate(-50px,-50px)rotateX(91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .nunjucks:has(.face:hover) .cub-1{transform:translate(-50px,-50px)rotateX(91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .nunjucks #tridiv{perspective:800px;background:0 0;width:100%;height:100%;font-size:60%;position:absolute;scale:.17}#skills-section .nunjucks .scene,#skills-section .nunjucks .shape,#skills-section .nunjucks .face,#skills-section .nunjucks .face-wrapper,#skills-section .nunjucks .cr{transform-style:preserve-3d;position:absolute}#skills-section .nunjucks .scene{width:5em;height:5em}#skills-section .nunjucks .shape{transform-origin:50%;width:0;height:0}#skills-section .nunjucks .face,#skills-section .nunjucks .face-wrapper{transform-origin:0 0;backface-visibility:hidden}#skills-section .nunjucks .face{pointer-events:all;background-position:50%;background-size:100% 100%!important}#skills-section .nunjucks .face-wrapper .face{width:100%;height:100%;left:100%}#skills-section .nunjucks .photon-shader{width:100%;height:100%;position:absolute;top:0;left:0}#skills-section .nunjucks .side{left:50%}#skills-section .nunjucks .cr,#skills-section .nunjucks .cr .side{height:100%}#skills-section .nunjucks [class*=cuboid] .ft,#skills-section .nunjucks [class*=cuboid] .bk{width:100%;height:100%}#skills-section .nunjucks [class*=cuboid] .bk{left:100%}#skills-section .nunjucks [class*=cuboid] .rt{transform:rotateY(-90deg)translate(-50%)}#skills-section .nunjucks [class*=cuboid] .lt{transform:rotateY(90deg)translate(-50%)}#skills-section .nunjucks [class*=cuboid] .tp{transform:rotateX(90deg)translateY(-50%)}#skills-section .nunjucks [class*=cuboid] .bm{transform:rotateX(-90deg)translateY(-50%)}#skills-section .nunjucks [class*=cuboid] .lt{left:100%}#skills-section .nunjucks [class*=cuboid] .bm{top:100%}#skills-section .nunjucks img{border-radius:5em;width:100%;height:100%;position:relative}#skills-section .nunjucks .cub-1{opacity:1;width:50em;height:10em;transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:var(--dur-page);margin:-5em 0 0 -25em;transition-property:all;transform:translate(50px)rotateX(60deg)rotateY(0)rotate(-30deg)scale(1)}#skills-section .nunjucks .cub-1 .ft{transform:translateZ(25em)}#skills-section .nunjucks .cub-1 .bk{transform:translateZ(-25em)rotateY(180deg)}#skills-section .nunjucks .cub-1 .rt,#skills-section .nunjucks .cub-1 .lt{width:50em;height:10em}#skills-section .nunjucks .cub-1 .tp,#skills-section .nunjucks .cub-1 .bm{width:50em;height:50em}#skills-section .nunjucks .cub-1 .face{background-color:#11280b}#skills-section .nunjucks .cub-1 .ft{width:40em;margin-left:5em}#skills-section .nunjucks .cub-1 .bk{width:40em;margin-left:-5em}#skills-section .nunjucks .cub-1 .rt,#skills-section .nunjucks .cub-1 .lt{width:40em}#skills-section .nunjucks .cub-1 .tp,#skills-section .nunjucks .cub-1 .bm,#skills-section .nunjucks .cub-1 .tp .photon-shader,#skills-section .nunjucks .cub-1 .bm .photon-shader{border-radius:5em}#skills-section .nunjucks .cub-1 .cr{width:5em;left:2.5em}#skills-section .nunjucks .cub-1 .cr-0{transform:translate3d(40em,0,20em)}#skills-section .nunjucks .cub-1 .cr-1{transform:translate3d(40em,0,-20em)}#skills-section .nunjucks .cub-1 .cr-2{transform:translateZ(-20em)}#skills-section .nunjucks .cub-1 .cr-3{transform:translateZ(20em)}#skills-section .nunjucks .cub-1 .cr-0 .s0{transform:rotateY(9deg)translate3d(-50%,0,4.975em)}#skills-section .nunjucks .cub-1 .cr-0 .s1{transform:rotateY(27deg)translate3d(-50%,0,4.975em)}#skills-section .nunjucks .cub-1 .cr-0 .s2{transform:rotateY(45deg)translate3d(-50%,0,4.975em)}#skills-section .nunjucks .cub-1 .cr-0 .s3{transform:rotateY(63deg)translate3d(-50%,0,4.975em)}#skills-section .nunjucks .cub-1 .cr-0 .s4{transform:rotateY(81deg)translate3d(-50%,0,4.975em)}#skills-section .nunjucks .cub-1 .cr-1 .s0{transform:rotateY(99deg)translate3d(-50%,0,4.975em)}#skills-section .nunjucks .cub-1 .cr-1 .s1{transform:rotateY(117deg)translate3d(-50%,0,4.975em)}#skills-section .nunjucks .cub-1 .cr-1 .s2{transform:rotateY(135deg)translate3d(-50%,0,4.975em)}#skills-section .nunjucks .cub-1 .cr-1 .s3{transform:rotateY(153deg)translate3d(-50%,0,4.975em)}#skills-section .nunjucks .cub-1 .cr-1 .s4{transform:rotateY(171deg)translate3d(-50%,0,4.975em)}#skills-section .nunjucks .cub-1 .cr-2 .s0{transform:rotateY(189deg)translate3d(-50%,0,4.975em)}#skills-section .nunjucks .cub-1 .cr-2 .s1{transform:rotateY(207deg)translate3d(-50%,0,4.975em)}#skills-section .nunjucks .cub-1 .cr-2 .s2{transform:rotateY(225deg)translate3d(-50%,0,4.975em)}#skills-section .nunjucks .cub-1 .cr-2 .s3{transform:rotateY(243deg)translate3d(-50%,0,4.975em)}#skills-section .nunjucks .cub-1 .cr-2 .s4{transform:rotateY(261deg)translate3d(-50%,0,4.975em)}#skills-section .nunjucks .cub-1 .cr-3 .s0{transform:rotateY(279deg)translate3d(-50%,0,4.975em)}#skills-section .nunjucks .cub-1 .cr-3 .s1{transform:rotateY(297deg)translate3d(-50%,0,4.975em)}#skills-section .nunjucks .cub-1 .cr-3 .s2{transform:rotateY(315deg)translate3d(-50%,0,4.975em)}#skills-section .nunjucks .cub-1 .cr-3 .s3{transform:rotateY(333deg)translate3d(-50%,0,4.975em)}#skills-section .nunjucks .cub-1 .cr-3 .s4{transform:rotateY(351deg)translate3d(-50%,0,4.975em)}#skills-section .nunjucks .cub-1 .side{width:1.60884em}}@media only screen and (min-width:800px){#skills-section .nunjucks.hover .cub-1{transform:translate(100px,-50px)rotateX(91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .nunjucks:has(.face:hover) .cub-1{transform:translate(100px,-50px)rotateX(91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .nunjucks .cub-1{transform:translate(0,0)rotateX(60deg)rotateY(0)rotate(30deg)scale(1)}}
@media only screen and (min-width:0){#skills-section .php{aspect-ratio:1;z-index:3;flex-direction:row-reverse;width:150%;display:flex;position:relative;left:20px;overflow:visible}#skills-section .php.hover .cub-1{transform:translate(80px,-60px)rotateX(-91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .php:has(.face:hover) .cub-1{transform:translate(80px,-60px)rotateX(-91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .php #tridiv{perspective:800px;background:0 0;width:100%;height:100%;font-size:50%;position:absolute;scale:.17}#skills-section .php .scene,#skills-section .php .shape,#skills-section .php .face,#skills-section .php .face-wrapper,#skills-section .php .cr{transform-style:preserve-3d;position:absolute}#skills-section .php .scene{-webkit-user-select:none;user-select:none;pointer-events:none;width:80em;height:80em;left:-100px}#skills-section .php .shape{transform-origin:50%;width:0;height:0}#skills-section .php .face,#skills-section .php .face-wrapper{transform-origin:0 0}#skills-section .php .face{background-position:50%;background-size:100% 100%!important}#skills-section .php .face,#skills-section .php .side{pointer-events:all}#skills-section .php .face-wrapper .face{width:100%;height:100%;left:100%}#skills-section .php .photon-shader{width:100%;height:100%;position:absolute}#skills-section .php .side{left:50%}#skills-section .php .cr,#skills-section .php .cr .side{height:100%}#skills-section .php [class*=cuboid] .ft,#skills-section .php [class*=cuboid] .bk{width:100%;height:100%}#skills-section .php [class*=cuboid] .bk{left:100%}#skills-section .php [class*=cuboid] .rt{transform:rotateY(-90deg)translate(-50%)}#skills-section .php [class*=cuboid] .lt{transform:rotateY(90deg)translate(-53%)}#skills-section .php [class*=cuboid] .tp{transform:rotateX(90deg)translateY(-50%)}#skills-section .php [class*=cuboid] .bm{transform:rotateX(-90deg)translateY(-50%)}#skills-section .php [class*=cuboid] .lt{left:100%}#skills-section .php [class*=cuboid] .bm{top:100%}#skills-section .php .cub-1{transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:var(--dur-page);opacity:1;width:60em;height:12.5em;transition-property:all;position:relative;left:-70px;transform:translate(0,0)rotateX(-120deg)rotateY(0)rotate(-30deg)scale(1)}#skills-section .php .cub-1 .ft{transform:translateZ(30em)}#skills-section .php .cub-1 .bk{transform:translateZ(-30em)translate(-20px)rotateY(180deg)}#skills-section .php .cub-1 .rt,#skills-section .php .cub-1 .lt{width:60em;height:12.5em}#skills-section .php .cub-1 .tp,#skills-section .php .cub-1 .bm{justify-content:flex-end;align-items:flex-end;width:60em;height:60em;display:flex}#skills-section .php img{width:100%;height:100%}#skills-section .php .cub-1 .face{background-color:#fff}#skills-section .php .cub-1 .ft,#skills-section .php .cub-1 .bk{background-color:#484c89}#skills-section .php .cub-1 .tp{background-color:#3178c4}#skills-section .php .cub-1 .bm,#skills-section .php .cub-1 .lt,#skills-section .php .cub-1 .rt{background-color:#484c89}#skills-section .php .cub-1 .ft{width:35em;margin-left:12.5em}#skills-section .php .cub-1 .bk{width:35em;margin-left:-12.5em}#skills-section .php .cub-1 .rt,#skills-section .php .cub-1 .lt{width:45em}#skills-section .php .cub-1 .tp,#skills-section .php .cub-1 .bm,#skills-section .php .cub-1 .tp .photon-shader,#skills-section .php .cub-1 .bm .photon-shader{border-radius:12.5em}#skills-section .php .cub-1 .cr{width:12.5em;left:6.25em}#skills-section .php .cub-1 .cr-0{transform:translate3d(35em,0,17.5em)}#skills-section .php .cub-1 .cr-1{transform:translate3d(35em,0,-17.5em)}#skills-section .php .cub-1 .cr-2{transform:translateZ(-17.5em)}#skills-section .php .cub-1 .cr-3{transform:translateZ(17.5em)}#skills-section .php .cr div{background-color:#484c89!important}#skills-section .php .cub-1 .cr-0 .s0{transform:rotateY(2.64706deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-0 .s1{transform:rotateY(7.94118deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-0 .s2{transform:rotateY(13.2353deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-0 .s3{transform:rotateY(18.5294deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-0 .s4{transform:rotateY(23.8235deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-0 .s5{transform:rotateY(29.1176deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-0 .s6{transform:rotateY(34.4118deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-0 .s7{transform:rotateY(39.7059deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-0 .s8{transform:rotateY(45deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-0 .s9{transform:rotateY(50.2941deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-0 .s10{transform:rotateY(55.5882deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-0 .s11{transform:rotateY(60.8824deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-0 .s12{transform:rotateY(66.1765deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-0 .s13{transform:rotateY(71.4706deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-0 .s14{transform:rotateY(76.7647deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-0 .s15{transform:rotateY(82.0588deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-0 .s16{transform:rotateY(87.3529deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-1 .s0{transform:rotateY(92.6471deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-1 .s1{transform:rotateY(97.9412deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-1 .s2{transform:rotateY(103.235deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-1 .s3{transform:rotateY(108.529deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-1 .s4{transform:rotateY(113.824deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-1 .s5{transform:rotateY(119.118deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-1 .s6{transform:rotateY(124.412deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-1 .s7{transform:rotateY(129.706deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-1 .s8{transform:rotateY(135deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-1 .s9{transform:rotateY(140.294deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-1 .s10{transform:rotateY(145.588deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-1 .s11{transform:rotateY(150.882deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-1 .s12{transform:rotateY(156.176deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-1 .s13{transform:rotateY(161.471deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-1 .s14{transform:rotateY(166.765deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-1 .s15{transform:rotateY(172.059deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-1 .s16{transform:rotateY(177.353deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-2 .s0{transform:rotateY(182.647deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-2 .s1{transform:rotateY(187.941deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-2 .s2{transform:rotateY(193.235deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-2 .s3{transform:rotateY(198.529deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-2 .s4{transform:rotateY(203.824deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-2 .s5{transform:rotateY(209.118deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-2 .s6{transform:rotateY(214.412deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-2 .s7{transform:rotateY(219.706deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-2 .s8{transform:rotateY(225deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-2 .s9{transform:rotateY(230.294deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-2 .s10{transform:rotateY(235.588deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-2 .s11{transform:rotateY(240.882deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-2 .s12{transform:rotateY(246.176deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-2 .s13{transform:rotateY(251.471deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-2 .s14{transform:rotateY(256.765deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-2 .s15{transform:rotateY(262.059deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-2 .s16{transform:rotateY(267.353deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-3 .s0{transform:rotateY(272.647deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-3 .s1{transform:rotateY(277.941deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-3 .s2{transform:rotateY(283.235deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-3 .s3{transform:rotateY(288.529deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-3 .s4{transform:rotateY(293.824deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-3 .s5{transform:rotateY(299.118deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-3 .s6{transform:rotateY(304.412deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-3 .s7{transform:rotateY(309.706deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-3 .s8{transform:rotateY(315deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-3 .s9{transform:rotateY(320.294deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-3 .s10{transform:rotateY(325.588deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-3 .s11{transform:rotateY(330.882deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-3 .s12{transform:rotateY(336.176deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-3 .s13{transform:rotateY(341.471deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-3 .s14{transform:rotateY(346.765deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-3 .s15{transform:rotateY(352.059deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .cr-3 .s16{transform:rotateY(357.353deg)translate3d(-50%,0,12.475em)}#skills-section .php .cub-1 .side{width:1.25em}}
@media only screen and (min-width:0){#skills-section .react{aspect-ratio:1;flex-direction:row;width:140px;display:flex;position:relative}#skills-section .react.hover .cyl-1{transform:translate(-50px,-50px)rotateX(91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .react:has(.face:hover) .cyl-1{transform:translate(-50px,-50px)rotateX(91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .react #tridiv{perspective:800px;background:0 0;width:100%;height:100%;font-size:60%;position:absolute;scale:.17}#skills-section .react .scene,#skills-section .react .shape,#skills-section .react .face,#skills-section .react .face-wrapper,#skills-section .react .cr{transform-style:preserve-3d;position:absolute}#skills-section .react .scene{width:5em;height:5em}#skills-section .react .shape{transform-origin:50%;width:0;height:0}#skills-section .react .face,#skills-section .react .face-wrapper{transform-origin:0 0;backface-visibility:hidden}#skills-section .react .face{pointer-events:all;background-position:50%;background-size:100% 100%!important}#skills-section .react .face-wrapper .face{width:100%;height:100%;left:100%}#skills-section .react .photon-shader{width:100%;height:100%;position:absolute;top:0;left:0}#skills-section .react .side{left:50%}#skills-section .react .cr,#skills-section .react .cr .side{height:100%}#skills-section .react [class*=cylinder] .tp{transform:rotateX(90deg)translateY(-50%)}#skills-section .react [class*=cylinder] .bm{overflow:visible;transform:rotateX(-90deg)translateY(-50%)}#skills-section .react [class*=cylinder] .tp,#skills-section .react [class*=cylinder] .bm,#skills-section .react [class*=cylinder] .tp .photon-shader,#skills-section .react [class*=cylinder] .bm .photon-shader{border-radius:50%}#skills-section .react [class*=cylinder] .bm{top:100%}#skills-section .react .cyl-1{transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:var(--dur-page);opacity:1;width:50em;height:10em;margin:-5em 0 0 -25em;transition-property:all;transform:translate(50px)rotateX(60deg)rotateY(0)rotate(-30deg)scale(1)}#skills-section .react img{width:75%;height:75%;position:relative}#skills-section .react .cyl-1 .tp,#skills-section .react .cyl-1 .bm{justify-content:center;align-items:center;width:50em;height:50em;display:flex;background-color:#222!important}#skills-section .react .cyl-1 .side{border-radius:1em 1em 0 0;width:8.1em;height:10.7em}#skills-section .react .cyl-1 .s0{transform:rotateY(9deg)translate3d(-50%,0,24.975em)}#skills-section .react .cyl-1 .s1{transform:rotateY(27deg)translate3d(-50%,0,24.975em)}#skills-section .react .cyl-1 .s2{transform:rotateY(45deg)translate3d(-50%,0,24.975em)}#skills-section .react .cyl-1 .s3{transform:rotateY(63deg)translate3d(-50%,0,24.975em)}#skills-section .react .cyl-1 .s4{transform:rotateY(81deg)translate3d(-50%,0,24.975em)}#skills-section .react .cyl-1 .s5{transform:rotateY(99deg)translate3d(-50%,0,24.975em)}#skills-section .react .cyl-1 .s6{transform:rotateY(117deg)translate3d(-50%,0,24.975em)}#skills-section .react .cyl-1 .s7{transform:rotateY(135deg)translate3d(-50%,0,24.975em)}#skills-section .react .cyl-1 .s8{transform:rotateY(153deg)translate3d(-50%,0,24.975em)}#skills-section .react .cyl-1 .s9{transform:rotateY(171deg)translate3d(-50%,0,24.975em)}#skills-section .react .cyl-1 .s10{transform:rotateY(189deg)translate3d(-50%,0,24.975em)}#skills-section .react .cyl-1 .s11{transform:rotateY(207deg)translate3d(-50%,0,24.975em)}#skills-section .react .cyl-1 .s12{transform:rotateY(225deg)translate3d(-50%,0,24.975em)}#skills-section .react .cyl-1 .s13{transform:rotateY(243deg)translate3d(-50%,0,24.975em)}#skills-section .react .cyl-1 .s14{transform:rotateY(261deg)translate3d(-50%,0,24.975em)}#skills-section .react .cyl-1 .s15{transform:rotateY(279deg)translate3d(-50%,0,24.975em)}#skills-section .react .cyl-1 .s16{transform:rotateY(297deg)translate3d(-50%,0,24.975em)}#skills-section .react .cyl-1 .s17{transform:rotateY(315deg)translate3d(-50%,0,24.975em)}#skills-section .react .cyl-1 .s18{transform:rotateY(333deg)translate3d(-50%,0,24.975em)}#skills-section .react .cyl-1 .s19{transform:rotateY(351deg)translate3d(-50%,0,24.975em)}#skills-section .react .cyl-1 .face,#skills-section .react .cyl-1 .side{background-color:#1b1818}}@media only screen and (min-width:800px){#skills-section .react.hover .cyl-1{transform:translate(100px,-50px)rotateX(91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .react:has(.face:hover) .cyl-1{transform:translate(100px,-50px)rotateX(91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .react .cyl-1{transform:translate(0,0)rotateX(60deg)rotateY(0)rotate(30deg)scale(1)}}
@media only screen and (min-width:0){.scss{aspect-ratio:1;flex-direction:row;width:140px;display:flex;position:relative}.scss.hover .cyl-1{transition-delay:0s;transform:translate(10px,-50px)rotateX(91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}.scss:has(.face:hover) .cyl-1{transition-delay:0s;transform:translate(10px,-50px)rotateX(91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}.scss #tridiv{perspective:800px;background:0 0;width:100%;height:100%;font-size:50%;position:absolute;scale:.17}.scss .scene,.scss .shape,.scss .face{transform-style:preserve-3d;position:absolute}.scss .scene{pointer-events:none;width:100%;height:100%}.scss .shape{transform-origin:50%;width:0;height:0}.scss .face,.scss .face-wrapper{transform-origin:0 0;backface-visibility:hidden}.scss .face{pointer-events:all;background-position:50%;background-size:100% 100%!important}.scss .face-wrapper .face{width:100%;height:100%;left:100%}.scss .photon-shader{width:100%;height:100%;position:absolute}.scss .side{pointer-events:none;left:50%}.scss .cr,.scss .cr .side{height:100%}.scss [class*=cylinder] .tp{transform:rotateX(90deg)translateY(-50%)}.scss [class*=cylinder] .bm{z-index:10;transform:rotateX(-90deg)translateY(-50%)}.scss [class*=cylinder] .tp,.scss [class*=cylinder] .bm,.scss [class*=cylinder] .tp .photon-shader,.scss [class*=cylinder] .bm .photon-shader{border-radius:50%}.scss [class*=cylinder] .bm{pointer-events:all;top:100%}.scss .cyl-1{transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:var(--dur-page);opacity:1;width:60em;height:15em;transition-property:all;transition-delay:80ms;transform:translate(-20em)rotateX(60deg)rotateY(0)rotate(35deg)scale(1)}.scss .cyl-1 .tp,.scss .cyl-1 .bm{width:60em;height:60em}.scss .cyl-1 .side{width:10em;height:15em}.scss .cyl-1 .s0{transform:rotateY(9deg)translate3d(-50%,0,29.8em)}.scss .cyl-1 .s1{transform:rotateY(27deg)translate3d(-50%,0,29.8em)}.scss .cyl-1 .s2{transform:rotateY(45deg)translate3d(-50%,0,29.8em)}.scss .cyl-1 .s3{transform:rotateY(63deg)translate3d(-50%,0,29.8em)}.scss .cyl-1 .s4{transform:rotateY(81deg)translate3d(-50%,0,29.8em)}.scss .cyl-1 .s5{transform:rotateY(99deg)translate3d(-50%,0,29.8em)}.scss .cyl-1 .s6{transform:rotateY(117deg)translate3d(-50%,0,29.8em)}.scss .cyl-1 .s7{transform:rotateY(135deg)translate3d(-50%,0,29.8em)}.scss .cyl-1 .s8{transform:rotateY(153deg)translate3d(-50%,0,29.8em)}.scss .cyl-1 .s9{transform:rotateY(171deg)translate3d(-50%,0,29.8em)}.scss .cyl-1 .s10{transform:rotateY(189deg)translate3d(-50%,0,29.8em)}.scss .cyl-1 .s11{transform:rotateY(207deg)translate3d(-50%,0,29.8em)}.scss .cyl-1 .s12{transform:rotateY(225deg)translate3d(-50%,0,29.8em)}.scss .cyl-1 .s13{transform:rotateY(243deg)translate3d(-50%,0,29.8em)}.scss .cyl-1 .s14{transform:rotateY(261deg)translate3d(-50%,0,29.8em)}.scss .cyl-1 .s15{transform:rotateY(279deg)translate3d(-50%,0,29.8em)}.scss .cyl-1 .s16{transform:rotateY(297deg)translate3d(-50%,0,29.8em)}.scss .cyl-1 .s17{transform:rotateY(315deg)translate3d(-50%,0,29.8em)}.scss .cyl-1 .s18{transform:rotateY(333deg)translate3d(-50%,0,29.8em)}.scss .cyl-1 .s19{transform:rotateY(351deg)translate3d(-50%,0,29.8em)}.scss .cyl-1 .face,.scss .cyl-1 .side,.scss .cyl-1 .tp,.scss .cyl-1 .bm{background-color:#fff}.scss .cyl-1 .side{background-color:#c63980}}@media only screen and (min-width:800px){.scss.hover .cyl-1{transform:translate(-50px,-50px)rotateX(91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}.scss:has(.face:hover) .cyl-1{transform:translate(-50px,-50px)rotateX(91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}}
@media only screen and (min-width:0){#skills-section .tailwind{aspect-ratio:1;flex-direction:row;width:140px;margin-top:100px;display:flex;position:relative}#skills-section .tailwind.hover .cyl-1{transform:translate(-50px,-50px)rotateX(91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .tailwind:has(.face:hover) .cyl-1{transform:translate(-50px,-50px)rotateX(91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .tailwind #tridiv{perspective:800px;background:0 0;width:100%;height:100%;font-size:60%;position:absolute;scale:.17}#skills-section .tailwind .scene,#skills-section .tailwind .shape,#skills-section .tailwind .face,#skills-section .tailwind .face-wrapper,#skills-section .tailwind .cr{transform-style:preserve-3d;position:absolute}#skills-section .tailwind .scene{width:5em;height:5em}#skills-section .tailwind .shape{transform-origin:50%;width:0;height:0}#skills-section .tailwind .face,#skills-section .tailwind .face-wrapper{transform-origin:0 0;backface-visibility:hidden}#skills-section .tailwind .face{pointer-events:all;background-position:50%;background-size:100% 100%!important}#skills-section .tailwind .face-wrapper .face{width:100%;height:100%;left:100%}#skills-section .tailwind .photon-shader{width:100%;height:100%;position:absolute;top:0;left:0}#skills-section .tailwind .side{left:50%}#skills-section .tailwind .cr,#skills-section .tailwind .cr .side{height:100%}#skills-section .tailwind [class*=cylinder] .tp{transform:rotateX(90deg)translateY(-50%)}#skills-section .tailwind [class*=cylinder] .bm{overflow:visible;transform:rotateX(-90deg)translateY(-50%)}#skills-section .tailwind [class*=cylinder] .tp,#skills-section .tailwind [class*=cylinder] .bm,#skills-section .tailwind [class*=cylinder] .tp .photon-shader,#skills-section .tailwind [class*=cylinder] .bm .photon-shader{border-radius:50%}#skills-section .tailwind img{width:80%;height:80%;position:relative;top:-2px;left:-2px}#skills-section .tailwind [class*=cylinder] .bm{top:100%}#skills-section .tailwind .cyl-1{transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:var(--dur-page);opacity:1;width:50em;height:10em;margin:-5em 0 0 -25em;transition-property:all;transform:translate(50px)rotateX(60deg)rotateY(0)rotate(-30deg)scale(1)}#skills-section .tailwind .cyl-1 .tp,#skills-section .tailwind .cyl-1 .bm{width:50em;height:50em}#skills-section .tailwind .cyl-1 .side{border-radius:10px 10px 0 0;width:8.1em;height:10.7em}#skills-section .tailwind .cyl-1 .s0{transform:rotateY(9deg)translate3d(-50%,0,24.975em)}#skills-section .tailwind .cyl-1 .s1{transform:rotateY(27deg)translate3d(-50%,0,24.975em)}#skills-section .tailwind .cyl-1 .s2{transform:rotateY(45deg)translate3d(-50%,0,24.975em)}#skills-section .tailwind .cyl-1 .s3{transform:rotateY(63deg)translate3d(-50%,0,24.975em)}#skills-section .tailwind .cyl-1 .s4{transform:rotateY(81deg)translate3d(-50%,0,24.975em)}#skills-section .tailwind .cyl-1 .s5{transform:rotateY(99deg)translate3d(-50%,0,24.975em)}#skills-section .tailwind .cyl-1 .s6{transform:rotateY(117deg)translate3d(-50%,0,24.975em)}#skills-section .tailwind .cyl-1 .s7{transform:rotateY(135deg)translate3d(-50%,0,24.975em)}#skills-section .tailwind .cyl-1 .s8{transform:rotateY(153deg)translate3d(-50%,0,24.975em)}#skills-section .tailwind .cyl-1 .s9{transform:rotateY(171deg)translate3d(-50%,0,24.975em)}#skills-section .tailwind .cyl-1 .s10{transform:rotateY(189deg)translate3d(-50%,0,24.975em)}#skills-section .tailwind .cyl-1 .s11{transform:rotateY(207deg)translate3d(-50%,0,24.975em)}#skills-section .tailwind .cyl-1 .s12{transform:rotateY(225deg)translate3d(-50%,0,24.975em)}#skills-section .tailwind .cyl-1 .s13{transform:rotateY(243deg)translate3d(-50%,0,24.975em)}#skills-section .tailwind .cyl-1 .s14{transform:rotateY(261deg)translate3d(-50%,0,24.975em)}#skills-section .tailwind .cyl-1 .s15{transform:rotateY(279deg)translate3d(-50%,0,24.975em)}#skills-section .tailwind .cyl-1 .s16{transform:rotateY(297deg)translate3d(-50%,0,24.975em)}#skills-section .tailwind .cyl-1 .s17{transform:rotateY(315deg)translate3d(-50%,0,24.975em)}#skills-section .tailwind .cyl-1 .s18{transform:rotateY(333deg)translate3d(-50%,0,24.975em)}#skills-section .tailwind .cyl-1 .s19{transform:rotateY(351deg)translate3d(-50%,0,24.975em)}#skills-section .tailwind .cyl-1 .face,#skills-section .tailwind .cyl-1 .side{background-color:#b9b5ac}#skills-section .tailwind .cyl-1 .bm{background-color:#dcdad6;justify-content:center;align-items:center;display:flex}}@media only screen and (min-width:800px){#skills-section .tailwind.hover .cyl-1{transform:translate(100px,-50px)rotateX(91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .tailwind:has(.face:hover) .cyl-1{transform:translate(100px,-50px)rotateX(91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .tailwind .cyl-1{transform:translate(0,0)rotateX(60deg)rotateY(0)rotate(30deg)scale(1)}}
@media only screen and (min-width:0){#skills-section .typescript{aspect-ratio:1;z-index:3;flex-direction:row-reverse;width:150%;display:flex;position:relative;left:20px;overflow:visible}#skills-section .typescript.hover .cub-1{transform:translate(80px,-60px)rotateX(-91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .typescript:has(.face:hover) .cub-1{transform:translate(80px,-60px)rotateX(-91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .typescript #tridiv{perspective:800px;background:0 0;width:100%;height:100%;font-size:50%;position:absolute;scale:.17}#skills-section .typescript .scene,#skills-section .typescript .shape,#skills-section .typescript .face,#skills-section .typescript .face-wrapper,#skills-section .typescript .cr{transform-style:preserve-3d;position:absolute}#skills-section .typescript .scene{-webkit-user-select:none;user-select:none;pointer-events:none;width:80em;height:80em;left:-100px}#skills-section .typescript .shape{transform-origin:50%;width:0;height:0}#skills-section .typescript .face,#skills-section .typescript .face-wrapper{transform-origin:0 0}#skills-section .typescript .face{background-position:50%;background-size:100% 100%!important}#skills-section .typescript .face,#skills-section .typescript .side{pointer-events:all}#skills-section .typescript .face-wrapper .face{width:100%;height:100%;left:100%}#skills-section .typescript .photon-shader{width:100%;height:100%;position:absolute}#skills-section .typescript .side{left:50%}#skills-section .typescript .cr,#skills-section .typescript .cr .side{height:100%}#skills-section .typescript [class*=cuboid] .ft,#skills-section .typescript [class*=cuboid] .bk{width:100%;height:100%}#skills-section .typescript [class*=cuboid] .bk{left:100%}#skills-section .typescript [class*=cuboid] .rt{transform:rotateY(-90deg)translate(-50%)}#skills-section .typescript [class*=cuboid] .lt{transform:rotateY(90deg)translate(-53%)}#skills-section .typescript [class*=cuboid] .tp{transform:rotateX(90deg)translateY(-50%)}#skills-section .typescript [class*=cuboid] .bm{transform:rotateX(-90deg)translateY(-50%)}#skills-section .typescript [class*=cuboid] .lt{left:100%}#skills-section .typescript [class*=cuboid] .bm{top:100%}#skills-section .typescript .cub-1{transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:var(--dur-page);opacity:1;width:60em;height:12.5em;transition-property:all;position:relative;left:-70px;transform:translate(0,0)rotateX(-120deg)rotateY(0)rotate(-30deg)scale(1)}#skills-section .typescript .cub-1 .ft{transform:translateZ(30em)}#skills-section .typescript .cub-1 .bk{transform:translateZ(-30em)translate(-20px)rotateY(180deg)}#skills-section .typescript .cub-1 .rt,#skills-section .typescript .cub-1 .lt{width:60em;height:12.5em}#skills-section .typescript .cub-1 .tp,#skills-section .typescript .cub-1 .bm{justify-content:flex-end;align-items:flex-end;width:60em;height:60em;display:flex}#skills-section .typescript span{color:#fff;margin-bottom:2.5rem;margin-right:3rem;font-size:13rem}#skills-section .typescript .cub-1 .face{background-color:#fff}#skills-section .typescript .cub-1 .ft,#skills-section .typescript .cub-1 .bk{background-color:#1f4b7a}#skills-section .typescript .cub-1 .tp{background-color:#3178c4}#skills-section .typescript .cub-1 .bm,#skills-section .typescript .cub-1 .lt,#skills-section .typescript .cub-1 .rt{background-color:#1f4b7a}#skills-section .typescript .cub-1 .ft{width:35em;margin-left:12.5em}#skills-section .typescript .cub-1 .bk{width:35em;margin-left:-12.5em}#skills-section .typescript .cub-1 .rt,#skills-section .typescript .cub-1 .lt{width:35em}#skills-section .typescript .cub-1 .tp,#skills-section .typescript .cub-1 .bm,#skills-section .typescript .cub-1 .tp .photon-shader,#skills-section .typescript .cub-1 .bm .photon-shader{border-radius:12.5em}#skills-section .typescript .cub-1 .cr{width:12.5em;left:6.25em}#skills-section .typescript .cub-1 .cr-0{transform:translate3d(35em,0,17.5em)}#skills-section .typescript .cub-1 .cr-1{transform:translate3d(35em,0,-17.5em)}#skills-section .typescript .cub-1 .cr-2{transform:translateZ(-17.5em)}#skills-section .typescript .cub-1 .cr-3{transform:translateZ(17.5em)}#skills-section .typescript .cr div{background-color:#1f4b7a!important}#skills-section .typescript .cub-1 .cr-0 .s0{transform:rotateY(2.64706deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-0 .s1{transform:rotateY(7.94118deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-0 .s2{transform:rotateY(13.2353deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-0 .s3{transform:rotateY(18.5294deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-0 .s4{transform:rotateY(23.8235deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-0 .s5{transform:rotateY(29.1176deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-0 .s6{transform:rotateY(34.4118deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-0 .s7{transform:rotateY(39.7059deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-0 .s8{transform:rotateY(45deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-0 .s9{transform:rotateY(50.2941deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-0 .s10{transform:rotateY(55.5882deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-0 .s11{transform:rotateY(60.8824deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-0 .s12{transform:rotateY(66.1765deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-0 .s13{transform:rotateY(71.4706deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-0 .s14{transform:rotateY(76.7647deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-0 .s15{transform:rotateY(82.0588deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-0 .s16{transform:rotateY(87.3529deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-1 .s0{transform:rotateY(92.6471deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-1 .s1{transform:rotateY(97.9412deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-1 .s2{transform:rotateY(103.235deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-1 .s3{transform:rotateY(108.529deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-1 .s4{transform:rotateY(113.824deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-1 .s5{transform:rotateY(119.118deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-1 .s6{transform:rotateY(124.412deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-1 .s7{transform:rotateY(129.706deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-1 .s8{transform:rotateY(135deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-1 .s9{transform:rotateY(140.294deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-1 .s10{transform:rotateY(145.588deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-1 .s11{transform:rotateY(150.882deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-1 .s12{transform:rotateY(156.176deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-1 .s13{transform:rotateY(161.471deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-1 .s14{transform:rotateY(166.765deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-1 .s15{transform:rotateY(172.059deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-1 .s16{transform:rotateY(177.353deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-2 .s0{transform:rotateY(182.647deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-2 .s1{transform:rotateY(187.941deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-2 .s2{transform:rotateY(193.235deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-2 .s3{transform:rotateY(198.529deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-2 .s4{transform:rotateY(203.824deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-2 .s5{transform:rotateY(209.118deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-2 .s6{transform:rotateY(214.412deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-2 .s7{transform:rotateY(219.706deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-2 .s8{transform:rotateY(225deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-2 .s9{transform:rotateY(230.294deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-2 .s10{transform:rotateY(235.588deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-2 .s11{transform:rotateY(240.882deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-2 .s12{transform:rotateY(246.176deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-2 .s13{transform:rotateY(251.471deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-2 .s14{transform:rotateY(256.765deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-2 .s15{transform:rotateY(262.059deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-2 .s16{transform:rotateY(267.353deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-3 .s0{transform:rotateY(272.647deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-3 .s1{transform:rotateY(277.941deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-3 .s2{transform:rotateY(283.235deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-3 .s3{transform:rotateY(288.529deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-3 .s4{transform:rotateY(293.824deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-3 .s5{transform:rotateY(299.118deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-3 .s6{transform:rotateY(304.412deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-3 .s7{transform:rotateY(309.706deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-3 .s8{transform:rotateY(315deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-3 .s9{transform:rotateY(320.294deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-3 .s10{transform:rotateY(325.588deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-3 .s11{transform:rotateY(330.882deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-3 .s12{transform:rotateY(336.176deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-3 .s13{transform:rotateY(341.471deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-3 .s14{transform:rotateY(346.765deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-3 .s15{transform:rotateY(352.059deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .cr-3 .s16{transform:rotateY(357.353deg)translate3d(-50%,0,12.475em)}#skills-section .typescript .cub-1 .side{width:1.25em}}
@media only screen and (min-width:0){#skills-section .linux{aspect-ratio:1;z-index:3;flex-direction:row-reverse;width:100%;display:flex;position:relative;top:70px;overflow:visible}#skills-section .linux.hover .cub-1{transform:translate(-60px,-60px)rotateX(-91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .linux:has(.face:hover) .cub-1{transform:translate(-60px,-60px)rotateX(-91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .linux #tridiv{perspective:800px;background:0 0;width:100%;height:100%;font-size:50%;position:absolute;scale:.17}#skills-section .linux .scene,#skills-section .linux .shape,#skills-section .linux .face,#skills-section .linux .face-wrapper,#skills-section .linux .cr{transform-style:preserve-3d;position:absolute}#skills-section .linux .scene{pointer-events:none;width:80em;height:80em;left:-100px}#skills-section .linux .shape{transform-origin:50%;width:0;height:0}#skills-section .linux .face,#skills-section .linux .face-wrapper{transform-origin:0 0}#skills-section .linux .face{pointer-events:all;background-position:50%;background-size:100% 100%!important}#skills-section .linux .face-wrapper .face{width:100%;height:100%;left:100%}#skills-section .linux .photon-shader{width:100%;height:100%;position:absolute}#skills-section .linux .side{left:50%}#skills-section .linux .cr,#skills-section .linux .cr .side{height:100%}#skills-section .linux [class*=cuboid] .ft,#skills-section .linux [class*=cuboid] .bk{width:100%;height:100%}#skills-section .linux [class*=cuboid] .bk{left:100%}#skills-section .linux [class*=cuboid] .rt{transform:rotateY(-90deg)translate(-50%)}#skills-section .linux [class*=cuboid] .lt{transform:rotateY(90deg)translate(-50%)}#skills-section .linux [class*=cuboid] .tp{transform:rotateX(90deg)translateY(-50%)}#skills-section .linux [class*=cuboid] .bm{transform:rotateX(-90deg)translateY(-50%)}#skills-section .linux [class*=cuboid] .lt{left:100%}#skills-section .linux [class*=cuboid] .bm{top:100%}#skills-section .linux .cub-1{transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:var(--dur-page);opacity:1;width:60em;height:12.5em;transition-property:all;position:relative;left:-70px;transform:translate(0,0)rotateX(-120deg)rotateY(0)rotate(30deg)scale(1)}#skills-section .linux .cub-1 .ft{transform:translateZ(30em)}#skills-section .linux .cub-1 .bk{transform:translateZ(-30em)rotateY(180deg)}#skills-section .linux .cub-1 .rt,#skills-section .linux .cub-1 .lt{width:60em;height:12.5em}#skills-section .linux .cub-1 .tp,#skills-section .linux .cub-1 .bm{justify-content:flex-end;align-items:flex-end;width:60em;height:60em;display:flex}#skills-section .linux span{color:#323330;margin-bottom:2.5rem;margin-right:3rem;font-size:13rem}#skills-section .linux .cub-1 .face{background-color:#fff}#skills-section .linux .cub-1 .ft,#skills-section .linux .cub-1 .bk{background-color:#ddd}#skills-section .linux .cub-1 .tp{background-color:#fff}#skills-section .linux .cub-1 .bm,#skills-section .linux .cub-1 .lt,#skills-section .linux .cub-1 .rt{background-color:#ddd}#skills-section .linux .cub-1 .ft{width:35em;margin-left:12.5em}#skills-section .linux .cub-1 .bk{width:35em;margin-left:-12.5em}#skills-section .linux .cub-1 .rt,#skills-section .linux .cub-1 .lt{width:35em}#skills-section .linux .cub-1 .tp,#skills-section .linux .cub-1 .bm,#skills-section .linux .cub-1 .tp .photon-shader,#skills-section .linux .cub-1 .bm .photon-shader{border-radius:12.5em}#skills-section .linux .cub-1 .cr{width:12.5em;left:6.25em}#skills-section .linux .cub-1 .cr-0{transform:translate3d(35em,0,17.5em)}#skills-section .linux .cub-1 .cr-1{transform:translate3d(35em,0,-17.5em)}#skills-section .linux .cub-1 .cr-2{transform:translateZ(-17.5em)}#skills-section .linux .cub-1 .cr-3{transform:translateZ(17.5em)}#skills-section .linux .cr div{background-color:#ddd!important}#skills-section .linux .cub-1 .cr-0 .s0{transform:rotateY(2.64706deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-0 .s1{transform:rotateY(7.94118deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-0 .s2{transform:rotateY(13.2353deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-0 .s3{transform:rotateY(18.5294deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-0 .s4{transform:rotateY(23.8235deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-0 .s5{transform:rotateY(29.1176deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-0 .s6{transform:rotateY(34.4118deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-0 .s7{transform:rotateY(39.7059deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-0 .s8{transform:rotateY(45deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-0 .s9{transform:rotateY(50.2941deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-0 .s10{transform:rotateY(55.5882deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-0 .s11{transform:rotateY(60.8824deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-0 .s12{transform:rotateY(66.1765deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-0 .s13{transform:rotateY(71.4706deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-0 .s14{transform:rotateY(76.7647deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-0 .s15{transform:rotateY(82.0588deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-0 .s16{transform:rotateY(87.3529deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-1 .s0{transform:rotateY(92.6471deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-1 .s1{transform:rotateY(97.9412deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-1 .s2{transform:rotateY(103.235deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-1 .s3{transform:rotateY(108.529deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-1 .s4{transform:rotateY(113.824deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-1 .s5{transform:rotateY(119.118deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-1 .s6{transform:rotateY(124.412deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-1 .s7{transform:rotateY(129.706deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-1 .s8{transform:rotateY(135deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-1 .s9{transform:rotateY(140.294deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-1 .s10{transform:rotateY(145.588deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-1 .s11{transform:rotateY(150.882deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-1 .s12{transform:rotateY(156.176deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-1 .s13{transform:rotateY(161.471deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-1 .s14{transform:rotateY(166.765deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-1 .s15{transform:rotateY(172.059deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-1 .s16{transform:rotateY(177.353deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-2 .s0{transform:rotateY(182.647deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-2 .s1{transform:rotateY(187.941deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-2 .s2{transform:rotateY(193.235deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-2 .s3{transform:rotateY(198.529deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-2 .s4{transform:rotateY(203.824deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-2 .s5{transform:rotateY(209.118deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-2 .s6{transform:rotateY(214.412deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-2 .s7{transform:rotateY(219.706deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-2 .s8{transform:rotateY(225deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-2 .s9{transform:rotateY(230.294deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-2 .s10{transform:rotateY(235.588deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-2 .s11{transform:rotateY(240.882deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-2 .s12{transform:rotateY(246.176deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-2 .s13{transform:rotateY(251.471deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-2 .s14{transform:rotateY(256.765deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-2 .s15{transform:rotateY(262.059deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-2 .s16{transform:rotateY(267.353deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-3 .s0{transform:rotateY(272.647deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-3 .s1{transform:rotateY(277.941deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-3 .s2{transform:rotateY(283.235deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-3 .s3{transform:rotateY(288.529deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-3 .s4{transform:rotateY(293.824deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-3 .s5{transform:rotateY(299.118deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-3 .s6{transform:rotateY(304.412deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-3 .s7{transform:rotateY(309.706deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-3 .s8{transform:rotateY(315deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-3 .s9{transform:rotateY(320.294deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-3 .s10{transform:rotateY(325.588deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-3 .s11{transform:rotateY(330.882deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-3 .s12{transform:rotateY(336.176deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-3 .s13{transform:rotateY(341.471deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-3 .s14{transform:rotateY(346.765deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-3 .s15{transform:rotateY(352.059deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .cr-3 .s16{transform:rotateY(357.353deg)translate3d(-50%,0,12.475em)}#skills-section .linux .cub-1 .side{width:1.25em}}@media only screen and (min-width:800px){#skills-section .linux{aspect-ratio:1;z-index:3;flex-direction:row-reverse;width:120px;display:flex;position:relative;top:100px;overflow:visible}#skills-section .linux:has(.face:hover) .cub-1{transform:translate(50px,-60px)rotateX(-91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .linux.hover .cub-1{transform:translate(80px,-60px)rotateX(-91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .linux .cub-1{transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:var(--dur-page);transition-property:all;transform:translate(-50px)rotateX(-120deg)rotateY(0)rotate(-30deg)scale(1)}}
@media only screen and (min-width:0){#skills-section .devops{aspect-ratio:1;z-index:3;flex-direction:row-reverse;width:100%;display:flex;position:relative;top:70px;overflow:visible}#skills-section .devops.hover .cub-1{transform:translate(-60px,-60px)rotateX(-91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .devops:has(.face:hover) .cub-1{transform:translate(-60px,-60px)rotateX(-91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .devops #tridiv{perspective:800px;background:0 0;width:100%;height:100%;font-size:50%;position:absolute;scale:.17}#skills-section .devops .scene,#skills-section .devops .shape,#skills-section .devops .face,#skills-section .devops .face-wrapper,#skills-section .devops .cr{transform-style:preserve-3d;position:absolute}#skills-section .devops .scene{pointer-events:none;width:80em;height:80em;left:-100px}#skills-section .devops .shape{transform-origin:50%;width:0;height:0}#skills-section .devops .face,#skills-section .devops .face-wrapper{transform-origin:0 0}#skills-section .devops .face{pointer-events:all;background-position:50%;background-size:100% 100%!important}#skills-section .devops .face-wrapper .face{width:100%;height:100%;left:100%}#skills-section .devops .photon-shader{width:100%;height:100%;position:absolute}#skills-section .devops .side{left:50%}#skills-section .devops .cr,#skills-section .devops .cr .side{height:100%}#skills-section .devops [class*=cuboid] .ft,#skills-section .devops [class*=cuboid] .bk{width:100%;height:100%}#skills-section .devops [class*=cuboid] .bk{left:100%}#skills-section .devops [class*=cuboid] .rt{transform:rotateY(-90deg)translate(-50%)}#skills-section .devops [class*=cuboid] .lt{transform:rotateY(90deg)translate(-50%)}#skills-section .devops [class*=cuboid] .tp{transform:rotateX(90deg)translateY(-50%)}#skills-section .devops [class*=cuboid] .bm{transform:rotateX(-90deg)translateY(-50%)}#skills-section .devops [class*=cuboid] .lt{left:100%}#skills-section .devops [class*=cuboid] .bm{top:100%}#skills-section .devops .cub-1{transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:var(--dur-page);opacity:1;width:60em;height:12.5em;transition-property:all;position:relative;left:-70px;transform:translate(0,0)rotateX(-120deg)rotateY(0)rotate(30deg)scale(1)}#skills-section .devops .cub-1 .ft{transform:translateZ(30em)}#skills-section .devops .cub-1 .bk{transform:translateZ(-30em)rotateY(180deg)}#skills-section .devops .cub-1 .rt,#skills-section .devops .cub-1 .lt{width:60em;height:12.5em}#skills-section .devops .cub-1 .tp,#skills-section .devops .cub-1 .bm{justify-content:flex-end;align-items:flex-end;width:60em;height:60em;display:flex}#skills-section .devops span{color:#323330;margin-bottom:2.5rem;margin-right:3rem;font-size:13rem}#skills-section .devops .cub-1 .face{background-color:#fff}#skills-section .devops .cub-1 .ft,#skills-section .devops .cub-1 .bk{background-color:#ddd}#skills-section .devops .cub-1 .tp{background-color:#fff}#skills-section .devops .cub-1 .bm,#skills-section .devops .cub-1 .lt,#skills-section .devops .cub-1 .rt{background-color:#ddd}#skills-section .devops .cub-1 .ft{width:35em;margin-left:12.5em}#skills-section .devops .cub-1 .bk{width:35em;margin-left:-12.5em}#skills-section .devops .cub-1 .rt,#skills-section .devops .cub-1 .lt{width:35em}#skills-section .devops .cub-1 .tp,#skills-section .devops .cub-1 .bm,#skills-section .devops .cub-1 .tp .photon-shader,#skills-section .devops .cub-1 .bm .photon-shader{border-radius:12.5em}#skills-section .devops .cub-1 .cr{width:12.5em;left:6.25em}#skills-section .devops .cub-1 .cr-0{transform:translate3d(35em,0,17.5em)}#skills-section .devops .cub-1 .cr-1{transform:translate3d(35em,0,-17.5em)}#skills-section .devops .cub-1 .cr-2{transform:translateZ(-17.5em)}#skills-section .devops .cub-1 .cr-3{transform:translateZ(17.5em)}#skills-section .devops .cr div{background-color:#ddd!important}#skills-section .devops .cub-1 .cr-0 .s0{transform:rotateY(2.64706deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-0 .s1{transform:rotateY(7.94118deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-0 .s2{transform:rotateY(13.2353deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-0 .s3{transform:rotateY(18.5294deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-0 .s4{transform:rotateY(23.8235deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-0 .s5{transform:rotateY(29.1176deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-0 .s6{transform:rotateY(34.4118deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-0 .s7{transform:rotateY(39.7059deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-0 .s8{transform:rotateY(45deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-0 .s9{transform:rotateY(50.2941deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-0 .s10{transform:rotateY(55.5882deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-0 .s11{transform:rotateY(60.8824deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-0 .s12{transform:rotateY(66.1765deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-0 .s13{transform:rotateY(71.4706deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-0 .s14{transform:rotateY(76.7647deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-0 .s15{transform:rotateY(82.0588deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-0 .s16{transform:rotateY(87.3529deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-1 .s0{transform:rotateY(92.6471deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-1 .s1{transform:rotateY(97.9412deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-1 .s2{transform:rotateY(103.235deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-1 .s3{transform:rotateY(108.529deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-1 .s4{transform:rotateY(113.824deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-1 .s5{transform:rotateY(119.118deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-1 .s6{transform:rotateY(124.412deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-1 .s7{transform:rotateY(129.706deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-1 .s8{transform:rotateY(135deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-1 .s9{transform:rotateY(140.294deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-1 .s10{transform:rotateY(145.588deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-1 .s11{transform:rotateY(150.882deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-1 .s12{transform:rotateY(156.176deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-1 .s13{transform:rotateY(161.471deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-1 .s14{transform:rotateY(166.765deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-1 .s15{transform:rotateY(172.059deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-1 .s16{transform:rotateY(177.353deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-2 .s0{transform:rotateY(182.647deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-2 .s1{transform:rotateY(187.941deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-2 .s2{transform:rotateY(193.235deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-2 .s3{transform:rotateY(198.529deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-2 .s4{transform:rotateY(203.824deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-2 .s5{transform:rotateY(209.118deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-2 .s6{transform:rotateY(214.412deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-2 .s7{transform:rotateY(219.706deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-2 .s8{transform:rotateY(225deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-2 .s9{transform:rotateY(230.294deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-2 .s10{transform:rotateY(235.588deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-2 .s11{transform:rotateY(240.882deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-2 .s12{transform:rotateY(246.176deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-2 .s13{transform:rotateY(251.471deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-2 .s14{transform:rotateY(256.765deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-2 .s15{transform:rotateY(262.059deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-2 .s16{transform:rotateY(267.353deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-3 .s0{transform:rotateY(272.647deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-3 .s1{transform:rotateY(277.941deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-3 .s2{transform:rotateY(283.235deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-3 .s3{transform:rotateY(288.529deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-3 .s4{transform:rotateY(293.824deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-3 .s5{transform:rotateY(299.118deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-3 .s6{transform:rotateY(304.412deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-3 .s7{transform:rotateY(309.706deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-3 .s8{transform:rotateY(315deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-3 .s9{transform:rotateY(320.294deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-3 .s10{transform:rotateY(325.588deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-3 .s11{transform:rotateY(330.882deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-3 .s12{transform:rotateY(336.176deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-3 .s13{transform:rotateY(341.471deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-3 .s14{transform:rotateY(346.765deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-3 .s15{transform:rotateY(352.059deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .cr-3 .s16{transform:rotateY(357.353deg)translate3d(-50%,0,12.475em)}#skills-section .devops .cub-1 .side{width:1.25em}}@media only screen and (min-width:800px){#skills-section .devops{aspect-ratio:1;z-index:3;flex-direction:row-reverse;width:120px;display:flex;position:relative;top:100px;overflow:visible}#skills-section .devops.hover .cub-1{transform:translate(50px,-60px)rotateX(-91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .devops:has(.face:hover) .cub-1{transform:translate(50px,-60px)rotateX(-91deg)rotateY(0)rotate(0)scale3d(1.3,1.3,1.3)}#skills-section .devops .cub-1{transition-timing-function:cubic-bezier(.22,1,.36,1);transition-duration:var(--dur-page);transition-property:all;transform:translate(-50px)rotateX(-120deg)rotateY(0)rotate(-30deg)scale(1)}}