body{height:100%;scroll-snap-type:y mandatory;margin:0;background-color:#000}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent;background-color:#000;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}#Banner-image{width:100%;position:fixed;z-index:-1;filter:blur(35px)}@media screen and (max-width: 700px){#Banner-image{-webkit-user-select:none;user-select:none;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:111111111}#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)}}header{display:flex;justify-content:space-between;align-items:center;width:100%;height:15vh;position:fixed;pointer-events:none;scroll-snap-align:start}.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}@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}}footer{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;color:#fff;font-family:monospace}footer h2{text-align:center;margin: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%}section{margin:15px 0}#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:#fd7575;font-family:monospace;font-weight:900;color:#fff;padding:5px 15px;margin:5px;animation:fadeOutSpanBages .3s both}.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:#444;width:60%;height:100%;transition:border .1s}.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:center;align-items:center;flex-direction:column;background-color:#444;width:100%;margin:15px;height:230px;vertical-align:middle;transition:border .1s}.projects:hover{border:4px solid rgb(248,119,119);border-style:none none none solid}.flex{margin:7px}.Author{color:#95ffb8;font-weight:400}.projects h1{font-size:15px;font-family:sans-serif;font-weight:100;color:#ffdcdc;margin-bottom:0;height:30px;margin-left:15px;align-self:flex-start;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:10px 15px;color:#fff;font-size:17px;font-family:sans-serif;font-weight:400;position:relative}.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}#LangContainer{margin-bottom:20px}#JS:before{background-color:#ffd000a6}#PHP:before{background-color:#5d6adaa6}#SHELL:before{background-color:#27ff32a6}.projects p{text-overflow:ellipsis;margin-top:0;display:block;padding:11px;margin-bottom:0;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}.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{position:relative;-webkit-user-select:none;user-select:none;border-radius:10px;background-color:#fd7575;font-family:monospace;font-weight:600;color:#fff;padding:5px 15px;margin:5px;animation:fadeOutSpanBages .3s both}.containerIDEPr span:hover{animation:fadeInSpanBages .3s both}#lastCLPr span{cursor:pointer}#PrContentView #lastCLPr{margin-bottom:10px}.containerLanguagesPr span{position:relative;-webkit-user-select:none;user-select:none;border-radius:10px;background-color:#fd7575;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:350px}#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:32vh;margin:15px}.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;background-color:#fd7575;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;background-color:#444;width:80%;margin-top:10px;height:33vh;transition:border .1s}.projects p{max-height:7.5em;line-height:1.5em;margin-bottom:45px}}@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)}