body{margin:0;font-family:source sans pro,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;overflow-y:scroll}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#loaderWindowCage{z-index:6;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-shadow:0 0 4px #c4c4c4;color:#c4c4c4;border:1px solid #c4c4c4;width:500px;height:300px;box-shadow:0 0 2px 0 #c4c4c4,inset 0 0 2px 0 #c4c4c4;text-align:left}#loaderWindowCage #loaderImageTop{margin-left:-4px;position:absolute;width:calc(100% + 8px);height:30px;margin-top:-35px;background-repeat:repeat-x;background-size:contain;background-position:bottom}#loaderWindowCage .hrDiv{background-color:#c4c4c4;height:1px;box-shadow:0 0 2px 0 #c4c4c4}#loaderWindowCage p{margin-top:0;margin-bottom:0}#loaderWindowCage .LoaderFoldCage{padding:8px 16px;text-transform:uppercase;letter-spacing:1px}#loaderWindowCage .LoaderFoldCage .loaderTittle{font-size:12px;margin-bottom:6px}#loaderWindowCage .LoaderFoldCage .loaderText{font-size:13px}#loaderWindowCage .LoaderFoldCage .loaderText span{font-size:13px;animation:blink-caret .75s step-end infinite}#loaderWindowCage .TerminalCage{position:relative}#loaderWindowCage .hrDivLoadingCage{width:100%;position:absolute;bottom:56px}#loaderWindowCage .LoadingCage{position:absolute;bottom:6px;width:calc(100% - 32px)}#loaderWindowCage #proggressBarCage{background-color:#0a0a0a;width:100%;height:14px}#loaderWindowCage #proggressBarCage #proggressBar{background-color:#ec004d;width:0;height:100%;box-shadow:0 0 5px 1px #ec004d;transition:.5s}#loaderWindowCage #qrCode{position:fixed;right:16px;bottom:70px;width:40px;height:40px;background-size:contain;opacity:.2;box-shadow:0 0 3px 0 #c4c4c4;-webkit-filter:drop-shadow(0 0 4px #c4c4c4);filter:drop-shadow(0 0 4px #c4c4c4)}@media (max-height:700px),screen and (max-width:520px){#loaderWindowCage{width:calc(100% - 20px);height:250px}}@keyframes blink-caret{0%,to{opacity:0}50%{opacity:1}}#logoCage{position:fixed;top:17px;left:17px}#logoCage #logoText{margin-left:12px;font-size:17px;transform:scaleY(1.15);letter-spacing:2px;text-shadow:0 0 4px #ec004d;color:#ec004d}@media (max-height:700px),screen and (max-width:600px){#logoCage #logoText{font-size:15px;margin-left:10px}}@media (max-height:700px),screen and (max-width:400px){#logoCage #logoText{margin-left:6px}}#logoCage div{display:inline-block;vertical-align:middle}@media (max-height:700px),screen and (max-width:600px){#logoCage{top:10px;left:10px}}nav{text-transform:uppercase;position:fixed;top:17px;right:17px;z-index:1;-webkit-user-select:none;-ms-user-select:none;user-select:none}nav div{display:inline-block;vertical-align:middle}@media (max-height:700px),screen and (max-width:600px){nav{top:10px;right:10px}}.buttonsLine{margin-top:12px}.buttonsLine .buttonCage{box-sizing:border-box;border:1px solid #c4c4c4;text-shadow:0 0 4px #c4c4c4;color:#c4c4c4;box-shadow:0 0 3px 0 #c4c4c4,inset 0 0 3px 0 #c4c4c4;height:50px;min-width:110px;padding:5px;cursor:pointer;position:relative;margin-right:12px;transition:.3s}.buttonsLine .buttonCage div{display:block;font-size:12px;letter-spacing:1px;margin:0;padding:0;line-height:12px}@media (max-height:700px),screen and (max-width:600px){.buttonsLine .buttonCage div{font-size:10px}}.buttonsLine .buttonCage .buttonDescribe{position:absolute;bottom:5px}@media (max-height:700px),screen and (max-width:600px){.buttonsLine .buttonCage .buttonDescribe{bottom:4px}}.buttonsLine .buttonCage:hover{text-shadow:none;box-shadow:none}@media (max-height:700px),screen and (max-width:600px){.buttonsLine .buttonCage{min-width:90px;height:40px;margin-right:10px;padding:4px}}@media (max-height:700px),screen and (max-width:400px){.buttonsLine .buttonCage{min-width:80px;margin-right:6px}}.buttonsLine .selectedButton{border:1px solid #ec004d;text-shadow:0 0 4px #ec004d;color:#ec004d;box-shadow:0 0 3px 0 #ec004d,inset 0 0 3px 0 #ec004d}.shortMenu{float:right;margin-top:20px;display:block;clear:both;margin-right:4px}.menuChooseCage{margin-top:10px;width:calc(100% - 16px);display:block}.menuChooseCage .titleClose{margin-top:10px;width:100%;font-size:14px;letter-spacing:1px;text-shadow:0 0 4px #c4c4c4;color:#c4c4c4}.menuChooseCage .titleClose #close{float:right;cursor:pointer;padding-left:10px;transition:.3s}.menuChooseCage .titleClose #close svg{margin-bottom:3px;display:inline-block;vertical-align:middle;transition:.3s;fill:#c4c4c4;-webkit-filter:drop-shadow(0 0 4px #c4c4c4);filter:drop-shadow(0 0 4px #c4c4c4)}.menuChooseCage .titleClose #close:hover{text-shadow:none}.menuChooseCage .titleClose #close:hover svg{-webkit-filter:none;filter:none}.menuChooseCage #titleLine{height:1px;background-color:#717676;width:100%;clear:both;box-shadow:0 0 3px 0 #717676}.HudScrollTrackerCage{position:fixed;z-index:1;box-sizing:border-box;bottom:9px;width:1021px;height:7px;left:50%;transform:translateX(-50%)}.HudScrollTrackerCage #ScrollBottomLine{clear:both;height:1px;width:100%;background-color:#7d8184;box-shadow:0 0 5px 1px #7d8184}.HudScrollTrackerCage #ScrollLeftLine{float:left;height:7px;background-color:#7d8184;box-shadow:0 0 5px 1px #7d8184;width:1px}.HudScrollTrackerCage #ScrollRightLine{float:right;height:7px;background-color:#7d8184;box-shadow:0 0 5px 1px #7d8184;width:1px}.HudScrollTrackerCage #scrollTrackCage{position:absolute;left:2px;right:2px;bottom:1px}.HudScrollTrackerCage #scrollTrackCage .ScrollButton{width:calc(25% - 3px);display:inline-block;cursor:pointer}.HudScrollTrackerCage #scrollTrackCage .ScrollButton:nth-child(2){margin-left:4px;margin-right:2px}.HudScrollTrackerCage #scrollTrackCage .ScrollButton:nth-child(3){margin-left:2px;margin-right:4px}.HudScrollTrackerCage #scrollTrackCage .ScrollButton .ScrollText{-webkit-user-select:none;-ms-user-select:none;user-select:none;text-transform:uppercase;font-size:10px;letter-spacing:2px;margin-bottom:3px;text-shadow:0 0 4px #c4c4c4;color:#c4c4c4;transition:color .3s ease,text-shadow .3s ease}.HudScrollTrackerCage #scrollTrackCage .ScrollButton .ScrollBcg{height:6px;transition:background-color .3s ease,box-shadow .3s ease}.HudScrollTrackerCage #scrollTrackCage .ScrollButton .ScrollTextActive{text-shadow:0 0 4px #ec004d;color:#ec004d}.HudScrollTrackerCage #scrollTrackCage .ScrollButton .ScrollBcgActive{box-shadow:0 0 4px #ec004d;background-color:#ec004d}@media (max-height:700px),screen and (max-width:1061px){.HudScrollTrackerCage{width:calc(100% - 20px)}}.cyberOrnament{width:4px;height:50px;background-color:#c4c4c4}@media (max-height:700px),screen and (max-width:600px){.cyberOrnament{height:40px}}#three-noise-texture,#three-render-cage{position:fixed;left:0;right:0;bottom:0;top:0;z-index:-1}#three-noise-texture{background:radial-gradient(circle,transparent 60%,#000 150%)}#wrapper{color:#c4c4c4;transition:background-color .6s}.noiseDiv{position:fixed;top:0;bottom:0;left:0;right:0;background-image:url(/static/media/noise-texture-small.ace67b73.png);z-index:-1}.initializeBackground{background-color:#000;z-index:1}.contentCage{position:relative;z-index:-10}.centeringContentCage{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0}#startCenteredText{text-align:center;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);letter-spacing:2px;width:90%;text-transform:uppercase}#startCenteredText :first-child{color:#f5f5f5;font-size:30px;margin-bottom:30px;text-shadow:0 0 4px #c4c4c4;transition:.3s}@media (max-height:700px),screen and (max-width:625px){#startCenteredText :first-child{font-size:20px}}#startCenteredText :nth-child(2){font-size:20px;color:#f5f5f5;text-shadow:0 0 4px #c4c4c4;transition:.3s;margin-bottom:400px}@media (max-height:700px),screen and (max-width:625px){#startCenteredText :nth-child(2){font-size:11px}}#downTextScroll{position:absolute;bottom:70px;letter-spacing:2px;color:#bdbdbd;font-size:18px;width:100%;text-align:center;font-size:15px;text-shadow:0 0 4px #c4c4c4;transition:.3s}@media (max-height:700px),screen and (max-width:625px){#downTextScroll{font-size:11px}}#contactLeftText{text-align:right;position:absolute;left:0;top:24%;letter-spacing:2px;width:30%;min-width:300px;max-width:460px;text-transform:uppercase;transition:.3s}#contactLeftText #contactTittle{text-shadow:0 0 4px #ec004d;color:#ec004d;font-size:26px}#contactLeftText #contactLine{width:100%;height:5px;background-color:#fff;box-shadow:1px 1px 6px 0 #c4c4c4;margin-top:20px;margin-bottom:28px}#contactLeftText a,#contactLeftText div{width:100%;white-space:nowrap;overflow:hidden;font-size:14px;text-shadow:0 0 4px #c4c4c4;color:#fff;margin-top:12px;margin-bottom:12px;font-weight:lighter;text-decoration:none}@media (max-height:700px),screen and (max-width:625px){#contactLeftText a,#contactLeftText div{font-size:12px}}#contactLeftText a{transition:.3s}#contactLeftText a:hover{text-shadow:0 0 4px #ec004d;color:#ec004d}#aboutRightText{position:absolute;left:54%;top:15%;height:70%;width:46%;transition:width .3s,left .3s}@media (max-height:700px),screen and (max-width:1325px){#aboutRightText{left:40%;width:60%}}@media (max-height:700px),screen and (max-width:1025px){#aboutRightText{left:30%;width:70%}}@media (max-height:700px),screen and (max-width:750px){#aboutRightText{left:10%;width:90%}}@media (max-height:700px),screen and (max-width:600px){#aboutRightText{left:4%;width:96%}}#aboutRightText #aboutTittle{display:inline-block;vertical-align:top;text-shadow:0 0 4px #c4c4c4;font-size:12px;letter-spacing:3px;font-weight:700;width:22px;transform:rotate(180deg);-ms-writing-mode:tb-rl;writing-mode:vertical-rl}@media (max-height:700px),screen and (max-width:520px){#aboutRightText #aboutTittle{font-size:11px;width:21px}}#aboutRightText .virtualTracker{width:2px;background-color:#fff;opacity:.1;position:absolute;left:36px;top:0}@media (max-height:700px),screen and (max-width:600px){#aboutRightText .virtualTracker{left:33px}}@media (max-height:700px),screen and (max-width:520px){#aboutRightText .virtualTracker{left:31px}}#aboutRightText #aboutLine{display:inline-block;vertical-align:top;width:5px;height:100%;background-color:#fff;box-shadow:1px 0 6px 0 #c4c4c4}@media (max-height:700px),screen and (max-width:520px){#aboutRightText #aboutLine{width:4px}}#aboutRightText #aboutContent{display:inline-block;vertical-align:top;padding-left:30px;overflow-y:hidden;height:100%;width:calc(100% - 57px);text-transform:uppercase;letter-spacing:2px;position:relative}#aboutRightText #aboutContent #ProfileContener{position:absolute;top:50%;transform:translateY(-50%)}@media (max-height:700px),screen and (max-width:600px){#aboutRightText #aboutContent{padding-left:10px;width:calc(100% - 37px)}}@media (max-height:700px),screen and (max-width:520px){#aboutRightText #aboutContent{width:calc(100% - 35px)}}#aboutRightText #aboutContent #profileSeparate{margin-top:30px;margin-bottom:30px}#aboutRightText #aboutContent .profileTittle{font-size:16px;text-shadow:0 0 4px #c4c4c4;font-weight:700;margin-bottom:6px;width:70%;transition:.3s}@media (max-height:700px),screen and (max-width:800px){#aboutRightText #aboutContent .profileTittle{width:90%}}@media (max-height:700px),screen and (max-width:520px){#aboutRightText #aboutContent .profileTittle{font-size:14px}}#aboutRightText #aboutContent .profileText{font-size:14px;color:#c4c4c4;text-shadow:0 0 4px #c4c4c4;width:70%;transition:.3s}@media (max-height:700px),screen and (max-width:800px){#aboutRightText #aboutContent .profileText{width:90%}}@media (max-height:700px),screen and (max-width:520px){#aboutRightText #aboutContent .profileText{font-size:12px}}#aboutRightText #aboutContent .aLink{color:#fff;width:90%;display:block}#aboutRightText #aboutContent .certyficateBox{width:100%;margin-top:20px;margin-bottom:20px;background-image:linear-gradient(90deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,0));position:relative}#aboutRightText #aboutContent .certyficateBox .certSymbols{display:inline-block;vertical-align:middle;margin-left:3%;width:47%;height:130px}#aboutRightText #aboutContent .certyficateBox .certSymbols .certSmallRect{border:2px solid #fff;border-right-width:0;margin-top:19px;height:90px;width:22px;transition:.3s linear}@media (max-height:700px),screen and (max-width:520px){#aboutRightText #aboutContent .certyficateBox .certSymbols .certSmallRect{margin-top:29px;height:70px;width:17px}}#aboutRightText #aboutContent .certyficateBox .certSymbols .certSmallRect .certBigRect{border:2px solid #fff;width:100px;height:68px;margin-top:9px;margin-left:9px;position:relative;transition:.3s linear}@media (max-height:700px),screen and (max-width:520px){#aboutRightText #aboutContent .certyficateBox .certSymbols .certSmallRect .certBigRect{width:80px;height:49px}}#aboutRightText #aboutContent .certyficateBox .certSymbols .certSmallRect .certBigRect .certIcon{position:absolute;bottom:2px;right:10px;text-align:right;font-size:24px}@media (max-height:700px),screen and (max-width:520px){#aboutRightText #aboutContent .certyficateBox .certSymbols .certSmallRect .certBigRect .certIcon{font-size:20px;bottom:3px}}#aboutRightText #aboutContent .certyficateBox .certData{display:inline-block;vertical-align:middle;text-align:right;text-transform:uppercase;width:47%;font-size:14px;letter-spacing:2px}#aboutRightText #aboutContent .certyficateBox .certData .certDate{width:100%;margin-bottom:4px;transition:.3s linear}#aboutRightText #aboutContent .certyficateBox .certData .certText{width:100%;transition:.3s linear}@media (max-height:700px),screen and (max-width:520px){#aboutRightText #aboutContent .certyficateBox .certData{font-size:12px}}#aboutRightText #aboutContent .certyficateBox:hover{cursor:pointer;background:linear-gradient(90deg,rgba(236,0,77,.05),hsla(0,0%,100%,0))}#aboutRightText #aboutContent .certyficateBox:hover .certSymbols .certSmallRect{border-color:#ec004d}#aboutRightText #aboutContent .certyficateBox:hover .certSymbols .certSmallRect .certBigRect{border-color:#ec004d;color:#ec004d}#aboutRightText #aboutContent .certyficateBox:hover .certData,#aboutRightText #aboutContent .certyficateBox:hover .certData .certDate{color:#ec004d}#aboutRightText #aboutContent .certyficateBoxFirst{margin-top:0}#aboutRightText #aboutContent .certyficateBoxLast{margin-bottom:0}#aboutRightText .skillType{text-align:left;padding:10px 14px;font-weight:700;font-size:13px;letter-spacing:3px;background:linear-gradient(90deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,0))}@media (max-height:700px),screen and (max-width:520px){#aboutRightText .skillType{font-size:12px}}#aboutRightText .skillCenterHexagon,#aboutRightText .skillLeftRatio,#aboutRightText .skillRightRatio{margin-top:20px;margin-bottom:20px}#aboutRightText .skillLeftRatio{width:120px;display:inline-block;vertical-align:middle;text-align:right}@media (max-height:700px),screen and (max-width:520px){#aboutRightText .skillLeftRatio{width:90px}}#aboutRightText .skillRatioCenter{position:absolute;top:50%;transform:translateY(-50%);font-size:15px}@media (max-height:700px),screen and (max-width:520px){#aboutRightText .skillRatioCenter{font-size:11px}}#aboutRightText .skillRatioCenter .skillRatio .skl_r{display:inline-block;height:4px;width:20px}#aboutRightText .skillRatioCenter .skillRatio .skl_r:nth-child(2),#aboutRightText .skillRatioCenter .skillRatio .skl_r:nth-child(4){margin-left:5px;margin-right:5px}@media (max-height:700px),screen and (max-width:520px){#aboutRightText .skillRatioCenter .skillRatio .skl_r{height:3px;width:14px}}#aboutRightText .skillRatioCenter .skillRatio .skWhite{background-color:#fff;box-shadow:0 0 3px 0 #c4c4c4,inset 0 0 3px 0 #c4c4c4}#aboutRightText .skillRatioCenter .skillRatio .skGrey{background-color:#363636}#aboutRightText .skillRightRatio{width:120px;display:inline-block;vertical-align:middle;text-align:left;margin-right:10%}@media (max-height:700px),screen and (max-width:520px){#aboutRightText .skillRightRatio{width:90px;margin-right:0}}#aboutRightText .skillCenterHexagon{width:80px;display:inline-block;vertical-align:middle}@media (max-height:700px),screen and (max-width:520px){#aboutRightText .skillCenterHexagon{width:60px}}#aboutRightText .skillRatioContener{width:100%}#aboutRightText .skillHexagon,#aboutRightText .skillRatioContener{display:inline-block;vertical-align:middle;height:90px;position:relative}#aboutRightText .skillHexagon{width:90px}#aboutRightText .skillHexagon .hexagonContener{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}#aboutRightText .skillHexagon .hexagonContener svg{-webkit-filter:drop-shadow(0 0 4px #c4c4c4);filter:drop-shadow(0 0 4px #c4c4c4)}#aboutRightText .skillHexagon .hexagonIco{fill:transparent;stroke:#fff;stroke-width:3px}@media (max-height:700px),screen and (max-width:520px){#aboutRightText .skillHexagon .hexagonIco{stroke-width:2px}}#aboutRightText .skillHexagon .skillIcon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50px;padding-top:15px;padding-left:2px}@media (max-height:700px),screen and (max-width:600px){#aboutRightText .skillHexagon .skillIcon{font-size:40px}}#projectRightText{position:absolute;left:54%;top:15%;height:70%;width:46%;transition:width .3s,left .3s;background-color:rgba(0,0,0,.3);box-shadow:0 0 26px 6px rgba(0,0,0,.4)}@media (max-height:700px),screen and (max-width:1325px){#projectRightText{left:40%;width:60%}}@media (max-height:700px),screen and (max-width:1025px){#projectRightText{left:30%;width:70%}}@media (max-height:700px),screen and (max-width:750px){#projectRightText{left:10%;width:90%}}@media (max-height:700px),screen and (max-width:600px){#projectRightText{left:4%;width:96%}}#projectRightText .virtualTracker{width:2px;background-color:#fff;opacity:.1;position:absolute;left:16px;top:0}@media (max-height:700px),screen and (max-width:600px){#projectRightText .virtualTracker{left:11px}}#projectRightText .projectLines{display:inline-block;vertical-align:middle;height:100%;background-color:#fff;box-shadow:1px 0 6px 0 #c4c4c4}#projectRightText #projectContent{display:inline-block;vertical-align:middle;padding-left:30px;overflow-y:hidden;height:100%;width:calc(100% - 57px);text-transform:uppercase;letter-spacing:2px}@media (max-height:700px),screen and (max-width:600px){#projectRightText #projectContent{padding-left:10px;width:calc(100% - 20px)}}@media (max-height:700px),screen and (max-width:520px){#projectRightText #projectContent{width:calc(100% - 20px)}}#projectRightText #projectContent .projectTittle{margin-top:60px;padding:10px 14px;font-weight:700;font-size:13px;letter-spacing:3px;background:linear-gradient(90deg,rgba(236,0,77,.5),hsla(0,0%,100%,0));clear:both;overflow:auto}#projectRightText #projectContent .projectTittle:first-child{margin-top:0}@media (max-height:700px),screen and (max-width:520px){#projectRightText #projectContent .projectTittle{font-size:12px}}#projectRightText #projectContent .projectTittle .projectTittleLeft{text-align:left;float:left}#projectRightText #projectContent .projectTittle .projectTittleRight{text-align:right;float:right}#projectRightText #projectContent .projectTopData{clear:both;overflow:auto;padding:10px 14px;font-size:12px}#projectRightText #projectContent .projectTopData .projectTopDataLeft{text-align:left;float:left;width:calc(100% - 130px)}#projectRightText #projectContent .projectTopData .projectTopDataLeft .qrLink{display:block;height:92px;width:92px;margin-bottom:37px;box-shadow:0 0 8px 0 #717676}@media (max-height:700px),screen and (max-width:520px){#projectRightText #projectContent .projectTopData .projectTopDataLeft .qrLink{height:62px;width:62px}}#projectRightText #projectContent .projectTopData .projectTopDataLeft .qrLink .projectQrCode{-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated;background-size:contain;height:100%;width:100%;border:1px solid #fff;transition:.3s;box-sizing:border-box}#projectRightText #projectContent .projectTopData .projectTopDataLeft a{text-decoration:none;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;transition:.3s}#projectRightText #projectContent .projectTopData .projectTopDataLeft a:hover{color:#ec004d}#projectRightText #projectContent .projectTopData .projectTopDataRight{text-align:right;float:right;width:120px}@media (max-height:700px),screen and (max-width:520px){#projectRightText #projectContent .projectTopData .projectTopDataRight{width:100px}}#projectRightText #projectContent .projectTopData .projectTopDataRight .projectImageSite{width:100%;box-shadow:0 0 8px 0 #343434;cursor:pointer;transition:.3s}#projectRightText #projectContent .projectHorizontalLine{background-color:#fff;height:1px;width:calc(100% - 14px);box-shadow:1px 0 6px 0 #c4c4c4}#projectRightText #projectContent .projectFoldCage{box-sizing:border-box;margin-top:14px;width:calc(100% - 14px);border:1px solid #fff;padding:10px 14px;font-size:13px;box-shadow:0 0 3px 0 #c4c4c4,inset 0 0 3px 0 #c4c4c4}@media (max-height:700px),screen and (max-width:520px){#projectRightText #projectContent .projectFoldCage{font-size:12px}}#projectRightText #projectContent .projectFoldCage .projectTechnologyList{color:#fff}#projectRightText #projectContent .projectFoldCage .projectFoldTittle{margin-bottom:10px}#projectRightText #projectContent .projectFoldCage a{text-decoration:none;color:#fff;transition:.3s;word-break:break-all}#projectRightText #projectContent .projectFoldCage a:hover{color:#ec004d}
/*# sourceMappingURL=main.b185f583.chunk.css.map */