@charset "UTF-8";.container[data-v-efbad892]{flex-shrink:0;border:2px solid #366686;border-radius:5px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:3rem 2rem;background-image:url(/portfolio/assets/rectangle-50aabc5d.png);background-position:center}h1[data-v-efbad892]{text-align:center}h4[data-v-efbad892]{font-size:1.2rem;padding-top:.5rem;font-weight:800;font-style:italic;text-align:center}h3[data-v-efbad892]{text-transform:uppercase;font-weight:400}.centerContainer[data-v-efbad892]{height:100%;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width: 425px){h3[data-v-efbad892]{display:none}}.container[data-v-2b022a10]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;position:relative}.ideCont[data-v-2b022a10]{margin:2rem;padding-top:0;border:2px solid #366686;border-radius:5px}.ideCont .topSec[data-v-2b022a10]{width:100%;text-align:start;margin:0 auto;border-bottom:2px solid #366686}.ideCont .topSec h6[data-v-2b022a10]{width:30%;padding:.5rem 2rem .5rem 1rem;font-weight:500;font-size:1rem;border-right:2px solid #366686}.ideCont .col-right[data-v-2b022a10]{display:flex;height:100%;width:70%;padding:2rem}.ideCont .col-right p[data-v-2b022a10]{text-align:justify}.middleSec[data-v-2b022a10]{display:flex}.middleSec .col-left[data-v-2b022a10]{width:30%;border-right:2px solid #366686;padding:2rem}.middleSec img[data-v-2b022a10]{width:300%}.downWrapper[data-v-2b022a10]{display:flex;justify-content:space-between;align-items:center}.lowerSection[data-v-2b022a10]{position:absolute;width:100%;bottom:0;left:50%;transform:translate(-50%,-50%)}.lowerSection h3[data-v-2b022a10]{text-transform:uppercase;font-weight:400}.imgWrapper[data-v-2b022a10]{padding:.5rem;border:2px solid rgba(54,102,134,.4823529412)}.glitch[data-v-2b022a10]{background:#000 no-repeat center;background-image:url(/portfolio/assets/FotoCv_SQUARE2-a7168697.jpg);background-size:0;max-width:100%;height:100%;aspect-ratio:1/1;position:relative;overflow:hidden}.glitch[data-v-2b022a10]:before,.glitch[data-v-2b022a10]:after,.glitch .channel[data-v-2b022a10]{background:inherit;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0}.glitch[data-v-2b022a10]:before{animation:glitch-before-2b022a10 3s linear infinite alternate both;content:""}@keyframes glitch-before-2b022a10{0%{clip-path:polygon(0% 64.4433485719%,100% 64.4433485719%,100% 66.2931108319%,0% 66.2931108319%);transform:translate(-6.075660977%,.0385969993%)}2%{clip-path:polygon(0% 3.9705861715%,100% 3.9705861715%,100% 8.1708757638%,0% 8.1708757638%);transform:translate(-5.6691546225%,.1849363783%)}4%{clip-path:polygon(0% 84.639732296%,100% 84.639732296%,100% 91.068488783%,0% 91.068488783%);transform:translate(.1806077115%,-.4259835404%)}6%{clip-path:polygon(0% 46.282622267%,100% 46.282622267%,100% 49.9893438579%,0% 49.9893438579%);transform:translate(-5.5101735313%,.3605663915%)}8%{clip-path:polygon(0% 30.3428388887%,100% 30.3428388887%,100% 33.8679571959%,0% 33.8679571959%);transform:translate(1.6810975886%,-.4665297344%)}10%{clip-path:polygon(0% 55.5095368905%,100% 55.5095368905%,100% 60.0250220629%,0% 60.0250220629%);transform:translate(2.9097374608%,-.1171904173%)}12%{clip-path:polygon(0% 47.6803693958%,100% 47.6803693958%,100% 51.5635366304%,0% 51.5635366304%);transform:translate(.230158451%,-.2383693275%)}14%{clip-path:polygon(0% 55.9033874472%,100% 55.9033874472%,100% 62.8444873429%,0% 62.8444873429%);transform:translate(1.9910720884%,-.0545957774%)}16%{clip-path:polygon(0% 80.966700342%,100% 80.966700342%,100% 90.4705589624%,0% 90.4705589624%);transform:translate(5.6085830783%,-.2108330269%)}18%{clip-path:polygon(0% 31.9692684151%,100% 31.9692684151%,100% 36.7549322981%,0% 36.7549322981%);transform:translate(.5019277183%,.0421734055%)}20%,to{clip-path:none;transform:none}}.glitch[data-v-2b022a10]:after{animation:glitch-after-2b022a10 3s linear infinite alternate both;content:""}@keyframes glitch-after-2b022a10{0%{clip-path:polygon(0% 53.6444541322%,100% 53.6444541322%,100% 54.8544823085%,0% 54.8544823085%);transform:translate(-4.0791003419%,-.0150648023%)}2%{clip-path:polygon(0% 38.3198852913%,100% 38.3198852913%,100% 47.8371723033%,0% 47.8371723033%);transform:translate(7.067435143%,-.2396254232%)}4%{clip-path:polygon(0% 33.4585718129%,100% 33.4585718129%,100% 34.6433610976%,0% 34.6433610976%);transform:translate(5.2869273349%,-.2213869586%)}6%{clip-path:polygon(0% 37.0326051821%,100% 37.0326051821%,100% 44.6560194776%,0% 44.6560194776%);transform:translate(6.1529487912%,.1857466631%)}8%{clip-path:polygon(0% 36.9085494297%,100% 36.9085494297%,100% 39.3985040534%,0% 39.3985040534%);transform:translate(3.8463471869%,.002249371%)}10%{clip-path:polygon(0% 78.5788523752%,100% 78.5788523752%,100% 79.8927066039%,0% 79.8927066039%);transform:translate(1.7456632592%,.4887227333%)}12%{clip-path:polygon(0% 83.6989066746%,100% 83.6989066746%,100% 87.4748592884%,0% 87.4748592884%);transform:translate(1.070663823%,-.3391009612%)}14%{clip-path:polygon(0% 50.8846073508%,100% 50.8846073508%,100% 60.0707493018%,0% 60.0707493018%);transform:translate(4.8756231546%,.0085831456%)}16%{clip-path:polygon(0% 68.1246387851%,100% 68.1246387851%,100% 73.6222368506%,0% 73.6222368506%);transform:translate(5.6634586208%,.2347917675%)}18%{clip-path:polygon(0% .454123794%,100% .454123794%,100% 5.124234198%,0% 5.124234198%);transform:translate(-7.1241847934%,.2604043059%)}20%,to{clip-path:none;transform:none}}.glitch .channel[data-v-2b022a10]{mix-blend-mode:screen}.glitch .channel[data-v-2b022a10]:before{bottom:0;content:"";display:block;mix-blend-mode:multiply;position:absolute;left:0;right:0;top:0}.glitch .r[data-v-2b022a10]{animation:rgb-shift-r-2b022a10 3s steps(1,jump-end) infinite alternate both}@keyframes rgb-shift-r-2b022a10{0%{transform:translate(.147137111%,-.480381702%)}2%{transform:translate(1.4149162004%,-.1225285832%)}4%{transform:translate(.7232628249%,.2025133955%)}6%{transform:translate(.014086063%,-.1027692154%)}8%{transform:translate(.074373427%,-.1956258208%)}10%{transform:translate(.5502202103%,-.3066049966%)}12%{transform:translate(-1.6232697765%,.4813401488%)}14%{transform:translate(-1.3520737694%,.1045106987%)}16%{transform:translate(-1.3380968088%,-.2212877312%)}18%{transform:translate(.8140758744%,.4244117885%)}20%,to{transform:none}}.glitch .r[data-v-2b022a10]:before{background:#f00}.glitch .g[data-v-2b022a10]{animation:rgb-shift-g-2b022a10 3s steps(1,jump-end) infinite alternate both}@keyframes rgb-shift-g-2b022a10{0%{transform:translate(.0256205764%,-.1145393907%)}2%{transform:translate(-.0742575672%,.222418145%)}4%{transform:translate(-1.6286526545%,-.1155082223%)}6%{transform:translate(-.8143900665%,-.0794374635%)}8%{transform:translate(1.3915481442%,-.00747993%)}10%{transform:translate(.3878961798%,-.1872138675%)}12%{transform:translate(-1.2759612271%,-.1768064289%)}14%{transform:translate(1.4707358532%,-.1863994762%)}16%{transform:translate(.49555305%,-.0323621369%)}18%{transform:translate(-1.4626289413%,.0841018857%)}20%,to{transform:none}}.glitch .g[data-v-2b022a10]:before{background:#0f0}.glitch .b[data-v-2b022a10]{animation:rgb-shift-b-2b022a10 3s steps(1,jump-end) infinite alternate both}@keyframes rgb-shift-b-2b022a10{0%{transform:translate(1.8827150613%,.4422477926%)}2%{transform:translate(.2213909764%,-.4771688605%)}4%{transform:translate(.2749529377%,-.0570449954%)}6%{transform:translate(1.1793456888%,.4157828467%)}8%{transform:translate(-1.7517370304%,.2333146772%)}10%{transform:translate(1.4040062083%,-.0233749038%)}12%{transform:translate(-.3758979958%,.1949048844%)}14%{transform:translate(-1.1528421042%,.4374819287%)}16%{transform:translate(-1.6764102923%,-.331859134%)}18%{transform:translate(1.064619533%,-.0670942655%)}20%,to{transform:none}}.glitch .b[data-v-2b022a10]:before{background:#00f}@media only screen and (max-width: 425px){h3[data-v-2b022a10]{opacity:0}.ideCont[data-v-2b022a10]{margin:10px}.ideCont .topSec h6[data-v-2b022a10]{width:100%;text-align:center;border:none}.ideCont .col-left[data-v-2b022a10],.ideCont .col-right[data-v-2b022a10]{padding:10px}.ideCont .col-left[data-v-2b022a10]{position:relative}.ideCont .col-left .imgWrapper[data-v-2b022a10]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:3px;height:100px;width:100px}}.container[data-v-6db092ea]{flex-shrink:0;border:2px solid #366686;border-radius:5px;width:100%;height:100%;display:flex;justify-content:start}.ideCont[data-v-6db092ea]{height:100%;margin:2rem;padding-top:0;border:2px solid #366686;border-radius:5px}.topSec[data-v-6db092ea]{width:100%;text-align:start;margin:0 auto;border-bottom:2px solid #366686}.topSec h6[data-v-6db092ea]{width:30%;padding:.5rem 2rem .5rem 1rem;font-weight:500;font-size:1rem;border-right:2px solid #366686}.middleSec[data-v-6db092ea]{display:flex}.middleSec .col-left[data-v-6db092ea]{width:30%;height:calc(70dvh - 4rem);border-right:2px solid #366686;padding:2rem 2rem 2rem 1rem}.middleSec .col-left ul[data-v-6db092ea]{cursor:pointer;font-weight:300}.middleSec .col-left ul li[data-v-6db092ea]{margin-bottom:.3rem}.middleSec .col-right[data-v-6db092ea]{height:100%;width:70%;padding:2rem;padding-bottom:0}.middleSec .col-right *[data-v-6db092ea]{transition:all .5s ease-in-out}.middleSec .col-right .langDescription[data-v-6db092ea]{display:flex;flex-direction:column;justify-content:space-between;position:relative}.middleSec .col-right .langDescription .fakeFunc span[data-v-6db092ea]:first-child{color:#7a0cb6}.middleSec .col-right .langDescription .fakeFunc span[data-v-6db092ea]:nth-child(2){color:#80ddf0}.middleSec .col-right .langDescription .fakeFunc span:nth-child(2) span[data-v-6db092ea]{color:#ff6d4d}.middleSec .col-right .langDescription .fakeFunc span[data-v-6db092ea]:nth-child(3),.middleSec .col-right .langDescription .fakeFunc span[data-v-6db092ea]:nth-child(5){color:gold}.middleSec .col-right .langDescription .fakeFunc p[data-v-6db092ea]{text-align:justify;margin:.5rem 0 .5rem 5rem}.middleSec .col-right .langDescription .langIcon[data-v-6db092ea]{font-size:3rem;text-align:end}.unselected[data-v-6db092ea]{opacity:0%}.unselected *[data-v-6db092ea]{display:none}.active[data-v-6db092ea]{opacity:100%}.skillsContainer[data-v-6db092ea]{display:flex;flex-direction:column;justify-content:center;height:70svh}@media only screen and (max-width: 425px){.skillsContainer[data-v-6db092ea]{height:90svh}.ideCont[data-v-6db092ea]{margin:10px}.col-left[data-v-6db092ea]{height:80vh!important;padding:10px!important;width:35%!important}.col-left li:nth-child(3) p[data-v-6db092ea]{display:none}.col-left li[data-v-6db092ea]:nth-child(3):after{font-size:.8rem;content:"Bs"}.col-left li:nth-child(4) p[data-v-6db092ea]{display:none}.col-left li[data-v-6db092ea]:nth-child(4):after{font-size:.8rem;content:"Js"}.col-right[data-v-6db092ea]{padding:15px!important;width:65%!important}.col-right .langIcon[data-v-6db092ea]{font-size:2rem!important}.topSec[data-v-6db092ea]{text-align:center}.topSec h6[data-v-6db092ea]{width:100%;border-right:none}.fakeFunc p[data-v-6db092ea]{margin-left:0rem!important;font-size:.7rem}}.innerContainer[data-v-a79147e7]{height:93%;display:flex;justify-content:center;align-items:center}.innerContainer a[data-v-a79147e7]{text-decoration:none;font-weight:500;cursor:pointer;color:#7a0cb6}.innerContainer a i[data-v-a79147e7]{margin:0 1rem;font-size:2rem}.innerContainer a:hover span[data-v-a79147e7]{text-decoration:underline}form label[data-v-a79147e7]{font-size:.8rem;padding:.2rem 0}form input[data-v-a79147e7]{all:unset;display:block;width:100%;font-size:.8rem;padding:.3rem;margin:.5rem 0;padding-right:0;border:2px solid #366686;border-radius:5px;background-color:none}form textarea[data-v-a79147e7]{border:2px solid #366686;border-radius:5px;padding:.3rem;color:#fff;width:103%;background-color:#010c16}form input[type=submit][data-v-a79147e7]{width:unset;padding:.3rem .5rem;background-color:#192f44}form .lowerForm[data-v-a79147e7]{display:flex;justify-content:space-between;align-items:center}form .lowerForm p[data-v-a79147e7]{text-align:end}.ideCont[data-v-a79147e7]{margin:2rem;border:2px solid #366686;border-radius:5px;height:70%;width:100%}.topSec[data-v-a79147e7]{width:100%;text-align:start;margin:0 auto;border-bottom:2px solid #366686}.topSec .greyed[data-v-a79147e7]{color:#366686}.topSec h6[data-v-a79147e7]{padding:.5rem 2rem .5rem 1rem;font-weight:300;font-size:1rem;border-right:2px solid #366686}@media only screen and (max-width: 425px){.ideCont[data-v-a79147e7]{margin:10px}.topSec h6[data-v-a79147e7]{font-size:.8rem;border:none;padding:.5rem}ul[data-v-a79147e7]{flex-wrap:wrap;justify-content:center}label[data-v-a79147e7],input[data-v-a79147e7],textarea[data-v-a79147e7]{font-size:.6rem!important}.innerContainer[data-v-a79147e7]{flex-wrap:wrap;height:20%;padding-top:1rem}}*[data-v-d03a28ad]{padding:0;margin:0;box-sizing:border-box}ul[data-v-d03a28ad]{list-style-type:none}img[data-v-d03a28ad]{max-width:100%;height:auto}*[data-v-d03a28ad]{scrollbar-width:thin;scrollbar-color:#366686 #22405D}*[data-v-d03a28ad]::-webkit-scrollbar{height:10px;width:5px}*[data-v-d03a28ad]::-webkit-scrollbar-track{border-radius:5px;background-color:#22405d}*[data-v-d03a28ad]::-webkit-scrollbar-track:hover{background-color:#2f5982}*[data-v-d03a28ad]::-webkit-scrollbar-track:active{background-color:#2f5982}*[data-v-d03a28ad]::-webkit-scrollbar-thumb{border-radius:5px;background-color:#366686}*[data-v-d03a28ad]::-webkit-scrollbar-thumb:hover{background-color:#213f53}*[data-v-d03a28ad]::-webkit-scrollbar-thumb:active{background-color:#213f53}body[data-v-d03a28ad]{font-family:Fira Code,monospace}.d-flex[data-v-d03a28ad]{display:flex;align-items:center}.align-items-center[data-v-d03a28ad]{align-items:center}.justify-content-center[data-v-d03a28ad]{justify-content:center}.d-block[data-v-d03a28ad]{display:block}.d-inline[data-v-d03a28ad]{display:inline}.d-none[data-v-d03a28ad]{display:none!important}.mx-2[data-v-d03a28ad]{margin:0 2rem}.text-align-end[data-v-d03a28ad]{text-align:end}.violet[data-v-d03a28ad]{color:#6d3a89}.pageUp[data-v-d03a28ad]{padding:0 1rem;position:relative;cursor:pointer}.pageUp p[data-v-d03a28ad]{text-align:center}.pageUp .iconUp .keyBodyUp[data-v-d03a28ad]{width:50px;height:45px;border:2px solid #366686;position:relative}.pageUp .iconUp .keyBodyUp .arrowUp[data-v-d03a28ad]{position:absolute;top:50%;left:49%;transform:translate(-50%,-50%);font-size:1.5rem}.pageLeft[data-v-d03a28ad]{display:flex;justify-content:start;align-items:center;cursor:pointer}.pageLeft .iconLeft .keyBodyLeft[data-v-d03a28ad]{width:45px;height:50px;border:2px solid #366686;position:relative;margin:1rem}.pageLeft .iconLeft .keyBodyLeft .arrowLeft[data-v-d03a28ad]{position:absolute;top:50%;left:49%;transform:translate(-50%,-50%);font-size:1.5rem}.pageRight[data-v-d03a28ad]{display:flex;justify-content:start;align-items:center;cursor:pointer}.pageRight .iconRight .keyBodyRight[data-v-d03a28ad]{width:45px;height:50px;border:2px solid #366686;position:relative;margin:1rem}.pageRight .iconRight .keyBodyRight .arrowRight[data-v-d03a28ad]{position:absolute;top:50%;left:49%;transform:translate(-50%,-50%);font-size:1.5rem}.pageDown[data-v-d03a28ad]{padding:0 1rem;position:relative;cursor:pointer}.pageDown p[data-v-d03a28ad]{text-align:center}.pageDown .iconDown .keyBodyDown[data-v-d03a28ad]{width:50px;height:45px;border:2px solid #366686;position:relative}.pageDown .iconDown .keyBodyDown .arrowDown[data-v-d03a28ad]{position:absolute;top:50%;left:49%;transform:translate(-50%,-50%);font-size:1.5rem}.lineWrapper[data-v-d03a28ad]{width:100%;margin:0 2rem}.line[data-v-d03a28ad]{width:100%;height:1px;border-top:2px solid #366686}.verticalLine[data-v-d03a28ad]{height:100px;border-left:3px solid #366686}@media only screen and (max-width: 425px){p[data-v-d03a28ad]{font-size:.8rem}.verticalLine[data-v-d03a28ad]{display:none;height:100px;border-left:3px solid #366686}.keyBodyRight[data-v-d03a28ad],.keyBodyLeft[data-v-d03a28ad],.keyBodyUp[data-v-d03a28ad],.keyBodyDown[data-v-d03a28ad]{margin:0!important}}.container[data-v-d03a28ad]{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;position:relative}.ideCont[data-v-d03a28ad]{height:100%;overflow-y:auto;margin:8rem 2rem 2rem;border:2px solid #366686;border-radius:5px}.ideCont .topSec[data-v-d03a28ad]{width:100%;text-align:start;margin:0 auto;border-bottom:2px solid #366686}.ideCont .topSec h6[data-v-d03a28ad]{padding:.5rem;font-weight:500;font-size:1rem;text-align:center}.ideCont .col-right[data-v-d03a28ad]{overflow-y:auto;display:flex;flex-wrap:wrap;justify-content:space-between;height:100%;width:70%;padding:2rem}.ideCont .col-right p[data-v-d03a28ad]{text-align:justify}.middleSec[data-v-d03a28ad]{display:flex;justify-content:center}.middleSec .col-left[data-v-d03a28ad]{width:30%;border-right:2px solid #366686;padding:2rem}.downWrapper[data-v-d03a28ad]{display:flex;justify-content:space-between;align-items:center}.upperSection[data-v-d03a28ad]{position:absolute;width:100%;top:4rem;left:50%;transform:translate(-50%,-50%)}.upperSection h3[data-v-d03a28ad]{text-transform:uppercase;font-weight:400}.projectCard[data-v-d03a28ad]{margin:.5rem;border:2px solid #366686;border-radius:5px;background-color:#0d1d2d7d;transition:.5s}.projectCard .cardHeader[data-v-d03a28ad]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:2px solid #366686;text-transform:uppercase;font-size:1rem;font-weight:500!important}.projectCard .cardHeader .singleTech[data-v-d03a28ad]{margin:0 5px;font-size:1.3rem}.projectCard .cardBody[data-v-d03a28ad]{padding:1rem}.projectCard .cardBody img[data-v-d03a28ad]{border-radius:7px}.projectCard .cardBody p[data-v-d03a28ad]{margin:2rem 0}.projectCard .cardBody .functionality[data-v-d03a28ad]{text-align:end;font-size:.8rem;font-style:italic;margin:1rem 0}.projectCard .cardBody .btnLink[data-v-d03a28ad]{text-align:end}.projectCard .cardBody a[data-v-d03a28ad]{cursor:pointer!important;display:block;all:unset;font-size:.8rem;margin:1rem 0;border:2px solid #366686;border-radius:5px;padding:.3rem .5rem;background-color:#192f44;transition:.5s}.projectCard .cardBody a[data-v-d03a28ad]:hover{background-color:#6689aa;color:#08131d;font-weight:600}.projectCard[data-v-d03a28ad]:hover{background-color:#122c4665}@media only screen and (max-width: 425px){h3[data-v-d03a28ad]{display:none}.col-right[data-v-d03a28ad]{padding:10px!important;width:100%!important}.projectCard i[data-v-d03a28ad]{display:none}}main[data-v-fdd059f1]{position:relative}p[data-v-fdd059f1]{padding:1rem;cursor:pointer;background-color:#00f}.mainWrapper[data-v-fdd059f1]{height:100svh;width:100vw;overflow:hidden}.mainContainer[data-v-fdd059f1]{transform:translate(-100vw,-100svh);transition:all 1s linear}.topContainer[data-v-fdd059f1]{transform:translate(100vw);display:flex;flex-wrap:nowrap}.centerContainer[data-v-fdd059f1]{display:flex;flex-wrap:nowrap}.bottomContainer[data-v-fdd059f1]{transform:translate(100vw);display:flex;flex-wrap:nowrap;height:100%;overflow-y:auto}.card[data-v-fdd059f1]{height:100svh;width:100vw;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:1rem}@media only screen and (max-width: 425px){.card[data-v-fdd059f1]{padding:0!important}}.my_loader[data-v-d9c30960]{display:flex;justify-content:center;align-items:center;height:100vh}.my_loader img[data-v-d9c30960]{width:500px;border-radius:10px}body{font-family:Fira Code,monospace}.d-flex{display:flex;align-items:center}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.d-block{display:block}.d-inline{display:inline}.d-none{display:none!important}.mx-2{margin:0 2rem}.text-align-end{text-align:end}.violet{color:#6d3a89}.pageUp{padding:0 1rem;position:relative;cursor:pointer}.pageUp p{text-align:center}.pageUp .iconUp .keyBodyUp{width:50px;height:45px;border:2px solid #366686;position:relative}.pageUp .iconUp .keyBodyUp .arrowUp{position:absolute;top:50%;left:49%;transform:translate(-50%,-50%);font-size:1.5rem}.pageLeft{display:flex;justify-content:start;align-items:center;cursor:pointer}.pageLeft .iconLeft .keyBodyLeft{width:45px;height:50px;border:2px solid #366686;position:relative;margin:1rem}.pageLeft .iconLeft .keyBodyLeft .arrowLeft{position:absolute;top:50%;left:49%;transform:translate(-50%,-50%);font-size:1.5rem}.pageRight{display:flex;justify-content:start;align-items:center;cursor:pointer}.pageRight .iconRight .keyBodyRight{width:45px;height:50px;border:2px solid #366686;position:relative;margin:1rem}.pageRight .iconRight .keyBodyRight .arrowRight{position:absolute;top:50%;left:49%;transform:translate(-50%,-50%);font-size:1.5rem}.pageDown{padding:0 1rem;position:relative;cursor:pointer}.pageDown p{text-align:center}.pageDown .iconDown .keyBodyDown{width:50px;height:45px;border:2px solid #366686;position:relative}.pageDown .iconDown .keyBodyDown .arrowDown{position:absolute;top:50%;left:49%;transform:translate(-50%,-50%);font-size:1.5rem}.lineWrapper{width:100%;margin:0 2rem}.line{width:100%;height:1px;border-top:2px solid #366686}.verticalLine{height:100px;border-left:3px solid #366686}@media only screen and (max-width: 425px){p{font-size:.8rem}.verticalLine{display:none;height:100px;border-left:3px solid #366686}.keyBodyRight,.keyBodyLeft,.keyBodyUp,.keyBodyDown{margin:0!important}}*{padding:0;margin:0;box-sizing:border-box}ul{list-style-type:none}img{max-width:100%;height:auto}*{scrollbar-width:thin;scrollbar-color:#366686 #22405D}*::-webkit-scrollbar{height:10px;width:5px}*::-webkit-scrollbar-track{border-radius:5px;background-color:#22405d}*::-webkit-scrollbar-track:hover{background-color:#2f5982}*::-webkit-scrollbar-track:active{background-color:#2f5982}*::-webkit-scrollbar-thumb{border-radius:5px;background-color:#366686}*::-webkit-scrollbar-thumb:hover{background-color:#213f53}*::-webkit-scrollbar-thumb:active{background-color:#213f53}.goUp{animation:goUp .4s ease-out forwards}@keyframes goUp{to{translate:0 100svh}}.goDown{animation:goDown .4s ease-out forwards}@keyframes goDown{to{translate:0 -100svh}}.goRight{animation:goRight .4s ease-out forwards}@keyframes goRight{to{translate:-100vw 0}}.goLeft{animation:goLeft .4s ease-out forwards}@keyframes goLeft{to{translate:100vw 0}}.goCenterfromRight{animation:goCenterfromRight .4s ease-out forwards}@keyframes goCenterfromRight{0%{translate:-100vw 0}to{translate:0 0}}.goCenterfromLeft{animation:goCenterfromLeft .4s ease-out forwards}@keyframes goCenterfromLeft{0%{translate:100vw 0}to{translate:0 0}}.goCenterfromUp{animation:goCenterfromUp .4s ease-out forwards}@keyframes goCenterfromUp{0%{translate:0 100svh}to{translate:0 0}}.goCenterfromDown{animation:goCenterfromDown .4s ease-out forwards}@keyframes goCenterfromDown{0%{translate:0 -100svh}to{translate:0 0}}.pulse{-webkit-animation:pulse 3s infinite ease-in-out;-o-animation:pulse 3s infinite ease-in-out;-ms-animation:pulse 3s infinite ease-in-out;-moz-animation:pulse 3s infinite ease-in-out;animation:pulse 3s infinite ease-in-out}@keyframes pulse{0%{transform:scale(.9);opacity:.3}50%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:.3}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(.9);opacity:.3}50%{-webkit-transform:scale(1);opacity:1}to{-webkit-transform:scale(.9);opacity:.3}}.fade-in{opacity:1;animation-name:fadeInOpacity;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:2s}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}body{background-color:#010c16;color:#fff;margin:0;overflow:hidden}.noiseBg{position:fixed;top:-50%;left:-50%;right:-50%;bottom:-50%;width:200%;height:200vh;background:transparent url(http://assets.iceable.com/img/noise-transparent.png) repeat 0 0;background-repeat:repeat;animation:bg-animation .2s infinite;opacity:.8;visibility:visible}@keyframes bg-animation{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}.v-enter-active,.v-leave-active{transition:opacity .8s ease}.v-enter-from,.v-leave-to{opacity:0}