*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;text-decoration:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background-color:#000}::-webkit-scrollbar-thumb{background-color:rgba(116,21,21,.686);border-radius:4px}::-webkit-scrollbar-corner{background-color:#000}nav{align-items:flex-start;border-bottom:2px solid #000;box-shadow:2px 2px 10px rgba(26,25,25,.336);display:flex;height:70px;justify-content:center;overflow:hidden;position:-webkit-sticky;position:sticky;transition:1s;z-index:10}nav .navbar-container{align-items:center;background-color:rgba(0,0,0,.342);display:flex;height:70px;justify-content:space-around;width:100%;z-index:3}nav .navbar-container .logo-container{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}nav .navbar-container .logo-container img{height:30px;margin-right:5px;width:30px}nav .navbar-container .logo-container .logo{color:#fff;cursor:pointer;font-family:Share Tech Mono,monospace;font-size:1.7em;letter-spacing:-2px;position:relative;top:0;transition:.2s}nav .navbar-container .logo-container .logo:hover{color:#b41010;top:-6px}@media screen and (max-width:799px){nav .navbar-container{justify-content:space-around}nav .navbar-container .logo{font-size:1.5em}}.mobile-navbar{align-items:center;display:none;flex-direction:column;height:100%;justify-content:center;width:100px}.mobile-navbar .menu{background-color:#070707;color:#fff;display:flex;flex-direction:column;height:100vh;left:-150vw;margin-top:70px;position:absolute;top:0;transition:1s;width:70vw}.mobile-navbar .menu .mobile-navbar-link{background-image:linear-gradient(90deg,#000 75%,rgba(94,6,6,.747));border-bottom:1px solid #a10808;color:#fff;font-family:Courier New,Courier,monospace;padding:10px 20px;text-decoration:none}.mobile-navbar .menu .mobile-navbar-link:first-child{border-top:1px solid #a10808}@media screen and (max-width:799px){.mobile-navbar{display:flex}}.navbar-links{box-sizing:initial;z-index:2}.navbar-links .navbar-link{color:#fff;font-family:Raleway,sans-serif;font-weight:700;padding:25px 30px;position:relative}.navbar-links .navbar-link:after{background-color:red;border-radius:20px;content:"";height:2px;left:22%;position:absolute;top:54px;transition:.7s;width:0}.navbar-links .navbar-link:hover{color:red;font-weight:700}.navbar-links .navbar-link:hover:after{width:56%}.navbar-links .active{color:#00e1ff}.navbar-links .active:after{width:56%}@media screen and (max-width:799px){.navbar-links{display:none}}.socials-container{border:1px solid #ee2424;padding-right:10px;position:relative;top:-5px}.socials-container .social-btn{background-color:#000;border:1px solid red;border-radius:10px;color:#fff;font-size:1.3em;margin-left:10px;padding:10px}.socials-container .social-btn:hover{background-color:#fff;border:1px solid #000;color:#000}.socials-container:after{animation-direction:alternate;animation-duration:1s;animation-iteration-count:infinite;animation-name:blinkBlur;animation-timing-function:linear;background-color:rgba(255,0,0,.753);content:"";filter:blur(1.4em);height:25px;left:0;position:absolute;top:0;width:180px;z-index:-1}@keyframes blinkBlur{0%{display:block}50%{display:none}to{display:block}}.menu-btn{align-items:center;display:none;flex-direction:column;justify-content:center;transition:1s}.menu-btn .menu-strip{background-color:#dad0d0;height:2px;margin:3px;position:relative;width:30px}.menu-btn .strip1{transform-origin:100%}.menu-btn .strip3{transform-origin:-100%}.menu-btn span{color:#dad0d0;font-family:Courier New,Courier,monospace;font-size:.8em;margin-bottom:-4px;margin-top:2px}@media screen and (max-width:799px){.menu-btn{display:flex}}.projects-container{align-items:center;background-color:#000;display:flex;flex-direction:column;overflow:hidden;padding:50px;position:relative;width:100%}.projects-container .main-title-projects{color:#ff0;font-family:Share Tech Mono,monospace;font-size:3em;font-weight:400;margin-bottom:30px;margin-top:30px;padding:70px;position:relative;z-index:2}@keyframes warning{0%{color:#ffe600}50%{color:rgba(196,17,17,.233)}to{color:#ffe600}}.projects-container .main-title-projects:after{animation:warning 2s linear infinite alternate;color:rgba(196,17,17,.123);content:"⚠ PROJECTS ⚠";font-size:2em;left:-250px;position:absolute;top:0;width:1000px;z-index:-1}.projects-container .warning{color:#ff0;position:absolute;z-index:0}@keyframes warningicons{0%{color:rgba(230,5,5,.123)}to{color:rgba(170,160,15,.699)}}.projects-container .w1{font-size:10em;left:10vw;top:300px;transform:rotate(-30deg)}.projects-container .w1,.projects-container .w2{animation:warningicons 1s linear infinite alternate}.projects-container .w2{font-size:4em;left:60vw;top:50%;transform:rotate(30deg)}.projects-container .w3{left:34vw;top:70%;transform:rotate(10deg)}.projects-container .w3,.projects-container .w4{animation:warningicons 1s linear infinite alternate;font-size:14em}.projects-container .w4{left:90vw;top:30%;transform:rotate(54deg)}@media screen and (max-width:800px){.projects-container .main-title-projects:after{font-size:1.3em;left:-150px;top:30px}}@media screen and (max-width:500px){.projects-container .main-title-projects{font-size:2.4em}.projects-container .main-title-projects:after{font-size:1.3em;left:-100px;top:40px}}.project{background-size:contain;border:2px solid #80808042;border-radius:10px;height:250px;margin:10px;width:400px}.project:hover{border:2px solid red}.project .project-image-container{cursor:pointer;height:100%;position:relative;width:100%}.project .project-image-container:hover .hover-container{opacity:1}.project .project-image-container img{border-radius:10px;height:100%;object-fit:cover;width:100%}.project .project-image-container .hover-container{background-image:linear-gradient(180deg,rgba(0,0,0,.438),#000 70%);border-radius:10px;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;padding-left:5px;padding-top:20px;position:absolute;top:0;transition:1s;width:100%}.project .project-image-container .hover-container h1,.project .project-image-container .hover-container span{color:#fff;font-family:Share Tech Mono,monospace;padding-left:10px;padding-top:1px}.project .project-image-container .hover-container .project-title{-webkit-text-fill-color:#0000;-moz-text-fill-color:#0000;animation:textGradient 1s ease-in infinite alternate;-webkit-background-clip:text;-moz-background-clip:text;background-color:#fff;background-image:linear-gradient(45deg,#ff0101,#ff0);background-position:0;background-repeat:repeat;background-size:100%;font-family:Share Tech Mono,monospace;font-size:3em;font-weight:700;padding:0 10px}.project .project-image-container .hover-container .project-subtitle{color:rgba(245,220,0,.959);font-family:Raleway,sans-serif;font-weight:600;margin-left:5px}.project .project-image-container .hover-container .tech-container{background-color:#0000;display:flex;height:50px;width:50px}.project .project-image-container .hover-container .tech-container .tech-img{height:50px;margin-left:5px;margin-top:20px;width:50px}.project .project-image-container .hover-container .tech-container .tech-img:first-child{margin-left:10px}@media screen and (max-width:500px){.project{width:350px}}.projects-main-container{flex-wrap:wrap;max-width:1500px;z-index:2}.forms-container,.projects-main-container{align-items:center;display:flex;justify-content:center}.forms-container{background-color:#000;flex-direction:column;padding-bottom:100px;padding-top:70px}.forms-container h1{color:#f8fc01;font-family:Share Tech Mono,monospace;padding:10px}.forms-container .send-email-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;position:relative;width:80%;z-index:20}.forms-container .send-email-container .form-section{border-radius:10px;display:flex;margin:10px;padding:10px}.forms-container .send-email-container .form-section .input-container{position:relative}.forms-container .send-email-container .form-section .input-container .input-field{background-color:#0000;border:0;border-bottom:2px solid #ccc;color:#fff;display:block;margin:10px 30px 10px 20px;outline:none;padding:10px}.forms-container .send-email-container .form-section .input-container .input-field+.input-label{color:#8b131300;font-family:Share Tech Mono,monospace;left:10px;padding:5px;position:absolute;top:9px;transition:1s;z-index:-1}.forms-container .send-email-container .form-section .input-container .input-field+.input-label+.input-icon{background-color:#f5f5f5;border-radius:15px 0 0 15px;color:#000;font-family:Share Tech Mono,monospace;left:-14px;padding:10px;position:absolute;top:9px;transition:.5s ease}.forms-container .send-email-container .form-section .input-container .input-field+.input-label+.input-icon+.linebot{background-color:#8a0808;bottom:10px;height:2px;left:20px;position:absolute;transition:all 1s ease;width:0}.forms-container .send-email-container .form-section .input-container .input-field:focus+.input-label{color:#8a0808;font-size:12px;top:-10px;z-index:10}.forms-container .send-email-container .form-section .input-container .input-field:focus+.input-label+.input-icon{background-color:#8a0808;color:#fff}.forms-container .send-email-container .form-section .input-container .input-field:focus+.input-label+.input-icon+.linebot{width:250px}.forms-container .send-email-container .form-section .input-container .textarea{background-color:rgba(0,0,0,.165);height:300px;padding:20px;width:700px}.forms-container .send-email-container .form-section .input-container .textarea:focus+.input-label{color:#8a0808;font-size:12px;top:-15px;z-index:10}.forms-container .send-email-container .form-section .input-container .textarea:focus+.input-label+.input-icon+.linebot{width:700px}.forms-container .send-email-container .form-section .input-container .textarea+.input-label+.input-icon{align-items:center;background-color:#f5f5f5;border-radius:15px 0 0 15px;color:#000;display:flex;font-family:Share Tech Mono,monospace;height:94.5%;justify-content:center;left:-14px;padding:10px;position:absolute;top:9px;transition:.5s ease}.forms-container .send-email-container .btn-submit{background-color:#000;border:1px solid #fff;border-radius:10px;box-shadow:0 0 20px #fff;color:#fff;cursor:pointer;font-family:Raleway,sans-serif;font-size:1.3em;margin:10px;padding:10px;transition:.5s;z-index:1}.forms-container .send-email-container .btn-submit:hover{background-color:#fff;color:#000}.forms-container .send-email-container .light-blink{background-image:linear-gradient(180deg,#fff,#0000 80%);bottom:-20px;filter:blur(18px);height:50px;position:absolute;transform:perspective(1.1em) rotateX(35deg) scale(1);width:100px;z-index:-10}.forms-container .loader{animation:spin013151 1s linear infinite;border:4px solid rgba(212,28,28,.314);border-radius:100%;border-top-color:#d41c1c;height:30px;left:10px;position:fixed;top:calc(100% - 40px);width:30px;z-index:99}@keyframes spin013151{to{transform:rotate(1turn)}}.forms-container .notification-emailer{background-color:#2fff52;border-radius:10px;position:fixed;right:20px;top:100px;transition:.5s;width:250px;z-index:99}.forms-container .notification-emailer:hover{transform:scale(1.1)}.forms-container .notification-emailer .close-btn{border-radius:10px;color:#000;cursor:pointer;font-family:Share Tech Mono,monospace;font-weight:700;margin:5px;padding:4px;position:absolute;right:0}.forms-container .notification-emailer .close-btn:hover{color:red}.forms-container .notification-emailer h4{color:#000;font-family:Raleway,sans-serif;font-size:1em;padding:10px}.forms-container .notification-emailer p{font-family:Raleway,sans-serif;font-size:.8em;margin-top:-15px;padding:10px;text-align:justify}@media screen and (max-width:1000px){.forms-container .send-email-container .form-section .input-container .textarea,.forms-container .send-email-container .form-section .input-container .textarea:focus+.input-label+.input-icon+.linebot{width:450px}}@media screen and (max-width:600px){.forms-container .send-email-container:last-child{margin-left:50px}.forms-container .send-email-container .form-section{flex-direction:column;margin:20px}.forms-container .send-email-container .form-section .input-container .textarea{margin:10px;width:200px}.forms-container .send-email-container .form-section .input-container .textarea+.input-label+.input-icon+.linebot{margin-left:2px}.forms-container .send-email-container .form-section .input-container .textarea:focus+.input-label+.input-icon+.linebot{margin-left:2px;width:190px}.forms-container .send-email-container .btn-submit{margin:0 0 10px}.forms-container .send-email-container .light-blink{filter:blur(15px);margin-left:0;transform:perspective(1.1em) rotateX(31deg) scale(1.1)}}.about-container{color:#fff;font-family:Share Tech Mono,monospace;min-height:100vh;padding:120px 20px}.about-container .content-wrapper{grid-gap:60px;display:grid;gap:60px;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1100px}@media(max-width:768px){.about-container .content-wrapper{grid-template-columns:1fr}}.timeline{border-left:2px solid #ff4d4d33;margin-left:20px;padding-left:40px;position:relative}.timeline .timeline-item{margin-bottom:50px;position:relative}.timeline .timeline-item .icon-wrapper{align-items:center;background:#1a1a1a;border:2px solid #ff4d4d;border-radius:50%;box-shadow:0 0 15px #ff4d4d66;color:#ff4d4d;display:flex;justify-content:center;left:-62px;padding:10px;position:absolute;top:0}.timeline .timeline-item .year{color:#ff4d4d;font-family:JetBrains Mono,monospace;font-size:.9rem}.timeline .timeline-item h3{font-size:1.5rem;margin:5px 0}.timeline .timeline-item .company{color:#a0a0a0;display:block;font-size:.9rem;margin-bottom:10px}.experience-link{background:#ff4d4d0d;border:1px solid #ff4d4d4d;border-radius:4px;color:#ff4d4d;display:inline-block;font-family:Share Tech Mono,monospace;font-size:.9rem;margin-right:10px;margin-top:5px;padding:5px 12px;text-decoration:none;transition:all .3s ease}.experience-link:hover{background:#ff4d4d33;border-color:#ff4d4d;box-shadow:0 0 10px #ff4d4d66;transform:translateX(5px)}.skills-table{background:#1a1a1a;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.skills-table td,.skills-table th{border-bottom:1px solid #ffffff0d;font-family:Share Tech Mono,monospace;padding:12px;text-align:left}.skills-table th{background:#ffffff08;color:#a0a0a0;font-size:.8rem;text-transform:uppercase}section.about-container{align-items:center;background-color:#000;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-bottom:150px;padding-top:230px;position:relative;width:100%;z-index:1}section.about-container article{align-items:flex-start;display:flex;flex-direction:row;justify-content:center;width:80%}section.about-container article .about-captions{margin-right:10px;padding:10px;width:600px}section.about-container article .about-captions p{color:#fff;font-family:Share Tech Mono,monospace;font-size:1.2em;margin-top:10px}section.about-container article .about-captions p ul li{font-family:Share Tech Mono,monospace}section.about-container article .about-aside{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;width:300px}section.about-container article .about-aside .aside-img{background-image:url(/static/media/OHOMEM.0f3f3c152f4829a372f6.png);background-position:50%;background-size:cover;border-radius:10px;height:275px;width:275px}section.about-container article .about-aside .divider{background-color:#9b1111;border-radius:10px;height:1px;margin:30px;width:100%}@media screen and (max-width:800px){section.about-container{padding-bottom:280px;padding-top:100px}}.ballblinking{animation:ballblinking .2s linear infinite alternate,movement 10s linear infinite;background-color:#cf1212;border-radius:100%;filter:blur(60px);height:100px;left:-300px;position:absolute;top:50%;width:100px;z-index:-2}@keyframes movement{0%{height:150px;left:-300px;top:50%;width:150px}to{height:50px;left:50%;top:105%;width:50px}}.police1{animation-delay:1s;animation:ballblinking infinite .3s linear .1 alternate,movement 9s linear infinite}.police2{animation-delay:3s;animation:ballblinking .1s linear infinite alternate,movement 9.4s linear infinite}.police3{animation-delay:5s;animation:ballblinking infinite .5s linear .1 alternate,movement 9.3s linear infinite}.police4{animation:ballblinking .1s linear infinite alternate,movement6 7s linear infinite}@keyframes movement6{0%{height:150px;left:50%;top:120%;width:150px}90%{height:100px;width:100px}to{left:100%;top:50%}}.police5{animation-delay:2s}.section-name-container{align-items:center;display:flex;justify-content:center;position:relative;text-align:center}.section-name-container .section-name{color:rgba(211,226,9,.904);font-family:Share Tech Mono,monospace;font-size:3em;position:absolute;top:-100px;width:600px}.section-name-container .section-name:after{color:rgba(196,17,17,.123);content:"⚠ ABOUT ⚠";font-size:2em;left:40px;position:absolute;top:-50px;z-index:-2}.stand{background-color:rgba(255,0,0,.199);height:20%;left:103px;position:absolute;top:0;width:3px;z-index:-10}.stand:after{background-color:rgba(255,0,0,.295);content:"";filter:blur(10px);height:100%;left:-8px;position:absolute;width:20px;z-index:10}.sright{left:calc(100vw - 83px)}.lamp{animation:rotate 6s infinite;background-color:rgba(255,0,0,.527);border-radius:100% 0 0 100%;height:20px;left:100px;position:absolute;top:19%;transform:rotate(0deg);transition:1s;width:20px;z-index:10}@keyframes rotate{0%{transform:rotate(0deg)}50%{transform:rotate(65deg)}to{transform:rotate(0deg)}}.lamp:after{background-color:rgba(255,0,0,.253);background-image:linear-gradient(rgba(255,0,0,.432),#f000);content:"";filter:blur(13px);height:30px;left:-10px;position:absolute;top:-5px;transform:perspective(1.9em) rotateY(-30deg) scale(.95);width:100px}.lright{animation:rotate2 10s infinite;left:calc(100vw - 100px)}@keyframes rotate2{0%{transform:rotate(180deg)}50%{transform:rotate(120deg)}to{transform:rotate(180deg)}}@media screen and (max-width:1300px){.lamp,.stand{display:none}.section-name-container .section-name:after{color:rgba(114,9,9,.329)}}@media screen and (max-width:800px){.ballblinking,.police1,.police2,.police3,.police4,.police5,.section-name-container{display:none}}.whoami-container,.whoami-container .aboutme-container{align-items:center;display:flex;justify-content:center}.whoami-container .aboutme-container{background-color:#030000;border-radius:15px;box-shadow:2px 2px 50px rgba(255,0,0,.288);flex-direction:row;max-width:900px;overflow:hidden;padding:30px;position:relative;width:500px}.whoami-container .aboutme-container .border-container{height:100%;width:100%}.whoami-container .aboutme-container .border-container h1{-webkit-text-fill-color:#0000;-moz-text-fill-color:#0000;animation:textGradient 1s ease-in infinite alternate;-webkit-background-clip:text;-moz-background-clip:text;background-color:#ee2424;background-image:linear-gradient(45deg,#fbff00,#ee2424);background-position:0;background-repeat:repeat;background-size:100%;font-family:Share Tech Mono,monospace;font-size:2em;font-weight:700;padding:0 10px 0 20px;position:relative;z-index:10}.whoami-container .aboutme-container .border-container p{color:#fff;flex:1 1;font-family:Share Tech Mono,monospace;font-size:1.1em;line-height:1.25em;padding:20px;position:relative;text-align:justify;z-index:10}.whoami-container .aboutme-container .border-container div{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;padding-left:10px}.whoami-container .aboutme-container .border-container div .github-btn{animation:none;border:1px solid #fff;box-shadow:0 0 30px hsla(0,0%,100%,.589);color:#fff;transition:.5s}.whoami-container .aboutme-container .border-container div .github-btn:active,.whoami-container .aboutme-container .border-container div .github-btn:hover{background-color:#fff;color:#000}.whoami-container .aboutme-container .border-container .border:before{animation:rotate3 10s linear infinite,ballblinking 1s linear infinite alternate;background-color:rgba(228,243,11,.719);content:"";filter:blur(100px);height:200px;left:-50%;position:absolute;top:calc(50% - 50px);transform:rotate(0deg);transition:1s;width:200%}@keyframes ballblinking{0%{background-color:rgba(201,26,26,.623)}to{background-color:#1515ce}}.whoami-container .aboutme-container .border-container .border:after{background-color:rgba(0,0,0,.918);border-radius:10px;content:"";height:98%;left:1%;position:absolute;top:1%;width:98%;z-index:0}.whoami-container .img-about-container{background-color:#000;border-radius:10px;box-shadow:inset 2px 2px 20px rgba(255,0,0,.288);margin-left:-20px;overflow:hidden;padding:20px;position:relative;z-index:-1}.whoami-container .img-about-container .img-about{animation:clipRotation 10s linear infinite alternate;background-image:url(/static/media/trajado.23cb15b100c1b8ba95a3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-clip-path:polygon(0 9%,90% 7%,89% 89%,7% 90%);clip-path:polygon(0 9%,90% 7%,89% 89%,7% 90%);height:400px;margin:10px 10px 10px 30px;position:relative;width:400px;z-index:2}@keyframes clipRotation{0%{-webkit-clip-path:polygon(0 9%,90% 7%,89% 89%,7% 90%);clip-path:polygon(0 9%,90% 7%,89% 89%,7% 90%)}50%{-webkit-clip-path:polygon(30% 7%,100% 24%,69% 100%,4% 76%);clip-path:polygon(30% 7%,100% 24%,69% 100%,4% 76%)}to{-webkit-clip-path:polygon(45% 0,100% 40%,50% 100%,0 57%);clip-path:polygon(45% 0,100% 40%,50% 100%,0 57%)}}@media screen and (max-width:1000px){.whoami-container .aboutme-container{font-size:.9em;padding:30px 10px 20px;width:400px}.whoami-container .img-about-container .img-about{height:300px;width:300px}}@media screen and (max-width:800px){.whoami-container{display:none}}.dangerous-btn{animation:flickering 2.5s infinite alternate;background-color:#0000;border:1px solid rgba(165,14,14,.801);border-radius:10px;box-shadow:0 0 10px #8f1111;color:rgba(192,19,19,.801);cursor:pointer;font-family:Share Tech Mono,monospace;font-size:1.5em;margin:10px;padding:15px;position:relative;z-index:10}@keyframes flickering{0%{border:1px solid #b4b410;box-shadow:0 0 30px #b4b410;color:#b9b917;opacity:1}to{box-shadow:0 0 30px #8f1111;color:rgba(192,19,19,.911);opacity:1}41.99%{border:1px solid #b4b410;box-shadow:0 0 30px #b4b410;color:#b9b917;opacity:1}42%{border:1px solid rgba(192,19,19,.801);box-shadow:0 0 30px #c50c0c;color:rgba(192,19,19,.945);opacity:0}43%{opacity:0}43.01%{opacity:1}47.99%{opacity:1}48%{opacity:0}49%{opacity:0}49.01%{opacity:1}}.whoami-container-mobile{align-items:center;background-color:#000;border-radius:10px;box-shadow:inset 0 0 30px rgba(255,0,0,.452);display:none;flex-direction:column;justify-content:center;padding:20px;position:relative;width:500px}.whoami-container-mobile h1{-webkit-text-fill-color:#0000;-moz-text-fill-color:#0000;animation:textGradient 1s ease-in infinite alternate;-webkit-background-clip:text;-moz-background-clip:text;background-color:#ee2424;background-image:linear-gradient(45deg,#fbff00,#ee2424);background-position:0;background-repeat:repeat;background-size:100%;color:#ff0;font-family:Share Tech Mono,monospace;font-size:2em;font-size:1.8em;font-weight:700;padding:5px 10px 0}.whoami-container-mobile .btn-container{padding-bottom:30px}.whoami-container-mobile .btn-container .github-btn{animation:none;border:1px solid #fff;box-shadow:0 0 30px hsla(0,0%,100%,.589);color:#fff;transition:1s}.whoami-container-mobile .btn-container .github-btn:active,.whoami-container-mobile .btn-container .github-btn:hover{background-color:#fff;color:#000}.whoami-container-mobile p{color:#d6d6dc;font-family:Open Sans,sans-serif;font-size:1em;padding:20px;text-align:justify;z-index:1}.whoami-container-mobile p span{color:#9c3333;font-size:1em;font-weight:600;line-height:3.5em}.whoami-container-mobile .danger{color:rgba(255,255,0,.425);display:block;filter:blur(7px);font-size:10em;position:absolute;z-index:0}.whoami-container-mobile .danger2{color:rgba(255,255,0,.137);filter:blur(0);font-size:12em;left:10px;top:95%;transform:rotate(-30deg);z-index:-1}.whoami-container-mobile .danger3{font-size:5em;left:82%;top:75%;transform:rotate(69deg)}.whoami-container-mobile .strip{animation:flickering2 4s linear infinite alternate-reverse;background-color:rgba(196,24,24,.637);height:14px;position:absolute;top:100%;width:4px}.whoami-container-mobile .strip:after{background-color:rgba(199,29,29,.699);border-radius:100%;content:"";filter:blur(11px);height:70px;left:-7px;position:absolute;top:-20px;width:20px}@keyframes flickering2{0%{opacity:1}to{opacity:1}41.99%{opacity:1}42%{opacity:.5}43%{opacity:.5}43.01%{opacity:1}47.99%{opacity:1}48%{opacity:.5}49%{opacity:.5}56%{opacity:.5}56.1%{opacity:1}}.whoami-container-mobile .about-mobile-img{animation:flickering2 4s linear infinite alternate-reverse;animation-delay:.1s;background-image:url(/static/media/trajado.23cb15b100c1b8ba95a3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #8a1313;border-radius:100%;box-shadow:0 0 20px rgba(255,0,0,.747);height:200px;left:50%;position:absolute;top:129%;transform:translate(-50%,-50%);width:200px;z-index:1}@media screen and (max-width:800px){.whoami-container-mobile{display:flex}}@media screen and (max-width:520px){.whoami-container-mobile{width:370px}.whoami-container-mobile p span{font-size:.7em}.whoami-container-mobile .about-mobile-img{height:150px;top:120%;width:150px}}.transition-about{background-image:linear-gradient(180deg,#0000,#000);bottom:0;height:100px;position:absolute;width:100vw;z-index:99}.skills{align-items:center;background-color:#000;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;z-index:1}.skills .skills-title{color:#ef0;font-family:Share Tech Mono,monospace;font-size:3em;font-weight:400;padding:50px;position:relative;z-index:70}.skills .skills-title:before{color:rgba(255,0,0,.158);content:"⚠ SKILLS ⚠";font-size:2em;left:-160px;position:absolute;top:-20px;width:1000px;z-index:-1}.skills .skills-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:10px}.skills .skills-container .skills-row{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;padding:10px;width:980px}.skills .skills-container .skills-row .skill-container{border-radius:30px;height:200px;margin:20px;overflow:hidden;position:relative;width:200px}.skills .skills-container .skills-row .skill-container .rotator{animation:rotate3 6s linear infinite;background-color:#ff4800;height:70px;left:calc(50% - 150px);position:absolute;top:calc(50% - 35px);transform:rotate(0deg);width:300px;z-index:1}.skills .skills-container .skills-row .skill-container .tech-stand{align-items:center;background-color:#0f0101;border-radius:30px;display:flex;flex-direction:column;height:190px;justify-content:center;left:5px;position:absolute;top:5px;width:190px;z-index:2}.skills .skills-container .skills-row .skill-container .tech-stand img{height:50px;width:50px}.skills .skills-container .skills-row .skill-container .tech-stand span{color:#f1eeee;font-family:Raleway,sans-serif;font-size:1.2em;font-weight:700;margin:25px 25px -25px}@media screen and (max-width:1000px){.skills .skills-container .skills-row{width:600px}}@media screen and (max-width:600px){.skills .skills-title{font-size:2em}.skills .skills-title:before{left:-100px}}@media screen and (max-width:500px){.skills .skills-container .skills-row{width:400px}}@keyframes sirenfloat{0%{left:9vw;top:90px;transform:rotate(0deg)}50%{left:11vw;top:95px;transform:rotate(27deg)}to{left:10vw;top:10px;transform:rotate(30deg)}}@keyframes woonlight{0%{left:15px}50%{left:21px}to{left:15px}}@keyframes woonlightbeam{0%{filter:blur(10px);height:10px;left:40px;top:-10px;transform:perspective(.8em) rotateX(0) rotateY(-10deg) scale(2);width:50px}50%{filter:blur(5px);height:20px;left:-3px;top:0;transform:perspective(1em) rotateX(10deg) rotateY(0deg) scale(3);width:10px}to{filter:blur(10px);height:10px;left:-80px;top:0;transform:perspective(.8em) rotateX(0deg) rotateY(10deg) scale(2);width:50px}}@keyframes woonlightbeamnegative{0%{filter:blur(10px);height:10px;left:40px;top:-10px;transform:perspective(.8em) rotateX(0) rotateY(-10deg) scale(2);width:50px}50%{filter:blur(5px);height:20px;left:-3px;top:0;transform:perspective(1em) rotateX(-10deg) rotateY(0deg) scale(3);width:10px}to{filter:blur(10px);height:10px;left:-80px;top:0;transform:perspective(.8em) rotateX(0deg) rotateY(10deg) scale(2);width:50px}}.siren-container{animation:sirenfloat 30s linear infinite alternate;height:100px;left:5vw;opacity:.7;position:absolute;top:100px;transform:rotate(30deg);width:100px;z-index:10}.siren-container .siren-glass{background-color:#ff00003d;border-radius:15px 15px 0 0;height:40px;left:27px;position:absolute;top:calc(100% - 56px);width:45px;z-index:-1}.siren-container .siren-glass .strip{background-color:rgba(0,0,0,.219);height:80%;left:22px;position:absolute;top:20px;width:2px}.siren-container .siren-glass .siren-light{animation:woonlight 2s infinite;background-color:hsla(0,91%,79%,.445);border-radius:10px;height:10px;left:15px;position:absolute;top:50%;width:10px}.siren-container .siren-glass .siren-light-right{animation:woonlight 2s infinite;animation-delay:1s;left:21px}.siren-container .siren-glass .siren-light-right:after{animation:woonlightbeam 1s linear infinite reverse}.siren-container .siren-glass .siren-light-right:after,.siren-container .siren-glass .siren-light-right:before{background-color:red;content:"";filter:blur(10px);height:10px;left:-80px;position:absolute;top:0;transform:perspective(.8em) rotateX(0deg) rotateY(10deg) scale(2);width:50px;z-index:-5}.siren-container .siren-glass .siren-light-right:before{animation:woonlightbeamnegative 1s linear infinite;animation-delay:1s}.siren-container .bottom{background-color:#504f4f;border-radius:0 0 10px 10px;height:20px;left:20px;position:absolute;top:calc(100% - 20px);transform:perspective(1.9em) rotateX(20deg);width:60px}@media screen and (max-width:1300px){.siren-container{display:none}}.landing-container{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;padding-left:5%;width:100%}.landing-container .profile-container{display:flex;height:60vh;justify-content:center;position:relative;width:75vw}@keyframes bounce{0%{font-size:1.5em;top:calc(100vh - 170px)}to{font-size:1.5em;top:calc(100vh - 150px)}}.landing-container .swipe-up{align-items:center;animation-direction:alternate;animation-duration:1s;animation-iteration-count:infinite;animation-name:bounce;animation-timing-function:cubic-bezier(.455,.03,.515,.955);background-color:#0000;border:1px solid lime;border-radius:20px;color:lime;cursor:pointer;display:flex;flex-direction:column;font-size:1.4em;justify-content:center;padding:10px;position:absolute;top:70px;transition:1s}.landing-container .swipe-up:hover{background-color:#fff;border:1px solid #fff;color:#000}.landing-container .swipe-up span{font-family:Courier New,Courier,monospace;font-size:.5em;margin-top:10px}@media screen and (max-width:799px){.landing-container{margin:0}.landing-container .profile-container{align-items:center;flex-direction:column-reverse;justify-content:center}}@media screen and (max-width:450px){.landing-container .profile-container{align-items:center;flex-direction:column-reverse;justify-content:center}}.profile-section{align-items:center;align-items:flex-start;display:flex;flex-direction:column;justify-content:center;z-index:3}.profile-section .profile-wordwrapper{background-color:#000;border-radius:10px;cursor:default;display:flex;flex-direction:column;height:160px;padding:20px 10px 30px 20px}.profile-section .profile-wordwrapper span{color:#ccc0c0;font-family:Open Sans,sans-serif;font-size:1.1em;font-weight:700;padding:0 11px}@keyframes textGradient{0%{background-position:0;background-size:100%}to{background-position:100%;background-size:300%}}.profile-section .profile-wordwrapper h1{animation:textGradient 1s ease-in infinite alternate;background-image:linear-gradient(45deg,#fbff00,#ee2424);font-family:Raleway,sans-serif;font-size:3em;font-weight:700;padding:0 10px}.profile-section .profile-wordwrapper .subtitle,.profile-section .profile-wordwrapper h1{-webkit-text-fill-color:#0000;-moz-text-fill-color:#0000;-webkit-background-clip:text;-moz-background-clip:text;background-color:#ee2424;background-position:0;background-repeat:repeat;background-size:100%}.profile-section .profile-wordwrapper .subtitle{background-image:linear-gradient(90deg,#ee2424,#fbff00);font-family:Courier New,Courier,monospace;font-size:1.5em;font-weight:lighter;padding:10px;position:relative}@keyframes blink{0%{height:50%;margin-top:0}50%{height:0;margin-top:10px}to{height:50%;margin-top:0}}.profile-section .profile-wordwrapper .subtitle:after{animation:blink 1s cubic-bezier(.72,0,.16,1) infinite;background-color:#fff;content:"";height:50%;margin-left:5px;margin-top:0;position:absolute;width:3px}.profile-section .social{margin-left:20px;margin-top:20px}.profile-section .social .strip1{background-color:red;box-shadow:0 5px 10px 0 #000000b3;height:2px;left:-60px;margin-left:10px;position:relative;top:13px;width:50px}.profile-section .social .strip1:after{background-color:#ff0000bd;content:"";filter:blur(1.4em);height:20px;left:0;position:absolute;top:-10px;width:70px;z-index:-1}.profile-section .social .strip2{background-color:red;box-shadow:0 5px 10px 0 #000000b3;height:2px;left:-120px;margin-left:10px;position:relative;top:-49px;transform:rotate(90deg);width:120px}.profile-section .social .strip2:after{background-color:rgba(255,0,0,.753);content:"";filter:blur(1.4em);height:20px;left:0;position:absolute;top:-10px;width:120px;z-index:-1}.profile-section .social .strip3{background-color:red;box-shadow:0 5px 10px 0 #000000b3;height:2px;left:-60px;margin-left:10px;position:relative;top:-110px;width:30px}.profile-section .social .strip3:after{background-color:rgba(255,0,0,.753);content:"";filter:blur(1.4em);height:20px;left:0;position:absolute;top:-10px;width:120px;z-index:-1}.profile-section .explore-btn{cursor:pointer;left:40%;padding:10px 20px;position:absolute;top:100%}.profile-section .explore-btn:hover{background-color:#fff;border:1px solid #fff;color:#000;transition:1s}.profile-section .explore-btn:hover:after{background-color:#fff;content:"";filter:blur(40px);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@media screen and (min-width:1000px){.profile-section .profile-wordwrapper h1{font-size:3em}}@media screen and (min-width:1500px){.profile-section .profile-wordwrapper h1{font-size:3em}}@media screen and (max-width:1500px)and (min-width:1000px){.profile-section .profile-wordwrapper{width:450px}.profile-section .profile-wordwrapper h1{font-size:2em}}@media screen and (max-width:1000px){.profile-section .profile-wordwrapper{width:450px}.profile-section .profile-wordwrapper h1{font-size:2em}.profile-section .explore-btn{left:25vw}}@media screen and (max-width:799px){.profile-section .social .strip1,.profile-section .social .strip3{display:none}.profile-section .social .strip2{left:128px;z-index:-2}.profile-section .social .socials-container{left:70%;top:20px}.profile-section .profile-wordwrapper{margin-top:40px}.profile-section .explore-btn{left:calc(50% - 100px)}}@media screen and (max-width:450px){.profile-section .social{margin-left:-22px}.profile-section .social .strip1,.profile-section .social .strip3{display:none}.profile-section .social .strip2{left:128px;z-index:-2}.profile-section .social .socials-container{left:70%;top:20px}.profile-section .profile-wordwrapper{height:130px;margin-top:40px;width:350px}.profile-section .profile-wordwrapper h1{font-size:1.6em}.profile-section .profile-wordwrapper h2{font-size:1.4em}.profile-section .explore-btn{left:calc(50% - 90px)}}.decoration{align-items:center;background-color:#000;border-radius:0 15px 15px 0;display:flex;height:160px;justify-content:center;left:-10px;position:relative;top:-26px;transition:1s;width:500px}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.circle{animation:morph 7s ease-in-out infinite;background-image:url(/static/media/OHOMEM.0f3f3c152f4829a372f6.png);background-repeat:no-repeat;background-size:cover;border:3px solid #000;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:400px;width:400px}@media screen and (max-width:1500px)and (min-width:1000px){.decoration{width:400px}.decoration .circle{height:300px;width:300px}}@media screen and (max-width:1000px){.decoration{width:220px}.decoration .circle{height:250px;margin-left:-40px;width:250px}}@media screen and (max-width:799px){.decoration{border-radius:20px 0 0 20px;margin-bottom:-20px;transform:rotate(90deg);width:100px}.decoration .circle{margin-right:-110px;transform:rotate(-90deg)}}@media screen and (max-width:450px){.decoration{border-radius:20px 0 0 20px;margin-bottom:-60px;transform:rotate(90deg);width:80px}.decoration .circle{height:200px;margin-right:-60px;transform:rotate(-90deg);width:200px}}.dec1,.dec2{animation-direction:alternate;animation-duration:25s;animation-iteration-count:infinite;animation-name:ballAnimated;animation-timing-function:linear;background-color:rgba(255,0,0,.349);background:radial-gradient(ellipse at top,#5a0808,#0000),radial-gradient(ellipse at bottom,rgba(117,24,24,.659),#0000);border-radius:100%;filter:blur(100px);height:500px;left:-15%;opacity:1;position:absolute;top:-50%;width:500px;z-index:1}@keyframes ballAnimated{0%{height:500px;transform:rotate(0);width:500px}to{height:550px;transform:rotate(180deg);width:550px}}.dec2{animation-direction:alternate;animation-duration:25s;animation-iteration-count:infinite;animation-name:ballAnimated2;animation-timing-function:linear;left:80%;top:70%}@keyframes ballAnimated2{0%{height:400px;transform:rotate(0);width:400px}to{height:400px;transform:rotate(180deg);width:400px}}@media screen and (min-width:800px){.dec1{left:-15%;top:-50%;width:800px}@keyframes ballAnimated{0%{height:800px;transform:rotate(0);width:500px}to{height:700px;transform:rotate(180deg);width:500px}}}@keyframes rotate3{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}footer{align-items:center;background-color:#000;box-shadow:0 -2px 10px #ffffff3d;color:#fff;display:flex;justify-content:space-around;overflow:hidden;padding:30px 50px;position:relative;z-index:2}footer .copyright-container img{height:30px;width:30px}footer .copyright-container h3{font-family:Open Sans,sans-serif}footer .footer-socials{position:relative;z-index:10}footer .footer-socials .footer-social-btn{border:1px solid #fff;border-radius:10px;color:#fff;font-size:1em;margin:5px;padding:10px;transition:.5s;z-index:99}footer .footer-socials .footer-social-btn:hover{background-color:#fff;color:#000}@media screen and (max-width:600px){footer{flex-direction:column-reverse}footer .copyright-container{margin-top:50px}footer .copyright-container img{height:20px;width:20px}footer .copyright-container h3{font-size:.8em;margin-left:-15px}footer .footer-social-btn{margin-top:30px}}
/*# sourceMappingURL=main.6aaa2c03.css.map*/