@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap);*{box-sizing:border-box;margin:0;padding:0;text-decoration:none;list-style:none;color:#d8d8d8;font-family:"Signika",sans-serif}html{font-size:calc(10.60465px + .69767vw)}@media(max-width:960px){html{font-size:calc(16.42105px + .78947vw)}}@font-face{font-family:"Leixo";src:local("Leixo"),url(/static/media/LEIXO-DEMO.7e5b0ae7.ttf) format("truetype")}*{font-family:Leixo;font-size:1.5rem;color:silver}.App{background-color:#000;background-image:url(/static/media/bkA.b30871cc.png);background-repeat:no-repeat;overflow:hidden;height:100vh;font-family:Arial,Helvetica,sans-serif;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}p{line-height:1.3rem}.aboutMeBack{background-image:url(/static/media/PagWebBio.3d61f475.jpg);background-size:100vw}.main{height:100vh;width:100%;background-size:100%}.main,.opcion--section{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.opcion--section{height:50vh;-webkit-justify-content:center;justify-content:center;text-align:center;z-index:3}.unboton{z-index:10}.heightAllSections{margin-top:2vh;min-height:70vh}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#331b45}::-webkit-scrollbar-thumb{background:hsla(0,0%,59.6%,.3);-webkit-transition:all 1.9s;transition:all 1.9s}::-webkit-scrollbar-thumb:hover{background:rgba(230,176,28,.7)}@media(max-width:960px){.App,.main{overflow:auto}.main{margin-top:14vh;min-height:72vh;overflow-x:hidden}.aboutMeBack{background-size:auto 100vh;background-position:89%}}.wrapper--works{-webkit-flex-direction:row;flex-direction:row;width:90%;-webkit-flex-wrap:wrap;flex-wrap:wrap;height:80vh;overflow:auto;overflow-x:hidden}.work,.wrapper--works{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.work{-webkit-flex-direction:column;flex-direction:column;margin-bottom:2vh;min-height:20vh}.circle--img{border:2px solid #c4a20e;width:150px;transition:all 1s;cursor:pointer}.circle--img:hover{border:2px dashed #437085}.text{overflow-wrap:break-word;font-size:.5rem}.number--index{-webkit-align-self:flex-start;align-self:flex-start;opacity:.6;transition:all .2s;font-size:4rem;transition:all .4s}.number--index:hover{color:#813772}.title--proy{font-size:.5rem;transition:all .4s}.title--proy:hover{opacity:.7}.title--year{color:#6f70aa;font-family:"Lato",sans-serif;transition:all .4s}.title--year:hover{color:#813772}.title--desc{color:hsla(0,0%,100%,.823529);font-size:.4rem}.iframeSpoty{width:300px;height:380px;margin:1vh}@media (max-width:960px){.work{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin-bottom:2vh;min-height:20vh}.text{text-align:center;margin-top:2vh;font-size:1rem}.wrapper--works{height:76vh;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.number--index{-webkit-order:-1;order:-1;-webkit-align-self:center;align-self:center}.iframeSpoty{width:90%;height:100px;margin:2vh}}.wrapperAboutMe{display:-webkit-flex;display:flex;width:100%;height:100%;-webkit-align-self:center;align-self:center;-webkit-justify-content:center;justify-content:center;position:relative}.profileImg{height:100%;position:absolute;right:0}.wrapperBio{background-color:hsla(0,0%,47.5%,.096);width:50%;position:absolute;height:80vh;overflow:auto;overflow-x:hidden;padding-top:4vh;left:0;z-index:2}.bioMoreko{font-size:.75rem;padding-left:22%;padding-right:6%;padding-top:2vh;line-height:1.2rem;font-family:Arial,Helvetica,sans-serif;font-weight:500}@media (max-width:960px){.wrapperBio{width:100%;overflow:unset;overflow-x:unset;padding-top:3vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.bioMoreko{font-size:1rem;line-height:2;color:#d0cfcf;padding-top:2vh;padding-bottom:2vh;background-color:rgba(0,0,0,.6196078431372549)}}.changeLang{cursor:pointer;font-size:.5rem;opacity:.7;color:hsla(0,0%,100%,.8235294117647058);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:.7vh;border:2px solid #6f70aa;background-color:#000;transition:all 1s;color:hsla(0,0%,100%,.823529);border-radius:8px}.changeLang:hover{opacity:.9;border:2px solid hsla(0,0%,100%,.823529)}@media (max-width:960px){.changeLang{font-size:.6rem;margin-right:2vw;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}}.mix-master-wrapper--works{-webkit-flex-direction:column;flex-direction:column;padding-right:7vh;width:60%;margin-top:9vh;height:72vh;overflow:auto;overflow-x:hidden}.mix-master-work,.mix-master-wrapper--works{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.mix-master-work{-webkit-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-justify-content:center;justify-content:center;margin-bottom:2vh;border:2px solid #c4a20e;width:90%;padding:1vh;opacity:.8;transition:all .3s}.mix-master-work:hover{opacity:1}.mix-master-circle--img{border:2px solid #c4a20e;width:auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;height:24vh;-webkit-align-items:center;align-items:center;transition:all 1s;cursor:pointer}.mix-master-circle--img:hover{border:2px dashed #437085}.you{height:auto}.spoty{height:11vh}.mix-master-text{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-align:left;overflow-wrap:break-word;width:100%;font-size:.7rem}.mix-master-number--index{-webkit-align-self:flex-start;align-self:flex-start;opacity:.6;transition:all .2s;font-size:4rem;transition:all .4s}.mix-master-number--index:hover{color:#813772}.mix-master-title--proy{font-family:"Roboto",sans-serif;-webkit-justify-content:flex-start;justify-content:flex-start;text-overflow:ellipsis;color:#6f70aa;font-size:1rem;transition:all .4s}.mix-master-title--proy:hover{opacity:1}.mix-master-title--year{color:#6f70aa;margin-right:5%;margin-left:auto;font-size:1rem;font-family:"Lato",sans-serif;transition:all .4s}.mix-master-title--year:hover{color:#813772}.mix-master-title--desc{color:hsla(0,0%,100%,.823529);font-family:"Roboto",sans-serif;text-align:left;margin-top:2%;font-size:.7rem}.mix-master-section--column{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding-left:5%;width:100%}@media (max-width:960px){.mix-master-wrapper--works{width:100%;padding-right:0;margin-top:2vh;overflow:unset;overflow-x:unset}.mix-master-work{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin-bottom:2vh}.mix-master-text,.mix-master-work{-webkit-flex-direction:column;flex-direction:column}.mix-master-text{text-align:center;margin-top:2vh;font-size:1rem}.mix-master-wrapper--works{min-height:75vh}.mix-master-number--index{-webkit-order:-1;order:-1;-webkit-align-self:center;align-self:center}.mix-master-work{opacity:1}.mix-master-section--column{padding-left:0}.mix-master-text{-webkit-justify-content:center;justify-content:center}.mix-master-title--year{margin-left:20px}.mix-master-title--desc{text-align:center}.mix-master-title--proy{font-size:1.5rem;margin:.4vh}.mix-master-circle--img{width:auto;height:auto}.you{height:auto;width:90%}.spoty{width:90%;height:15vh}}@media (max-width:960px) and (max-height:420px){.spoty{width:100%;height:20vh}}.footer--wrapper{width:100%;height:11vh;z-index:3}.footer--wrapper,.wrapperImgContact{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.wrapperImgContact{font-size:.6rem;margin:.4vh;transition:all .6s;opacity:.6}.wrapperImgContact:hover{opacity:.8}.imgFooter{height:3vh;margin:1vh;transition:all .6s;opacity:.6}.imgFooter:hover{opacity:1}@media (max-width:960px){.footer--wrapper{height:18vh;-webkit-align-items:flex-start;align-items:flex-start}.wrapperImgContact{font-size:.5rem}}@media (max-width:300px){.footer--wrapper{-webkit-flex-direction:column;flex-direction:column}}
/*# sourceMappingURL=main.3453f02a.chunk.css.map */