@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.avatar__container{background-image:url(/static/media/avatar.466d64109468c79ed559.jpg);background-repeat:no-repeat;background-size:cover;border:2px solid #fff;border-radius:50%;height:10.2rem;margin-top:12rem;width:10.2rem}@media screen and (max-width:1200px){.avatar__container{bottom:10rem;height:2.5rem;position:relative;width:2.5rem}}.info__content{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;margin-top:2rem}.info__content>h3{word-wrap:break-word;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:45px;font-weight:700;line-height:54px}.info__content>p:nth-child(2){word-wrap:break-word;color:#fff;font-family:Open Sans;font-size:25px;font-weight:600;line-height:30px}.info__content>p:nth-child(3){color:#fff;font-size:14px;line-height:21px;text-align:center}.info__btn,.info__content>p:nth-child(3){word-wrap:break-word;font-family:Open Sans;font-weight:400}.info__btn{background-color:#222935;border-radius:5px;color:#f0f8ff;color:#fff;cursor:pointer;font-size:16px;gap:10px;height:40px;line-height:19.2px;padding:10px 20px;width:127px}.info__btn:hover{background-color:#57a00f}*{box-sizing:border-box;margin:0;padding:0}.home{align-items:flex-start;background-color:#8a2be2;background-image:url(/static/media/home-bg.9e119d2fa1b0b6eee39c.jpg);background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;width:100%}@media only screen and (max-width:768px){.avatar{margin-bottom:-10rem;margin-top:20rem}}.app-section_not-found{align-items:center;flex-wrap:wrap;height:auto;justify-content:flex-start;min-height:100vh;width:90%}.app-section_not-found :is(h2,p,a){padding:0 50px}.app-section_not-found a{color:blue;text-decoration:none}.app-section_not-found div{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;min-height:60vh}.box__title{color:#26c17e;font-size:25px;font-weight:700;line-height:30px}.box__content,.box__title{word-wrap:break-word;font-family:Open Sans;margin-top:2.5rem}.box__content{font-size:14px;font-weight:400;line-height:21px}.experience__item{color:#222935;display:flex;justify-content:flex-start;margin-bottom:2rem}.experience__item__date{display:flex;flex-direction:column;justify-content:flex-start;margin-right:5rem}.experience__item__date>h3{color:#222935;font-weight:700}.experience__item__date>h3,.experience__item__date>p{word-wrap:break-word;font-family:Open Sans;font-size:16px;line-height:19.2px}.experience__item__date>p{color:#667081;font-weight:400;margin-bottom:5rem;margin-top:1rem}.experience__item__title{font-size:16px;font-weight:700;line-height:19.2px}.experience__item__content,.experience__item__title{word-wrap:break-word;color:#222935;font-family:Open Sans}.experience__item__content{font-size:14px;font-weight:400;line-height:21px}.experience__info{margin-left:5rem}.edu-content{word-wrap:break-word;color:#222935;font-family:Open Sans;font-size:14px;font-weight:400;line-height:21px}.edu{display:flex;gap:2rem}.edu-date{align-items:center;display:flex;flex-direction:column;justify-content:center}.edu-date>p,.hr{margin-bottom:5rem}.hr{border:.3rem solid #26c17e;border-radius:5px;height:.3rem;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:7rem}.edu-info{background-color:#eee;border:1rem solid #eee;border-radius:.6rem;margin-bottom:2rem;padding:15px;width:100%}.edu-title{word-wrap:break-word;color:#222935;font-family:Open Sans;font-size:16px;font-weight:700;line-height:19.2px}.timeline-container{height:30vh;max-height:80vh;overflow-y:auto}.timeline-events{padding:1.3rem}.timeline-container::-webkit-scrollbar{width:.6rem}.timeline-container::-webkit-scrollbar-track{background:#f1f1f1}.timeline-container::-webkit-scrollbar-thumb{background:#26c17e;border-radius:.5rem}.timeline-container::-webkit-scrollbar-thumb:hover{background:#4caf50}.timeline-loading{align-items:center;color:#26c17e;display:flex;justify-content:space-around;margin-top:8rem}.port{height:100%;max-width:100%;padding:1rem;position:absolute;right:0;top:0}.sidebar.open~.port{width:calc(100% - 200px)}.up-btn{align-items:center;background:#222935;border:none;border-radius:5px;border-radius:10rem;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;margin-bottom:1rem;margin-left:110rem;outline:none;padding:10px 20px;width:3rem;z-index:5}.up-btn:hover{background-color:#26c17e}.port{transition:width .25s ease-in-out;width:100%}.sidebar.open{width:250px}.sidebar.open~.port{width:75%}@media screen and (max-width:1200px){.icon,.toggle-icon{margin-left:2rem}.icon{color:#26c17e;font-size:large}.sidebar.open{width:3rem}.sidebar.open~.port{width:40%}.port{transition:width .25s ease-in-out;width:100%}}.address__title{word-wrap:break-word;color:#26c17e;font-family:Open Sans;font-size:25px;font-weight:700;line-height:30px;margin:2.5rem 0}.address{display:flex;flex-direction:column;gap:2rem}.address__call a,.address__github>span,.address__gitlab>span,.address__linkedin>span,.address__mail a{word-wrap:break-word;color:#222935;font-family:Open Sans;font-size:16px;font-weight:700;line-height:19.2px;margin-left:2rem;text-decoration:none}.address__github a,.address__gitlab a,.address__linkedin a{word-wrap:break-word;color:#667081;font-family:Open Sans;font-size:14px;font-weight:400;line-height:19.2px;margin-left:3.7rem}.feedback__item-comment{background-color:#eee;border:1rem solid #eee;border-radius:.6rem;margin-bottom:2rem;padding:15px}.feedback__item_user{margin-bottom:2rem}.feedback__item_user-pic{border-radius:50%;height:3rem;width:3rem}.feedback__item_user-name{color:#222935;margin-left:3rem}.feedback__item_user-name,.feedback__item_user-site{word-wrap:break-word;font-family:Open Sans;font-size:12px;font-weight:400;line-height:14.4px}.feedback__item_user-site{color:#26c17e}.sidebar{align-items:center;background-color:#222935;border-radius:.5rem;display:flex;flex-direction:column;height:100%;left:-250px;position:fixed;top:0;transition:left .3s ease-in-out;width:250px;z-index:1}.toggle-button{padding:10px;width:100%}ul{display:flex;flex-direction:column;gap:1rem;list-style:none;margin-top:50px;padding:0}li{cursor:pointer;margin-bottom:10px}a{color:#667081;font-size:18px;text-decoration:none}.active,a:hover{color:#26c17e}.sidebar.open{left:0}.toggle-button{border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:16px;left:2.5rem;position:absolute;z-index:-1}.toggle-button,.toggle-button:hover{background:#222935}.avatar{height:8rem;width:8rem}.icon{color:#26c17e;margin-right:2rem}.toggle-icon{margin-left:13rem}.goback{word-wrap:break-word;background-color:#222935;border:none;color:#fff;cursor:pointer;font-family:Open Sans;font-size:14px;font-weight:400;line-height:16.8px;margin-top:10rem;outline:none}.goback:hover{color:#26c17e;transition:.3s ease-in-out}@media screen and (max-width:1200px){.route-list,.text-goback{display:none}.goback{font-size:x-large}.toggle-button{margin-top:5rem}}.skills-app{font-family:Arial,sans-serif;margin-left:1rem;text-align:center}.skills-app-container{gap:2rem}.skills,.skills-app-container{display:flex;flex-direction:column}.skills{margin-top:20px}.skill{align-items:center;display:flex;margin-bottom:10px}.ttl{width:100px}.bar{background-color:#f0f0f0;height:2.5rem;margin-left:10px;width:100%}.fill{background-color:#26c17e;display:flex;font-weight:700;height:100%;padding-left:5px}.fill,.skill-btn{align-items:center;color:#fff}.skill-btn{background:#222935;border:none;border-radius:5px;display:inline-flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;outline:none;padding:10px 20px;width:10rem}.skill-btn:hover{background:#26c17e}.skill-inp{align-items:center;border:1px solid #555;border-radius:5px;display:inline-flex;flex-shrink:0;gap:10px;height:40px;justify-content:center;outline:none;padding:10px 17px;width:20rem}.edit-btn,.skills-scale{display:flex;justify-content:space-between}.skills-scale{align-items:center;border:1px solid #667081;border-top-color:transparent;height:10px;margin-bottom:30px;margin-top:10px;position:relative;width:100%}.skills-scale__name{color:#667081;display:inline-block;font-size:12px;font-weight:400;letter-spacing:0;line-height:14px;margin-bottom:4rem;text-align:left}.skills-scale:after{border-left:1px solid #667081;border-right:1px solid #667081;content:"";height:9px;left:33.3333333333%;position:absolute;top:0;width:33.3333333333%}.skill .skill-btn{display:none}.skill:hover .skill-btn{display:inline-block}.error-message{color:red;display:flex;margin-top:-1.5rem}@media screen and (max-width:1200px){.skills-app{margin-top:2rem}}.tabs{display:flex;flex-direction:row;font-size:16px;font-weight:400;letter-spacing:0;line-height:19px;text-align:left}.tabs .active{color:var(--title-text-color)}.tabs li{color:#222935;cursor:pointer;display:inline-block;margin:0 5px 0 0;position:relative;text-transform:capitalize}.tabs li:not(:first-child){padding:0 0 0 10px}.tabs li:not(:first-child):after{content:"/";left:0;position:absolute;top:0}.filter-container{display:inline-flex;flex-direction:row;flex-wrap:wrap;gap:10px}.filter-container .filter-item{background-size:cover;height:190px;overflow:hidden;position:relative;width:308px}.filter-container .filter-item .portfolio-info{left:0;position:absolute;top:100%;transition:all .5s ease 0s}.filter-container .filter-item:hover .portfolio-info{top:0;transition:all .5s ease 0s}@media screen and (max-width:600px){.filter-container{width:100%}.filter-container .filter-item{background-position:50%;background-size:100% 100%;height:156px;max-width:254px;width:100%}}.title{word-wrap:break-word;color:#26c17e;font-family:Open Sans;font-size:25px;font-weight:700;line-height:30px;margin:2.5rem 0}.portfolio-info{background:hsla(0,0%,100%,.95);border:1px solid #ddd;gap:10px;height:190px;padding:20px 15px;width:308px}.portfolio-info h2{color:var(--title-text-color);font-size:16px;font-weight:700;letter-spacing:0;line-height:19px;text-align:left}.portfolio-info p{color:#222935;line-height:21px}.portfolio-info a,.portfolio-info p{font-size:14px;font-weight:400;letter-spacing:0;text-align:left}.portfolio-info a{color:var(--title-text-color);line-height:17px}@media screen and (max-width:600px){.portfolio-info{height:156px;max-width:254px;padding:1px 10px;width:100%}}
/*# sourceMappingURL=main.8d3c2d0e.css.map*/