body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Open Sans,sans-serif;margin:0;padding:0}body{align-items:center;background-color:#f1f1f1;display:flex;justify-content:center;min-height:100vh}.App .App-header .container-bar{left:0;max-width:55px;position:fixed!important;top:25%;width:100%;z-index:9999}.App .App-header .container-bar div.icon-social{box-shadow:0 1px 10px rgba(0,0,0,.3);-webkit-transform:translateX(0);transform:translateX(0);transition:all .4s}.App .App-header .container-bar div.icon-social a,.App .App-header .container-bar div.icon-social button{border-width:0;cursor:pointer;display:block;font-size:17px;padding:15px;position:relative;text-decoration:none;transition:all .5s ease}.App .App-header .container-bar div.icon-social a span.tittle,.App .App-header .container-bar div.icon-social button span.tittle{background:#1c1c1c;border-radius:3px;font-size:15px;margin-top:-4px;opacity:0;padding:6px;position:fixed;transition:all .5s ease;visibility:hidden}.App .App-header .container-bar div.icon-social a span.tittle:after,.App .App-header .container-bar div.icon-social button span.tittle:after{border:7px solid transparent;border-right:6px solid #1c1c1c;content:"";position:absolute;right:100%;top:8px}.App .App-header .container-bar div.icon-social a:hover,.App .App-header .container-bar div.icon-social button:hover{background:#1c1c1c}.App .App-header .container-bar div.icon-social a:hover span.tittle,.App .App-header .container-bar div.icon-social button:hover span.tittle{margin-left:30px;opacity:1;visibility:visible}.App .App-header .container-bar div.icon-social a.icon-home,.App .App-header .container-bar div.icon-social button.icon-home{background:#e61212;border-radius:0 5px 0 0;color:#fff;font-size:24px}.App .App-header .container-bar div.icon-social a.icon-about,.App .App-header .container-bar div.icon-social button.icon-about{background:#1e10da;border-radius:0 0 0 0;color:#fff;font-size:24px}.App .App-header .container-bar div.icon-social a.icon-portafolio,.App .App-header .container-bar div.icon-social button.icon-portafolio{background:#f33f09;border-radius:0 0 0 0;color:#fff;font-size:24px}.App .App-header .container-bar div.icon-social a.icon-language,.App .App-header .container-bar div.icon-social button.icon-language{background:#000;border-radius:0 0 0 0;color:#fff;font-size:24px}.App .App-header .container-bar div.icon-social a.icon-experience,.App .App-header .container-bar div.icon-social button.icon-experience{background:#0996af;border-radius:0 0 0 0;color:#fff;font-size:24px}.App .App-header .container-bar div.icon-social a.icon-contacto,.App .App-header .container-bar div.icon-social button.icon-contacto{background:#0ad814;border-radius:0 0 5px 0;color:#fff;font-size:24px}.App .App-header .container-bar div.icon-social button.icon-about,.App .App-header .container-bar div.icon-social button.icon-contacto,.App .App-header .container-bar div.icon-social button.icon-experience,.App .App-header .container-bar div.icon-social button.icon-home,.App .App-header .container-bar div.icon-social button.icon-language,.App .App-header .container-bar div.icon-social button.icon-portafolio{font-size:25px!important}.App .App-header .container-bar input#btn-social{display:none}.App .App-header .container-bar input#btn-social:checked~.bi-arrow-right-circle-fill{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.App .App-header .container-bar input#btn-social:checked~.icon-social{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.App .App-header .container-bar label.bi-arrow-right-circle-fill{color:#000;cursor:pointer;display:inline-block;font-size:25px;margin-bottom:5px;margin-left:5px;-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:all .4s}.App .App-body div#home-section{background:#fff;width:100%}.App .App-body div#home-section div.d-flex{height:100%;text-align:center}.App .App-body div#home-section div.d-flex div.row{justify-content:center}.App .App-body div#home-section div.d-flex div.row ul{margin:0}.App .App-body div#home-section div.d-flex div.row ul li{color:#1e10da;display:inline-block;font-family:sans-serif;font-size:x-large;font-weight:600;list-style:none;padding:15px;text-decoration:none;text-shadow:2px 2px 4px rgba(0,1,0,.3)}.App .App-body div#about-section .container-fluid .card .card-header{background:#1e10da}.App .App-body div#about-section .container-fluid .card .card-body{padding:0!important}.App .App-body div#about-section .container-fluid .card .card-body .about{align-items:center;background-color:#fff;display:flex;justify-content:center;width:100%}.App .App-body div#about-section .container-fluid .card .card-body .about .component{width:100%}.App .App-body div#about-section .container-fluid .card .card-body .about .component .content{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:95%;width:95vw!important}.App .App-body div#about-section .container-fluid .card .card-body .about .component .content img{height:auto;max-width:100%;width:600px}.App .App-body div#about-section .container-fluid .card .card-body .about .component .content .text{max-width:100%;padding:0 10px;text-align:-webkit-left;width:550px}.App .App-body div#about-section .container-fluid .card .card-body .about .component .content .text h1{color:#1e10da;font-size:65px;margin-bottom:20px;text-transform:capitalize}.App .App-body div#about-section .container-fluid .card .card-body .about .component .content .text .data-personal,.App .App-body div#about-section .container-fluid .card .card-body .about .component .content .text p{color:#000;font-size:18px;letter-spacing:1px;line-height:28px;margin-bottom:10px}@media screen and (max-width:450px){.App .App-body div#about-section .container-fluid .card .card-body .text h1{font-size:40px;margin-bottom:25px}}.App .App-body div#portafolio-section div.container-fluid{padding:0!important}.App .App-body div#portafolio-section div.container-fluid div.card{border:thick;padding-bottom:15px}.App .App-body div#portafolio-section div.container-fluid div.card div.card-header{background:#f33f09}.App .App-body div#portafolio-section div.container-fluid div.card div.card-body{padding-right:16px}.App .App-body div#portafolio-section div.container-fluid div.card div.card-body div.card .card-header{background-color:#3469e0}.App .App-body div#portafolio-section div.container-fluid div.card div.card-body div.card .card-body .row div .card{height:100%;padding-bottom:0}.App .App-body div#portafolio-section div.container-fluid div.card div.card-body div.card .card-body .row div .card div iframe{height:500px;width:100%}.App .App-body div#portafolio-section div.container-fluid div.card div.card-body div.card .card-body .row div .card div.card-header{font-family:monospace;font-size:15px;font-style:normal}.App .App-body div#portafolio-section div.container-fluid div.card div.card-body div.card .card-body .row div .card div.card-body{padding-bottom:0}.App .App-body div#portafolio-section div.container-fluid div.card div.card-body div.card .card-body .row div .card div.card-body .card-text{font-size:13px}.App .App-body div#portafolio-section div.container-fluid div.card div.card-body div.card .card-body .row div .card div.card-footer{background:none;border:none}.App .App-body div#portafolio-section div.container-fluid div.card div.card-body div.card .card-body .row div .card div.card-footer a{margin:1px}.App .App-body div#experience-section div.container-fluid{padding:0!important}.App .App-body div#experience-section div.container-fluid div.card{border:thick}.App .App-body div#experience-section div.container-fluid div.card div.card-header{background:#0996af}.App .App-body div#experience-section div.container-fluid div.card div.card-body .row div .card{height:100%}.App .App-body div#experience-section div.container-fluid div.card div.card-body .row div .card .card-image img.card-img-top{height:150px;object-fit:contain;width:100%}.App .App-body div#experience-section div.container-fluid div.card div.card-body .row div .card .card-footer{background-color:initial;border-top:initial;color:inherit;padding:initial}.App .App-body div#experience-section div.container-fluid div.card div.card-body .row div .modal .modal-dialog .modal-content .modal-body img.img-thumbnail{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.App .App-body div#experience-section div.container-fluid div.card div.card-body .row div .modal .modal-dialog .modal-content .modal-body img.img-thumbnail:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.App .App-body div#experience-section div.container-fluid div.card div.card-body .row .experiencie-bottom{margin-bottom:10px}.App .App-body div#language-section .container-fluid .card .card-header{background-color:#000}.App .App-body div#language-section .container-fluid .card .card-body{padding:initial}.App .App-body div#language-section .container-fluid .card .card-body div.container div.row{display:inline-flex;justify-content:center;margin:0;width:auto!important}.App .App-body div#language-section .container-fluid .card .card-body div.container div.row div.flip-card{background-color:initial;border-radius:10px;height:170px;margin:15px;-webkit-perspective:1000px;perspective:1000px;position:relative;width:170px}.App .App-body div#language-section .container-fluid .card .card-body div.container div.row div.flip-card div.flip-card-inner{box-shadow:0 2px 10px rgba(0,0,0,.1);color:#000;height:100%;position:relative;text-align:center;text-decoration:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:150px}.App .App-body div#language-section .container-fluid .card .card-body div.container div.row div.flip-card div.flip-card-inner div.flip-card-front{align-items:center;display:flex;justify-content:center;z-index:2}.App .App-body div#language-section .container-fluid .card .card-body div.container div.row div.flip-card div.flip-card-inner div.flip-card-front div.card{align-items:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s}.App .App-body div#language-section .container-fluid .card .card-body div.container div.row div.flip-card div.flip-card-inner div.flip-card-front div.card img{height:6rem;width:100px}.App .App-body div#language-section .container-fluid .card .card-body div.container div.row div.flip-card div.flip-card-inner div.flip-card-front div.card:hover{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.App .App-body div#language-section .container-fluid .card .card-body div.container div.row div.flip-card div.flip-card-inner div.flip-card-back{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);z-index:3}.App .App-body div#language-section .container-fluid .card .card-body div.container div.row div.flip-card div.flip-card-inner div.flip-card-back .circular-progress{align-items:center;background:conic-gradient(#7d2ae8 3.6deg,#ededed 4deg);border-radius:50%;display:flex;height:90px;justify-content:center;position:relative;width:90px}.App .App-body div#language-section .container-fluid .card .card-body div.container div.row div.flip-card div.flip-card-inner div.flip-card-back .circular-progress .progress-value{color:#7d2ae8;font-size:20px;font-weight:600;position:relative}.App .App-body div#language-section .container-fluid .card .card-body div.container div.row div.flip-card div.flip-card-inner div.flip-card-back .circular-progress:before{background-color:#fff;border-radius:50%;content:"";height:65px;position:absolute;width:65px}.App .App-body div#language-section .container-fluid .card .card-body div.container div.row div.flip-card div.flip-card-inner div.flip-card-back .text{color:#606060;font-size:15px;font-weight:500}.App .App-body div#language-section .container-fluid .card .card-body div.container div.row div.flip-card .flip-card-back,.App .App-body div#language-section .container-fluid .card .card-body div.container div.row div.flip-card .flip-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;height:100%;position:fixed;width:100%}.App .App-body div#language-section .container-fluid .card .card-body div.container div.row .flip-card:hover .flip-card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.App .App-body div#contact-section .container-fluid .card{height:100vh}.App .App-body div#contact-section .container-fluid .card .card-body{align-items:center;background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/static/media/mountains.86fe5becd2a065c073f3.png) no-repeat 50% fixed;background-size:cover;display:flex;padding:0}.App .App-body div#contact-section .container-fluid .card .card-body div.row{height:auto;margin:0!important}.App .App-body div#contact-section .container-fluid .card .card-body div.row div{z-index:4}.App .App-body div#contact-section .container-fluid .card .card-body div.row div div.card{background:none;border:thick;height:100%}.App .App-body div#contact-section .container-fluid .card .card-body div.row div div.card div.card-header{background:none;border:0;border-radius:0;color:#fff;font-family:fantasy;height:auto;margin-bottom:10px;width:auto}.App .App-body div#contact-section .container-fluid .card .card-body div.row div div.card div.card-header h1{margin:0}.App .App-body div#contact-section .container-fluid .card .card-body div.row div div.card div.card-body{background:none;border:0;height:auto;text-align:left}.App .App-body div#contact-section .container-fluid .card .card-body div.row div div.card div.card-body form{width:100%}.App .App-body div#contact-section .container-fluid .card .card-body div.row div div.card div.card-footer{height:auto;padding-left:0;padding-right:0}.App .App-body div#contact-section .container-fluid .card .card-body div.row div div.card div.card-footer .fanpage .btn-group{padding:0}.App .App-body div#contact-section .container-fluid .card .card-body div.row div.loadingInit-container .container-fluid .row{place-content:center}@media screen and (max-width:1200px){.App .App-body .inner-container{padding:80px!important}}@media screen and (max-width:1000px){.App .App-body .about-section{background-size:100%!important}.App .App-body .inner-container{width:100%!important}}@media screen and (max-width:600px){.App .App-body .inner-container{padding:40px!important}.App .App-body .about-section{margin:0!important}}.App .App-footer .scroll-to-top-button{align-items:center;background-color:#007bff;border:none;border-radius:50%;bottom:30px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:fixed;right:30px;transition:opacity .3s ease;width:40px}.App .App-footer .scroll-to-top-button:hover{opacity:.8}div.container-fluid{padding:0!important}div.container-fluid div.card{border:thick}div.container-fluid div.card div.card-header{background-color:#0e1c3b;border-radius:0;color:#fff;font-family:fantasy}div.container-fluid div.card div.card-header h1{margin:0}div.container-fluid div.card div.card-body{padding-right:0}.img-thumbnail{width:auto}#root{width:100vw}.loadingInit-container{background-color:#fff;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loadingInit-container .container-fluid{position:relative;text-align:-webkit-center;top:30%}.loadingInit-container .container-fluid .row .loading-spinner{-webkit-animation:spinner 1.5s linear infinite;animation:spinner 1.5s linear infinite;border:10px solid #f3f3f3;border-radius:50%;border-top-color:#383636;height:50px;width:50px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-container{background-color:#fff;left:0;text-align:-webkit-center;z-index:1}.loading-container .loading-spinner{-webkit-animation:spinner 1.5s linear infinite;animation:spinner 1.5s linear infinite;border:10px solid #f3f3f3;border-radius:50%;border-top-color:#383636;height:50px;width:50px}.component{padding:0!important}.contactComponent .form-floating>.form-control,.contactComponent .form-floating>.form-control-plaintext,.contactComponent .form-floating>.form-select{height:auto}
/*# sourceMappingURL=main.f145552a.css.map*/