@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;700&display=swap);*{margin:0;padding:0}@keyframes FadeIn{0%{opacity:0}to{opacity:1}}body{animation:FadeIn 2.5s}::selection{color:#fff;border-radius:5px;background-color:#23c6ec}::-webkit-scrollbar{width:0}.header{position:-webkit-sticky;position:sticky;height:80px;background-color:#fff;display:flex}.header-logo{padding-left:70px}.header-logo,.header-navbar{height:80px;display:flex;align-items:center}.header-navbar{width:87%;padding-right:80px;justify-content:flex-end;font-family:"Roboto",sans-serif;font-size:.85rem;font-weight:700;color:#8a8a8a;text-align:left}.header-navbar p{padding:5px 30px 5px 0;transition:.5s}.header-navbar hr{position:absolute;width:0;margin-top:22px;margin-right:0;background-color:#fff;border:1px solid #fff;transition:.5s}.header-navbar :hover>hr{background-color:#1cc1e8;border:1px solid #1cc1e8;width:40px}.header-navbar :hover{cursor:pointer;color:#000}.header-navbar i{color:#1cc1e8}.header-navbar i:hover{color:#1cc1e8;cursor:default}.header-nav-selected hr{background-color:#1cc1e8;border:1px solid #1cc1e8;width:20px}.header-nav-selected p{color:#000}.left-navbar{position:-webkit-sticky;position:sticky;height:100%;width:80px;background-color:#fff;display:flex;align-items:center}.left-nav-container{flex-wrap:wrap;height:50%}.left-nav-container,.nav-items{display:flex;align-items:center;justify-content:space-around}.nav-items{width:40px;height:40px}.circle{width:8px;height:8px;border-radius:50%;border:5px solid #e6e6e6;transition:.3s}.circle:hover{cursor:pointer}.circle:hover,.left-nav-selected{border:2px solid #23c6ec;width:17px;height:17px}.left-nav-selected :hover{cursor:default}.tooltip{position:absolute;margin-left:105px;padding:10px;background-color:tomato;z-index:100}.intro{background:linear-gradient(90deg,#f8f8f8,#fcfcfc,#f8f8f8);height:700px;display:flex}.intro h1{padding:25px}.introduce{width:50%;height:100%;display:flex;justify-content:flex-end;align-items:center;font-family:"Roboto",sans-serif}.introduce div{width:70%}.introduce div p:first-child{font-size:35px;font-weight:700;color:#222f3e}.introduce div p:nth-child(2){font-size:60px;font-weight:700;margin-top:15px;color:#222f3e}.introduce div p:nth-child(3){font-size:25px;font-weight:100;margin-top:20px;color:grey}.introduce div p:nth-child(4){font-size:18px;font-weight:100;margin-top:7px;color:grey}.introduce div p:nth-child(5){font-size:16px;font-weight:100;margin-top:7px;color:grey}.introduce div .link-portfolio p{font-size:17px;font-weight:100;margin-top:100px;color:grey;transition:.2s}.introduce div .link-portfolio p i{margin:0 0 0 5px}.introduce div .link-portfolio p:hover{color:#00bbe6;cursor:pointer}.photo-container{width:50%;height:100%;display:flex;justify-content:flex-start;align-items:center;font-family:"Roboto",sans-serif}.photo-container div{margin-left:15%}.photo-container div img{width:350px;height:350px;border-radius:40%}.about-container{background-image:url(/static/media/12.36511d37.jpg);height:500px;font-family:"Roboto",sans-serif;display:flex;align-items:flex-end;color:#fff}.about-container h1{padding:25px}.about-left-side{width:30%;height:74%;display:flex;align-items:flex-start;justify-content:center;font-size:22px;font-weight:700}.about-right-side{width:60%;height:74%;font-size:17px;font-weight:100}.about-right-side p{line-height:30px}.skills-container{font-family:"Roboto",sans-serif;background-repeat:no-repeat;background-size:contain}.skills-container h1{padding:25px}.skills-title-1{padding-top:60px;padding-bottom:10px;color:#222f3e}.skills-title-1,.skills-title-2{width:30%;height:90%;font-family:"Roboto",sans-serif;text-align:center;font-size:22px;font-weight:700}.skills-title-2{padding-top:45px}.technical-container{width:100%;font-family:"Roboto",sans-serif;text-align:center;font-size:22px;font-weight:700}.skills-tools{font-family:"Roboto",sans-serif;font-size:20px;padding-top:40px;color:#222f3e}.skills-tools,.technical{text-align:center;background-color:#f9f9f9;display:grid;grid-template-columns:auto auto auto auto}.technical{padding-top:30px;margin-bottom:10px}.technical-list-FE a{height:150px;font-size:5rem;display:flex;justify-content:center;align-items:center;border-radius:3px;background-color:#f9f9f9;transition:.2s}.technical-list-FE a:hover{transform:scale(1.08);cursor:pointer}.technical-list-FE a:first-child{color:#f7b731;text-decoration:none}.technical-list-FE a:nth-child(2){color:#ee5a24;text-decoration:none}.technical-list-FE a:nth-child(3){color:#1e90ff;text-decoration:none}.technical-list-FE a:nth-child(4){color:#e84393;text-decoration:none}.technical-list-FE a:nth-child(5){color:#25ccf7;text-decoration:none}.technical-list-FE a:nth-child(6) img,.technical-list-FE a:nth-child(7) img{width:110px;height:100px}.technical-list-BE a{height:150px;font-size:5rem;display:flex;justify-content:center;align-items:center;border-radius:3px;background-color:#f9f9f9;transition:.2s}.technical-list-BE a:hover{transform:scale(1.08);cursor:pointer}.technical-list-BE a:first-child img{width:110px;height:100px}.technical-list-BE a:nth-child(2){color:#222f3e;font-size:22px}.technical-list-BE a:nth-child(2) i{color:#f7b731;text-decoration:none}.technical-list-BE a:nth-child(3) p{color:#682209;font-size:22px}.technical-list-BE a:nth-child(4){color:#1e90ff;text-decoration:none}.technical-list-DB a{height:150px;font-size:5rem;display:flex;justify-content:center;align-items:center;border-radius:3px;background-color:#f9f9f9;transition:.2s}.technical-list-DB a:hover{transform:scale(1.08);cursor:pointer}.technical-list-DB a:first-child img,.technical-list-DB a:nth-child(2) img{width:110px;height:100px}.technical-list-T a{height:150px;font-size:5rem;display:flex;justify-content:center;align-items:center;border-radius:3px;background-color:#f9f9f9;transition:.2s}.technical-list-T a:hover{transform:scale(1.08);cursor:pointer}.technical-list-T a:first-child img{width:80px;height:70px}.technical-list-T a:nth-child(2){color:#6b7279;text-decoration:none}.technical-list-T a:nth-child(3) img{width:80px;height:70px}.technical-list-T a:nth-child(4) img{width:90px;height:80px}.non-technical{height:780px;background-image:url(/static/media/team-work.38b43bae.jpg);background-size:cover;color:#fff}.filter{background-color:rgba(0,0,0,.5);width:100%;height:100%;display:flex}.non-technical-skill{width:60%;color:#fff;font-family:"Roboto",sans-serif;font-weight:100;padding-top:50px;line-height:22px}.non-technical-skill p{margin-left:110px}.education{background:linear-gradient(90deg,#f8f8f8,#fcfcfc,#f8f8f8);text-align:center;font-family:"Roboto",sans-serif;padding-top:50px}.education h1{padding:25px;font-size:22px;font-weight:700;letter-spacing:1px;margin-bottom:50px}.education-container{font-size:16px;display:flex;justify-content:center;align-items:center}.part-four,.part-one,.part-tree,.part-two{width:25%;height:300px;border-top:1px solid #25ccf7;margin-top:20px;line-height:25px}.circle-date-five,.circle-date-four,.circle-date-one,.circle-date-tree,.circle-date-two{margin:-280px 5px 0;width:20px;height:20px;border-radius:50%;border:2px solid #25ccf7}.circle-date-five:before,.circle-date-four:before,.circle-date-one:before,.circle-date-tree:before,.circle-date-two:before{position:absolute;margin-top:-30px;margin-left:-19px;font-weight:700;letter-spacing:1px}.circle-date-one:before{content:"2007"}.circle-date-two:before{content:"2009 - 2012";margin-left:-48px}.circle-date-tree:before{margin-left:-48px;content:"2012 - 2014"}.circle-date-four:before{margin-left:-48px;content:"2014 - 2019"}.circle-date-five:before{content:"2020"}.cap{font-size:30px;margin-top:15px}.experience{background:linear-gradient(90deg,#136a8a,#267871);text-align:center;font-family:"Roboto",sans-serif}.experience h1{padding:75px;font-size:25px;color:#fff}.experience-container{font-size:16px;display:flex;justify-content:center;align-items:center;color:#fff;width:90%;padding-left:5%}.ex-part-five,.ex-part-four,.ex-part-one,.ex-part-tree,.ex-part-two{width:20%;height:300px;border-top:1px solid #25ccf7;margin-top:20px;line-height:25px}.ex-circle-date-five,.ex-circle-date-four,.ex-circle-date-one,.ex-circle-date-six,.ex-circle-date-tree,.ex-circle-date-two{margin:-280px 5px 0;width:20px;height:20px;border-radius:50%;border:2px solid #25ccf7}.ex-circle-date-five:before,.ex-circle-date-four:before,.ex-circle-date-one:before,.ex-circle-date-six:before,.ex-circle-date-tree:before,.ex-circle-date-two:before{position:absolute;margin-top:-30px;margin-left:-19px;font-weight:700;letter-spacing:1px}.ex-circle-date-one:before{content:"2011"}.ex-circle-date-two:before{content:"2014 - 2014";margin-left:-48px}.ex-circle-date-tree:before{content:"2016 - 2018";margin-left:-48px}.ex-circle-date-four:before{content:"2018 - 2018";margin-left:-48px}.ex-circle-date-five:before{content:"2020 - 2019";margin-left:-48px}.ex-circle-date-six:before{content:"now "}.ex-cap{font-size:30px;margin-top:15px}.projects{background:linear-gradient(90deg,#f8f8f8,#fcfcfc,#f8f8f8);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-bottom:40px;font-family:"Roboto",sans-serif;text-align:center}.projects h1{padding:50px;font-size:28px}.project-container{text-align:center;display:grid;grid-template-columns:auto auto auto auto;grid-row-gap:50px;row-gap:50px;grid-column-gap:50px;-webkit-column-gap:50px;column-gap:50px;align-content:space-around;justify-content:center}.project-container .project-card{width:220px;height:150px;background-color:#f0f0f0;padding:10px;border-radius:4px;transition:.2s}.project-container .project-card:hover{transform:scale(1.05)}.project-container .project-card:hover>.hover-link{display:block}.project-container img{width:220px;height:150px;border-radius:4px;z-index:1}.hover-link{position:absolute;display:none;margin:-1px 0 0 -1px;padding:5px;width:220px;height:150px;background-color:#f0f0f0;transition:.2s}.hover-link div:first-child{font-weight:700}.hover-link div:first-child,.hover-link div:nth-child(2){display:flex;justify-content:center;align-items:center;width:100%;height:50%}.hover-link div:nth-child(2) a{text-decoration:none}.hover-link div:nth-child(2) i{width:70px;height:40px;margin:5px;font-size:20px;display:flex;align-items:center;justify-content:center;transition:.2s;color:#1b9cfc}.hover-link div:nth-child(2) i:hover{transform:scale(1.2);cursor:pointer}@media only screen and (max-width:900px){.project-container{grid-template-columns:auto auto}}.contact{background-image:url(/static/media/contact.3b681190.jpg);height:60%;font-family:"Roboto",sans-serif;background-size:cover;color:#fff}.contact h1{padding:25px}.contact-form{width:100%;height:100%;background-color:rgba(0,0,0,.4);display:flex}.contact-form div:first-child{width:30%;margin-top:100px;font-size:14px}.contact-form div:first-child,.contact-form div:nth-child(2){height:70%;display:flex;justify-content:center;font-weight:700}.contact-form div:nth-child(2){width:60%;margin-top:110px;font-size:16px;flex-wrap:wrap}.contact-form div:nth-child(2) input{width:40%;margin:5px;height:50px;text-indent:20px;background-color:transparent;border:none;border-bottom:1px solid #fff;color:#fff;font-size:16px;outline:none}.contact-form div:nth-child(2) input[type=submit]{background-color:#1b9cfc;border:none;transition:.2s;border-radius:3px}.contact-form div:nth-child(2) input[type=submit]:hover{background-color:#46afff;border:none;cursor:pointer}.contact-form div:nth-child(2) textarea{padding-left:20px;font-size:16px;width:80%;height:200px;background-color:transparent;color:#fff;border:none;border-bottom:1px solid #fff;resize:none;outline:none}::-webkit-input-placeholder{color:#f5f5f5}:-ms-input-placeholder{color:#f5f5f5}::placeholder{color:#f5f5f5}.body{width:100%;overflow:auto;z-index:0}.body,.right-pannel{position:-webkit-sticky;position:sticky;height:100%}.right-pannel{width:80px;background-color:#fff}.footer{position:-webkit-sticky;position:sticky;height:80px;background-color:#fff;display:flex;font-size:18px;align-items:center;justify-content:space-between;font-family:"Roboto",sans-serif}.footer div:first-child{color:#8a8a8a;margin-left:80px;font-size:12px}.links-container{height:80px;display:flex;font-size:18px;justify-content:flex-end;align-items:center}.links-container a:first-child{color:#1b9cfc}.links-container a:nth-child(2){color:#596275}.links-container a:nth-child(3){color:#25ccf7}.links-container a:nth-child(4){color:#f4155c}.links-container a:nth-child(5){color:#ee5a24;margin-right:80px}.links-container i{padding:0 15px;transition:.3s}.links-container i:hover{transform:scale(1.2);cursor:pointer}.App{height:100vh}.main-container{height:calc(100vh - 160px);display:flex}
/*# sourceMappingURL=main.53822a37.chunk.css.map */