html,body,#root{margin:0;width:100%;height:100%}body{background-color:#1f2229}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#252525}::-webkit-scrollbar-thumb{background:#acacac;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}#Banner-image{width:100%;position:fixed;-webkit-user-select:none;user-select:none;z-index:-1;filter:blur(35px)}@media screen and (max-width: 700px){#Banner-image{width:350%;position:fixed;z-index:-1;background-size:400%;filter:blur(35px)}}.content-body{width:100%;height:100vh;display:flex;align-items:center;flex-direction:column}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#141414;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease,visibility .5s ease;z-index:111111113241}#preloader.LoadHidden{opacity:0;visibility:hidden}.loader{position:absolute;top:390;width:50px;height:50px;border:5px solid #ccc;border-top-color:#15b5ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scene{width:200px;height:200px;position:absolute;top:180}.cube{width:100%;height:100%;position:absolute;transform-style:preserve-3d;animation:rotateCube 5s infinite linear}.face{position:absolute;width:200px;height:200px;background:#00ffff4d;border:2px solid cyan;box-shadow:0 0 10px #0ff}.front{transform:translateZ(100px)}.back{transform:rotateY(180deg) translateZ(100px)}.left{transform:rotateY(-90deg) translateZ(100px)}.right{transform:rotateY(90deg) translateZ(100px)}.top{transform:rotateX(90deg) translateZ(100px)}.bottom{transform:rotateX(-90deg) translateZ(100px)}@keyframes rotateCube{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}body{overflow:hidden}body.LoadHidden{overflow:visible}.preloader-container{perspective:1000px;text-align:center;position:relative;bottom:100px}.fz-text{position:relative;font-size:170px;font-family:monospace;font-weight:900;color:transparent;transform-style:preserve-3d;animation:float 3s infinite ease-in-out;margin-bottom:50px;text-shadow:none;line-height:1;z-index:10}.fz-text span{margin:30px;position:relative;display:inline-block}.f-letter{background:linear-gradient(45deg,#ff2d55,#ff6b81);-webkit-background-clip:text;background-clip:text;padding:0 10px;transform:translateZ(0)}.z-letter{background:linear-gradient(45deg,#1e90ff,#70a1ff);-webkit-background-clip:text;background-clip:text;padding:0 10px;margin-left:-30px;transform:translateZ(0)}.fz-text span:before{content:attr(data-char);position:absolute;top:0;left:0;color:#0003;transform:translateZ(-30px);background:none;-webkit-background-clip:initial;background-clip:initial}@keyframes float{0%,to{transform:translateY(0) rotateX(10deg)}50%{transform:translateY(-20px) rotateX(10deg)}}@keyframes textPulse{0%{opacity:.3;transform:translate(-50%,-50%) scale(.8)}to{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}.particle{position:absolute;border-radius:50%;pointer-events:none;z-index:21212121212;filter:blur(1px);transition:opacity 1.5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ContainerPixels{-webkit-user-select:none;user-select:none;display:flex;width:200px;justify-content:center;align-items:center;margin-top:70px;margin-bottom:-10px;position:relative;z-index:9018}#campfire{width:100px;display:block;margin:auto 100px auto auto;position:relative;top:10px;left:70px}#danceAnime{width:100px;display:block;position:relative;right:70px;margin:auto auto auto 100px}#cloud1{width:220px;position:absolute;left:66px;top:91px;animation:flyleft 10s ease-in-out;animation-iteration-count:infinite}#cloud1,#cloud2{-webkit-user-select:none;user-select:none}#cloud2{width:220px;position:absolute;right:66px;top:251px;animation:flyright 10s ease-in-out;animation-delay:1s;animation-iteration-count:infinite}@keyframes flyleft{0%{left:66px}50%{left:106px}to{left:66px}}@keyframes flyright{0%{right:66px}50%{right:86px}to{right:66px}}@media screen and (max-width: 900px){#cloud1,#cloud2{display:none}}header{display:flex;justify-content:space-between;align-items:center;width:100%;height:15vh;position:fixed;pointer-events:none;scroll-snap-align:start;z-index:121}.LogoType{pointer-events:all;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;width:20%;margin:6px;height:70%;border-radius:60px}.LogoType h1{font-family:monospace,sans-serif;font-size:27px;font-weight:600;color:#fff;transition:color .2s}.LogoType:active h1{color:#dadada}.LogoType span{transition:color .2s}.LogoType:active span{color:red}.LogoType img{margin-right:5px;width:45px;border-radius:99px}.toolbar{width:81.5%;border-radius:10px;right:0;overflow:hidden}.toolbar img{position:relative;display:block;margin:auto;width:70px;-webkit-user-select:none;user-select:none;z-index:9999;animation:leftToright 17s ease;animation-iteration-count:infinite}@keyframes leftToright{0%{left:1000px}to{left:-1000px}}@media screen and (max-width: 900px){header{position:relative;justify-content:start;z-index:76778}.LogoType{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;width:230px;margin-top:13px;margin-left:7px;height:50px;border-radius:60px}.LogoType h1{font-family:monospace,sans-serif;font-size:27px;font-weight:600;color:#fff}.LogoType span{transition:color .2s}.LogoType:active span{color:red}.LogoType img{margin-right:5px;width:45px;border-radius:99px}.toolbar{width:44.5%;right:0;overflow:hidden}.toolbar img{position:relative;display:block;margin:auto;width:50px;animation:leftToright 20s ease;animation-iteration-count:infinite}}footer{background-image:url(/image/texture_ground.jpg);background-size:20%;background-repeat:repeat-x;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;color:#fff;font-family:monospace}footer h2{text-align:center;margin:45px 5px 5px}#contactMalito{display:inline;text-decoration:none;color:#58d0ff;transition:color .1;margin:0}#contactMalito:hover{color:#5affff}footer a{text-decoration:none;font-family:monospace;font-size:18px;color:#fc3d3d;display:block;transition:color .1;margin:5px 15px 15px}footer a:hover{color:#bd3333}footer img{-webkit-user-select:none;user-select:none;position:sticky;left:2630px;cursor:pointer;margin-right:10px;bottom:10px;width:30px}footer #ImgBox{width:100%}@media screen and (max-width: 900px){footer{background-size:60%}}section{margin:15px 0}#MyContent_Code a{margin:0;padding:0;width:100%}#MyContent_Code{width:100%;height:auto;display:flex;justify-content:center;align-self:center;flex-direction:column;margin:0}.ScrollContents{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0}.myInfo{display:flex;justify-content:center;align-items:center;flex-direction:column;width:50%;margin-top:80px}.myInfo img{-webkit-user-select:none;user-select:none;width:270px;border-radius:160px}.myInfo h1{-webkit-user-select:none;user-select:none;font-size:44px;color:#fff;font-family:PaluiSP;margin-bottom:10px}.containerBadges{margin:0;width:90%;height:10vh;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.containerBadges span{position:relative;-webkit-user-select:none;user-select:none;border-radius:10px;background-color:#75b4fd;font-family:monospace;font-weight:900;color:#fff;padding:5px 15px;margin:5px;animation:fadeOutSpanBages .3s both}.Dark-mode .containerBadges span{background-color:#fd7575}.containerBadges span:hover{animation:fadeInSpanBages .3s both}@keyframes fadeInSpanBages{0%{padding:5px 15px}to{padding:8px 18px}}@keyframes fadeOutSpanBages{0%{padding:8px 18px}to{padding:5px 15px}}.aboutMe{border:4px solid rgb(170,170,170);border-style:none none none solid;box-shadow:1px 1px 10px #000;border-radius:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#2b2f38;width:60%;height:100%;transition:border .1s}.Dark-mode .aboutMe{background-color:#382b2b}.aboutMe:hover{border:4px solid rgb(119,186,248);border-style:none none none solid}.Dark-mode .aboutMe:hover{border:4px solid rgb(248,119,119);border-style:none none none solid}.aboutMe:hover h2{font-size:17px}.aboutMe:hover p{color:#fff}.aboutMe p{margin-top:0;display:block;padding:13px;font-family:monospace;color:#bbb;transition:color .2s}.aboutMe h2{font-size:15px;font-family:sans-serif;font-weight:100;color:#ffdcdc;margin-bottom:0;margin-left:15px;align-self:flex-start;transition:font-size .2s}.myProject{display:flex;justify-content:space-between;align-items:center;width:100%}.projects{cursor:pointer;-webkit-user-select:none;user-select:none;border:4px solid rgb(170,170,170);border-style:none none none solid;box-shadow:1px 1px 10px #000;border-radius:20px;display:flex;justify-content:start;align-items:center;flex-direction:column;background-color:#2b2f38;width:100%;margin:15px;height:85%;vertical-align:middle;transition:border .1s}.flex{height:75%;margin-top:10px}.Dark-mode .projects{background-color:#382b2b}.projects:hover{border:4px solid rgb(119,186,248);border-style:none none none solid}.Dark-mode .projects:hover{border:4px solid rgb(248,119,119);border-style:none none none solid}.Author{color:#95ffb8;font-weight:400}.projects h1{position:static;font-size:15px;font-family:sans-serif;font-weight:100;color:#ffdcdc;height:30px;margin:10px 0 10px 12px;transition:font-size .2s}.projects:hover h1{font-size:17px}.projects h1:after{content:"";background-image:url(/assets/open-icon.C9zG_TFP.svg);background-size:100%;width:20px;height:20px;background-repeat:no-repeat;display:inline-block;position:sticky;filter:brightness(10) sepia(2.3) hue-rotate(225deg) saturate(3) contrast(7.9);z-index:3;left:12600px;top:0;margin-right:20px}.LangName{margin:15px;color:#fff;font-size:17px;font-family:Roboto;font-weight:500;position:relative}.ContainerLang{width:100%;position:relative;height:10%;margin-top:0}.LangName:before{content:"";background-color:#fff;width:20px;height:20px;background-repeat:no-repeat;display:inline-block;position:relative;border-radius:60px;z-index:3;top:4px;right:7px}#JS:before{background-color:#ffd000a6}#PHP:before{background-color:#5d6adaa6}#JSON:before{background-color:#c5c51d}#Py:before{background-color:#b7f01b}#SHELL:before{background-color:#27ff32a6}.projects p{text-overflow:ellipsis;display:block;margin:15px;font-weight:100;font-family:sans-serif;color:#bbb;transition:color .2s}.projects:hover p{color:#fff}#title-Project{font-family:monospace;color:#fff;align-self:center;margin-top:40px;margin-bottom:0}.myGitHub{display:flex;justify-content:space-between;align-items:center}.myGitHub img{-webkit-user-select:none;user-select:none;margin:0 20px}#title-GitHub{font-family:monospace;color:#fff}#PrContentView span{background-color:#75b4fd}.Dark-mode #PrContentView span{background-color:#fd7575}.containerLanguagesPr{width:100%;height:4vh;margin:10px 0 10px 15px;display:flex;justify-content:start;align-items:start;flex-wrap:wrap}.containerIDEPr{width:100%;height:7vh;margin:10px 0 10px 15px;display:flex;justify-content:start;align-items:start;flex-wrap:wrap}.containerIDEPr span{display:flex;justify-content:center;align-items:center;position:relative;-webkit-user-select:none;user-select:none;border-radius:10px;font-family:monospace;font-weight:600;color:#fff;padding:5px 15px;margin:5px;animation:fadeOutSpanBages .3s both}.iconXh1 img{width:15px;margin:2px 5px 2px 0}.iconXh1 h1{margin:0;padding:0;font-size:12px}.containerIDEPr span:hover{animation:fadeInSpanBages .3s both}#lastCLPr span{cursor:pointer}#PrContentView #lastCLPr{margin-bottom:10px}.containerLanguagesPr span{position:relative;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;border-radius:10px;font-family:monospace;font-weight:600;color:#fff;padding:5px 15px;margin:5px;animation:fadeOutSpanBages .3s both}.containerLanguagesPr span:hover{animation:fadeInSpanBages .3s both}#header-title_aboutME-2{transition:font-size .5s}#header-title_aboutME-3{transition:font-size .7s}@media screen and (max-width: 900px){.myGitHub img{width:90%;margin:15px}.myGitHub{display:flex;justify-content:space-between;align-items:center;flex-direction:column}.myProject{display:flex;justify-content:space-between;align-items:center;width:100%;flex-direction:column}#PrContentView{-webkit-user-select:none;user-select:none;height:380px}#PrContentView .containerLanguagesPr{margin-left:15px;margin-bottom:78px}#PrContentView #firstCLPr span{margin:5px 10px 5px 5px}#PrContentView #firstCLPr{width:100%;margin-left:15px}#PrContentView #lastCLPr{margin-left:15px;margin-bottom:0}.myInfo h1{-webkit-user-select:none;user-select:none;font-size:24px;color:#fff;font-family:PaluiSP;margin-bottom:10px}.projects{width:90%;height:290px}.containerBadges{margin:0 0 10px;width:200%;display:flex;justify-content:center;align-items:center}.containerBadges span{position:relative;-webkit-user-select:none;user-select:none;border-radius:10px;font-family:monospace;font-weight:500;color:#fff;padding:5px 15px;margin:2px 4px 4px;animation:fadeOutSpanBages .3s both}.aboutMe h2{font-size:15px;font-family:sans-serif;font-weight:100;color:#ffdcdc;margin-bottom:0;margin-left:15px;margin-top:15px;align-self:flex-start;transition:font-size .2s}.aboutMe{border:4px solid rgb(170,170,170);border-style:none none none solid;box-shadow:1px 1px 10px #000;border-radius:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;width:80%;margin-top:10px;height:46vh;transition:border .1s}#infoText{height:400px}.projects p{max-height:7.5em;line-height:1.5em;margin-bottom:45px}#header-title_aboutME-3{margin-top:50px}}#redirectGame{border:none;width:300px;height:50px;font-size:20px;font-weight:900;font-family:Roboto;transition:background-color .3s;box-shadow:1px 1px 8px #000;background-color:#f44;color:#fff;border-radius:15px;cursor:pointer}#redirectGame:hover{background-color:#ff8787}@font-face{font-family:BubbleSans;src:url(../fonts/BubbleSans/BubbleSans-Regular.otf)}@font-face{font-family:PaluiSP;src:url(../fonts/PaluiSP/PaluiSPDemo-Bold.otf)}@font-face{font-family:Bebas;src:url(../fonts/bebas/BebasNeue-Regular.ttf)}@font-face{font-family:rubik;src:url(../fonts/rubik/Rubik-VariableFont_wght.ttf)}