@import url(https://fonts.googleapis.com/css2?family=Gothic+A1&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#2b2b2b;padding:0;margin:0;display:flex;justify-content:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{font-family:"Gothic A1",sans-serif;box-sizing:border-box}.yellow{color:#ffc66d}.white{color:#fff}.thic{letter-spacing:3px}.error{margin-top:-20px;color:red}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.big-container{width:100vw;height:100vh;overflow:scroll;overflow-x:hidden;opacity:0;display:flex;justify-content:center}.bottom-shadow,.top-shadow{width:100%;position:fixed;height:20px;z-index:50}.top-shadow{background-image:linear-gradient(0deg,rgba(255,0,0,0),rgba(30,30,30,.6))}.bottom-shadow{bottom:0;background-image:linear-gradient(180deg,rgba(255,0,0,0),rgba(30,30,30,.6))}.mid-contaier{position:relative;display:flex;flex-direction:row;justify-content:space-between;max-width:1400px;width:100vw}.section-container{display:flex;flex-direction:column;padding:90px 50px 0}.left-container{pointer-events:none;height:100vh;position:fixed;padding-right:0;align-items:flex-start;justify-content:space-between}.right-container{max-width:836px;position:absolute;right:0;padding-left:0;align-items:flex-end}.intro .title{-webkit-transform-origin-x:0;transform:scale(1.23,1.1);display:flex;font-size:3em;font-weight:700;color:#a9b7c5;margin-bottom:3px}.intro .subtitle{font-size:.9em}.intro .i-text{margin-top:5px;white-space:pre-wrap;color:#a9b7c5;font-size:1.75em;max-width:380px}.menu{margin-top:50px;margin-bottom:50px}.option{pointer-events:all;cursor:pointer;display:flex;color:#a9b7c5;margin-top:10px;align-items:center}.opt-separator,.option{transition:all .2s ease-in-out}.opt-separator{width:100px;height:1px;background-color:#a9b7c5;margin-left:5px;margin-right:5px}.footer-path{padding-bottom:50px;display:flex}.footer-path>.photo{overflow:hidden;border-radius:50%;width:55px;height:55px;border:4px solid #ffc66d}.footer-path>.photo>img{width:50px}.social{pointer-events:all;margin-left:10px}.s-network,.social{display:flex;align-items:center}.s-network{background-color:#232325;padding:10px;color:#fff;cursor:pointer}.s-network:hover{background-color:#111}.s-n-ico{text-align:center;font-size:.8em;margin:10px}.uncutable{overflow:hidden}.sec-title{margin-bottom:20px;display:none}.section-space{margin-bottom:30px}.selected{color:#fff;font-size:2em}.selected .opt-separator{height:2px;background-color:#fff}a{text-decoration:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#2b2b2b}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:1300px){.section-container{padding:20px 20px 0}}@media (max-width:1150px){.sec-title{display:block}.mid-contaier{flex-direction:column}.section-container{width:100%!important}.left-container,.right-container{position:relative}.right-container{max-width:-webkit-max-content;max-width:max-content}.intro{margin-bottom:40px}.intro .i-text-container{display:flex;flex-wrap:wrap}.menu{display:none}}@media (max-width:600px){.intro .title{margin-top:15px;font-size:3em;margin-bottom:10px}.intro{display:flex;width:100%}.intro,.intro .i-text-container{flex-direction:column;align-items:center}.intro .i-text{font-size:1.2em}.right-container{padding-top:0}.top-path{width:100%}.s-network{padding:2px}.footer-path,.social{width:100%}.social{margin:0}.s-network{width:100%}.footer-path .photo{display:none}}.card{background-color:#232325;padding:2px;margin-bottom:10px;min-width:400px;width:90%;z-index:2}.card:hover{background-color:#202022}@media (min-width:1300px){.card{min-width:600px;width:90%}}@media (max-width:1150px){.card{min-width:300px;width:100%}}.p-section{width:100%;overflow:visible;display:flex;flex-direction:column;align-items:flex-end}.project-structure{transition:all .2s ease-in-out;display:flex;justify-content:space-between;width:100%;cursor:pointer}.left{flex-direction:column}.left,.right{padding:20px;display:flex;justify-content:center}.right{transition:all .2s ease-in-out;align-items:center;position:relative}.p-langs{font-size:.8em;letter-spacing:3px}.p-title{margin-top:5px;margin-bottom:5px;font-size:2em;font-weight:600;color:#fff}.p-desc{font-size:.8em;color:#949495}.img{transition:all .2s ease-in-out;width:120px;height:120px;background-repeat:no-repeat;background-size:cover;background-position:50%;filter:grayscale(100%)}.frame{opacity:.3;filter:grayscale(0);position:absolute}.project-structure:hover .img{width:150px;height:150px;filter:grayscale(0)}.project-structure:hover .frame{opacity:0}.project-structure:hover .right{padding:5px}.more-btn{border:2px solid #ffc66d;padding:10px;font-size:1.2rem;cursor:pointer;color:#ffc66d}@media (max-width:1150px){.p-section{align-items:center}}@media (max-width:600px){.p-title{font-size:1.5em}.right{display:none}}.e-section{width:100%;overflow:visible;display:flex;flex-direction:column;align-items:flex-end}.expcard{margin-bottom:20px}.experience-structure{width:100%;padding:20px}.experience-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid hsla(0,0%,100%,.1)}.experience-header-left{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.company-name{font-size:1.8em;font-weight:600;letter-spacing:2px}.company-duration{font-size:.85em;color:#949495;letter-spacing:.5px}.experience-header-right{position:relative;display:flex;justify-content:center;align-items:center}.company-logo{transition:all .3s ease-in-out;width:100px;height:100px;background-repeat:no-repeat;background-size:cover;background-position:50%;filter:grayscale(100%);border-radius:8px}.company-logo.frame{opacity:.3;filter:grayscale(0);position:absolute;border-radius:8px}.experience-structure:hover .company-logo{filter:grayscale(0)}.experience-structure:hover .company-logo.frame{opacity:0}.projects-container{display:flex;flex-direction:column;grid-gap:15px;gap:15px}.project-item{background:hsla(0,0%,100%,.02);border-radius:8px;overflow:hidden;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.05)}.project-item:hover{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1)}.project-item.expanded{background:hsla(0,0%,100%,.05)}.project-header{padding:15px;cursor:pointer;-webkit-user-select:none;user-select:none}.project-header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.project-client-info{display:flex;align-items:center;grid-gap:15px;gap:15px;flex:1 1}.client-logo-small{width:50px;height:50px;background-repeat:no-repeat;background-size:cover;background-position:50%;border-radius:6px;filter:grayscale(100%);transition:all .2s ease}.project-item:hover .client-logo-small{filter:grayscale(0)}.project-title-info{display:flex;flex-direction:column;grid-gap:5px;gap:5px}.project-name{font-size:1.2em;font-weight:600;color:#fff}.project-client-name{font-size:.8em;color:#949495}.expand-icon{font-size:1.5em;color:#949495;transition:transform .3s ease;font-weight:300;line-height:1;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.project-item.expanded .expand-icon{transform:rotate(0deg)}.project-details{padding:0 15px 15px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.project-participation{font-size:.9em;color:#c9c9ca;line-height:1.6;margin-bottom:15px;padding-left:65px}.project-technologies{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px;margin-bottom:15px;padding-left:65px}.tech-tag{padding:5px 12px;border:1px solid;border-radius:4px;font-size:.75em;letter-spacing:.5px;background:hsla(0,0%,100%,.02);transition:all .2s ease}.tech-tag:hover{background:hsla(0,0%,100%,.05);transform:translateY(-2px)}.project-link{display:inline-block;font-size:.9em;text-decoration:none;font-weight:500;margin-left:65px;transition:all .2s ease}.project-link:hover{transform:translateX(5px)}@media (max-width:1150px){.e-section{align-items:center}}@media (max-width:768px){.experience-header{flex-direction:column;align-items:flex-start;grid-gap:15px;gap:15px}.experience-header-right{align-self:flex-end}.company-logo{width:80px;height:80px}.company-name{font-size:1.4em}.project-client-info{grid-gap:10px;gap:10px}.client-logo-small{width:40px;height:40px}.project-link,.project-participation,.project-technologies{padding-left:0}.project-name{font-size:1em}}@media (max-width:600px){.experience-structure{padding:15px}.experience-header-right{display:none}.company-name{font-size:1.2em}}.a-section{width:100%;overflow:visible;display:flex;flex-direction:column;align-items:flex-end}.a-title{letter-spacing:3px;font-size:.9em;color:#ffc56c}.a-desc{font-size:1em;text-align:left;color:#fff}.about-structure{padding:20px}.a-photo{width:100%;margin:20px 0}.a-photo>img{transition:all .2s ease-in-out;filter:grayscale(100%);width:100%}.a-section:hover img{filter:grayscale(0)}.a-desc{margin:10px 0}.a-techs{display:grid;grid-template-columns:1fr 1fr}.a-tech{color:#fff}@media (max-width:1150px){.a-section{align-items:center}}@media (max-width:600px){.a-desc{font-size:.8em}}.c-section{width:100%;overflow:visible;align-items:flex-end}.c-section,.contact-structure{display:flex;flex-direction:column}.contact-structure{position:relative;overflow:hidden;padding:20px;color:#fff}.sending-loader{position:absolute;left:0;top:0;letter-spacing:3px;font-size:1.5em;background-color:rgba(43,43,43,.9);width:100%;height:100%;display:flex;flex-direction:column;padding-top:20px;justify-content:flex-start;align-items:center}.sent{display:flex;justify-content:center;margin-top:10px;padding:10px;background-color:#558651}.margin5{margin-bottom:10px}.margin10{margin-bottom:25px}.c-title{letter-spacing:3px;font-size:.9em}.custom-input{background-color:#a9b7c6;padding:5px;border:none;font-weight:700}.custom-button{align-self:flex-end;color:#ffc56c;border:none;background-color:#2b2b2b;cursor:pointer;padding:15px;width:150px}@media (max-width:1150px){.c-section{align-items:center}}@media (max-width:600px){.c-text{font-size:.8em}}.spinner{margin:100px auto;width:40px;height:40px;position:relative}.cube1,.cube2{background-color:#fff;width:15px;height:15px;position:absolute;top:0;left:0;animation:sk-cubemove 1.8s ease-in-out infinite}.cube2{animation-delay:-.9s}@keyframes sk-cubemove{25%{transform:translateX(42px) rotate(-90deg) scale(.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)}50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}to{transform:rotate(-1turn);-webkit-transform:rotate(-1turn)}}.shp1{fill:transparent;stroke-dasharray:140 540;stroke-dashoffset:-300;stroke-width:100px;stroke:#19f6e8}.container{z-index:70;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;transition:all .2s ease-in-out;flex-direction:column}@keyframes draw{0%{stroke-dasharray:140 540;stroke-dashoffset:-400}to{stroke-dasharray:760;stroke-dashoffset:0}}@keyframes draw2{0%{opacity:0}90%{opacity:0}to{opacity:1}}@keyframes draw3{0%{stroke:#000}50%{stroke:#000}to{stroke:#ffc66d}}@keyframes draw4{0%{fill:transparent}50%{fill:transparent}to{fill:#ffc66d}}@keyframes increase{0%{transform:scale(1)}30%{transform:scale(1)}to{transform:scale(1.1)}}.loading-text{animation:draw2 6s linear forwards}.txt{animation:draw 2s linear forwards,draw3 4s linear forwards,draw4 4s linear forwards}.shp1{animation:draw 2s linear forwards,draw3 4s linear forwards}.loader-svg{animation:increase 12s linear forwards}.loaded{opacity:0;pointer-events:none}
/*# sourceMappingURL=main.69eb81a6.chunk.css.map */