*{margin:0;padding:0}nav{position:relative;font-family:"webfont";font-size:7vw;margin-top:15vh;margin-left:20px;z-index:5}.Link{text-decoration:none;color:#fff;position:absolute;transition:.5s}.Link:hover{-webkit-transform:translateX(90px);transform:translateX(90px);transition:.5s}.iconNav{display:unset;position:absolute;top:45px;left:-90px;width:70px;height:70px;color:transparent}.about{background-image:url(../../static/media/aboutme.e50e7199.svg)}.about,.proyect{background-repeat:no-repeat;background-size:contain}.proyect{background-image:url(../../static/media/proyects.05843fcf.svg)}.contact{background-image:url(../../static/media/contact.0845e560.svg);background-repeat:no-repeat;background-size:contain}.socialicons{display:flex}.social{transition:.5s;width:50px;height:50px;margin-right:10px;background-color:#fff;border-radius:25%;border:1px solid #fff;margin-top:30px;cursor:pointer}.social:hover{width:80px;height:80px;transition:.5s}.id{background-image:url(../../static/media/id.2eec6962.svg)}.id,.ig{background-repeat:no-repeat;background-size:contain}.ig{background-image:url(../../static/media/ig.779f6f9b.svg)}.fb{background-image:url(../../static/media/fb.10dc8b73.svg)}.fb,.tw{background-repeat:no-repeat;background-size:contain}.tw{background-image:url(../../static/media/tw.0f6d4bb7.svg)}.ws{background-image:url(../../static/media/ws.c48b8613.svg);background-repeat:no-repeat;background-size:contain}li{-webkit-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:1440px){nav{font-size:5vw;margin-top:25vh}.iconNav{top:23px;left:-70px;width:50px;height:50px}.social{width:30px;height:30px;margin-top:30px}}@media screen and (max-width:1024px){nav{margin-top:15vh}.iconNav{top:13px;left:-70px;width:40px;height:40px}}@media screen and (max-width:768px){.lel{display:none}.iconNav{left:-10px;width:40px;height:40px}.Link:hover{-webkit-transform:translateX(20px);transform:translateX(20px)}nav{margin-top:1vh}.socialicons{display:unset}.social{width:20px;height:20px;margin-top:30px;-webkit-transform:translateX(-6px);transform:translateX(-6px)}.social:hover{width:40px;height:40px}ul{-webkit-transform:translateX(-5px);transform:translateX(-5px)}}@media screen and (max-width:613px){.iconNav{width:20px;height:20px}.social{-webkit-transform:translateX(-15px);transform:translateX(-15px)}.social,.social:hover{width:15px;height:15px}ul{-webkit-transform:translateX(-7px);transform:translateX(-7px);margin-bottom:40px}}@media screen and (max-width:375px){.social{-webkit-transform:translateX(-16.5px);transform:translateX(-16.5px)}.social,.social:hover{width:15px;height:15px}ul{-webkit-transform:translateX(-8px);transform:translateX(-8px)}li{margin-bottom:10px}}@media screen and (max-width:291px){ul{-webkit-transform:translateX(-10px);transform:translateX(-10px);margin-bottom:50px}}.container{display:grid;grid-template-areas:"menuG contentG";grid-template-columns:500px auto;grid-template-rows:100vh}.menu{grid-area:menuG}.content{grid-area:contentG;overflow:hidden}@media screen and (max-width:1440px){.container{grid-template-columns:250px auto}}@media screen and (max-width:1024px){.container{grid-template-columns:200px auto}}@media screen and (max-width:768px){.container{grid-template-columns:50px auto}}@media screen and (max-width:425px){.container{grid-template-columns:20px auto;grid-template-rows:auto}}@font-face{font-family:"webfont";src:url(../../static/media/webfont.ab6fde59.ttf)}body{background:#000;color:#fff}p{font-family:"Times New Roman",Times,serif}.backgroundParticles{position:absolute;width:100vw;height:100vh;top:0;left:0;z-index:0}@media screen and (max-width:425px){.backgroundParticles{display:none}}.titleSectionOne{position:absolute;top:-120px;padding:10px;left:0}.noneSelect{-webkit-user-select:none;-ms-user-select:none;user-select:none}.james{font-size:25px;font-family:"Times New Roman",Times,serif}.sectionOneP{width:1000px;height:380px;padding:10px;margin-top:25%;margin-left:8%;position:relative;z-index:10;background-color:rgba(0,0,0,.96);font-size:25px}rect,svg{position:absolute;top:0;left:0;width:100%;height:100%;fill:transparent;z-index:-1}rect{stroke:#fff;stroke-width:1;stroke-dasharray:2000;-webkit-animation:blackborder 30s linear infinite;animation:blackborder 30s linear infinite}h1{font-family:"webfont"}@-webkit-keyframes blackborder{0%{stroke-dashoffset:4000}to{stroke-dashoffset:0}}@keyframes blackborder{0%{stroke-dashoffset:4000}to{stroke-dashoffset:0}}@media screen and (max-width:1024px){.sectionOneP{width:83%;height:230px;margin-top:25%;font-size:15px}.titleSectionOne{position:absolute;top:-90px;padding:10px;left:0}}@media screen and (max-width:926px){.sectionOneP{height:auto;margin-top:13%}}@media screen and (max-width:768px){.sectionOneP{margin-top:13%}}@media screen and (max-width:425px){.sectionOneP{margin-top:20%}.james,.sectionOneP{font-size:12px}.titleSectionOne{position:absolute;top:-70px;padding:10px;left:0}}.animateButton{width:auto;height:auto;background:none;outline:none;color:#fff;background-color:transparent;border:1px solid #fff;transition:.5s;padding:5px;margin-top:20px;margin-right:50px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.animateButton p{margin:10px;font-size:25px}.animateButton:hover{background-color:#fff;color:#000}.animateButtonF p{margin:10px;font-size:25px}.animateButtonF:hover{background-color:#fff;color:#000}.animateButtonF{width:100%;height:auto;background:none;outline:none;color:#fff;background-color:transparent;border:1px solid #fff;transition:.5s;padding:5px;margin-top:20px;margin-right:50px;-webkit-user-select:none;-ms-user-select:none;user-select:none}button{cursor:pointer}@media screen and (max-width:1024px){.animateButton p{margin:5px;font-size:15px}}.swiper-slide div{width:100%}.swiperProyect{position:relative}.itemWeb{background-image:url(../../static/media/web.55398376.png)}.itemDesktop,.itemWeb{position:relative;width:500px;height:380px;background-repeat:no-repeat;background-size:100% 100%}.itemDesktop{background-image:url(../../static/media/Desktop.2b44f6f0.png)}.itemBI{background-image:url(../../static/media/BI.99049ed8.png);background-size:100% 110%}.itemBI,.itemGame{position:relative;width:500px;height:380px;background-repeat:no-repeat}.itemGame{background-image:url(../../static/media/Games.3100fe11.png);background-size:100% 100%}.swiper-button-next,.swiper-button-prev{color:#000!important;font-weight:900}.itemTitle{text-align:center;color:#fff}.cintalu{position:absolute;width:100%;height:65px;background-color:#000;top:80%}@media screen and (max-width:1024px){.swiper-slide div{width:100%;height:230px}}@media screen and (max-width:425px){.swiper-slide div{height:230px}.swiper-button-next,.swiper-button-prev{width:5px!important;height:10px!important}}.titleSectionOnePro{position:absolute;top:-120px;padding:10px;left:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sectionOnePro{position:relative;width:1000px;height:380px;padding:10px;margin-top:25%;margin-left:8%;z-index:10;background-color:rgba(0,0,0,.96);font-size:25px}@media screen and (max-width:1024px){.sectionOnePro{width:83%;height:230px;margin-top:22%;font-size:15px}.titleSectionOnePro{position:absolute;top:-70px}}@media screen and (max-width:768px){.sectionOnePro{height:25%;margin-top:13%}}@media screen and (max-width:425px){.sectionOnePro{height:100%;margin-top:15%;font-size:12px}.titleSectionOnePro{position:absolute;top:-50px;padding:10px;left:0}}.titleSectionOneC{position:absolute;top:-120px;padding:10px;left:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sectionOneC{position:relative;width:1000px;height:380px;padding:10px;margin-top:25%;margin-left:8%;z-index:10;background-color:rgba(0,0,0,.96);font-size:25px}@media screen and (max-width:1024px){.sectionOneC{width:83%;height:300px;margin-top:20%;font-size:15px}.titleSectionOneC{position:absolute;top:-70px}}@media screen and (max-width:768px){.sectionOneC{width:83%;height:300px;margin-top:8%;font-size:15px}.titleSectionOneC{position:absolute;top:-60px}}@media screen and (max-width:425px){.sectionOneC{margin-top:15%}}@media screen and (max-width:320px){.sectionOneC{margin-top:20%}}form input,form textarea{width:96%;background:none;outline:none;border:none;border-bottom:1px solid #fff;color:#fff;padding:.7em .7em 5px;margin:1px 1px 10px}textarea{resize:none}label{-webkit-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width:1024px){textarea{height:50px}}.titleSectionWeb{position:absolute;top:-120px;padding:10px;left:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sectionWeb{position:relative;width:1000px;height:700px;padding:10px;margin-top:10%;margin-left:8%;z-index:10;background-color:rgba(0,0,0,.96);font-size:25px}.gameover{background-image:url(../../static/media/GameOverWeb.a53def97.png)}.gameover,.pizza{width:300px;height:300px}.pizza{background-image:url(../../static/media/PizzaHot.d7af1536.png)}.oldporfolio{background-image:url(../../static/media/oldporfolio.d7666ecb.PNG);width:300px;height:300px}@media screen and (max-width:1024px){.sectionWeb{width:83%;height:230px;margin-top:22%;font-size:15px}.titleSectionWeb{position:absolute;top:-70px;background-color:rgba(0,0,0,.96);padding:10px;left:0}.gameover,.oldporfolio,.pizza{width:100px;height:100px;background-size:contain}}@media screen and (max-width:768px){.sectionWeb{height:auto;margin-top:13%}}@media screen and (max-width:425px){.sectionWeb{margin-top:15%;font-size:12px}.titleSectionWeb{position:absolute;top:-50px;padding:10px;left:0}}@media screen and (max-width:320px){.sectionWeb{width:250px;margin-top:15%;font-size:12px}}.listP{display:flex;flex-wrap:wrap}.listP div{margin:14px;border:2px solid #000;transition:.5s}.listP div:hover{border:2px solid #fff;transition:.5s}.listT{display:flex}@media screen and (max-width:425px){.listP div{margin:4px;transition:.5s}}@media screen and (max-width:320px){.listP div{margin:10px}}.runordie{background-image:url(../../static/media/RunOrDie.256b3f42.png);width:300px;height:300px}@media screen and (max-width:1024px){.runordie{width:100px;height:100px;background-size:contain}}.bi{background-image:url(../../static/media/BI.92471301.png);width:300px;height:300px}@media screen and (max-width:1024px){.bi{width:100px;height:100px;background-size:contain}}.kanjaban{background-image:url(../../static/media/KanJaBan.df8b0160.png)}.cinegon,.kanjaban{width:300px;height:300px}.cinegon{background-image:url(../../static/media/Cinegon.cb363acd.png)}@media screen and (max-width:1024px){.cinegon,.kanjaban{width:100px;height:100px;background-size:contain}}.titleSectionProyect{position:absolute;top:-70px;padding:10px;left:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sectionProyect{position:relative;width:1000px;height:80vh;padding:10px;margin-top:10%;margin-left:8%;z-index:10;background-color:rgba(0,0,0,.96);font-size:25px}iframe{-webkit-user-select:none;-ms-user-select:none;user-select:none}.imageProyect,iframe{width:100%;height:500px;margin-bottom:10px}.imageCinegon{background-image:url(../../static/media/cinegon.e1d99bad.png)}.imageCinegon,.imageKanjaban{background-repeat:no-repeat;background-size:contain;background-position:50%;background-color:#fff}.imageKanjaban{background-image:url(../../static/media/Kanjaban.8b70903f.png)}.imageGameOverweb{background-image:url(../../static/media/gameoverweb.7ccbb460.png);background-color:#fff}.imageGameOverweb,.imageOldporfolio{background-repeat:no-repeat;background-size:contain;background-position:50%}.imageOldporfolio{background-image:url(../../static/media/oldporfolioimage.46301a42.PNG);background-color:#000}a{text-decoration:none}.animateButtonGit{width:auto;height:auto;background:none;outline:none;color:#fff;background-color:transparent;border:1px solid #fff;transition:.5s;padding:5px;margin-top:20px;margin-right:50px;display:flex;-webkit-user-select:none;-ms-user-select:none;user-select:none}.animateButtonGit p{margin:10px;font-size:25px}.animateButtonGit:hover{background-color:#fff;color:#000}.gitIcon{width:50px;height:50px;background-image:url(../../static/media/git.04be58c1.svg);background-repeat:no-repeat;background-size:55px 55px;background-position:50%;background-color:#fff;border-radius:50%}.animateButtonTech{width:auto;height:auto;background:none;outline:none;color:#fff;background-color:transparent;border:1px solid #fff;transition:.5s;padding:5px;margin-top:20px;margin-right:10px;margin-bottom:10px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.animateButtonTech span{font-weight:900}.animateButtonTech:hover{background-color:#fff;color:#000}@media screen and (max-width:1024px){.sectionProyect{width:83%;height:auto;margin-top:10%;font-size:15px}.imageProyect,iframe{height:300px}}@media screen and (max-width:425px){.imageProyect,iframe{height:150px}.animateButtonGit p,.animateButtonTech{font-size:12px}.gitIcon{width:35px;height:35px;background-size:37px 37px}}@media screen and (max-width:375px){.sectionProyect{margin-top:22%}.animateButtonTech{font-size:10px}.animateButtonGit p{font-size:12px}.gitIcon{width:35px;height:35px;background-size:37px 37px}}@media screen and (max-width:320px){.animateButtonTech{font-size:8px}.animateButtonGit p{font-size:10px}}.error404{text-align:center;font-size:20vw;margin-top:10vw}
/*# sourceMappingURL=main.5c41a2a8.chunk.css.map */