@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Rubik:500,700,900&display=swap);.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{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{font-family:Montserrat,sans-serif;font-size:16px;font-weight:400;line-height:1.5}*,body{margin:0}*{outline:none;padding:0;text-decoration:none}*,:after,:before{box-sizing:border-box}.section{background-color:#f2f2fc;bottom:0;display:block;left:270px;min-height:100vh;opacity:1;overflow-x:hidden;overflow-y:auto;padding:0 30px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:0}.section.back-section{z-index:1}.section.active{animation:slideSection 1s ease;opacity:1;z-index:2}@keyframes slideSection{0%{transform:translateX(100%)}to{transform:translateX(0)}}.section .container{padding-bottom:70px;padding-top:60px}.section-title{flex:0 0 100%;margin-bottom:60px;max-width:100%}.section-title h2{color:#302e4d;font-family:Rubik,sans-serif;font-size:40px;font-weight:700;margin:0;position:relative}.section-title h2:before{width:50px}.section-title h2:after,.section-title h2:before{content:"";height:4px;left:0;position:absolute;top:100%}.section-title h2:after{margin-top:-8px;width:25px}.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;position:relative}.padd-15{padding-left:15px;padding-right:15px}.container{margin:auto;max-width:1100px;width:100%}.shadow-dark{box-shadow:0 0 20px #302e4d26}.btn{border:none;border-radius:40px;color:#fff;cursor:pointer;display:inline-block;font-family:Rubik,sans-serif;font-size:16px;font-weight:500;padding:12px 35px;transition:all .3s ease;white-space:nowrap}.btn:hover{transform:scale(1.05)}.hidden{display:none!important}.preloader{align-items:center;background-color:#222;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:all 1s ease;width:100%;z-index:150}.preloader.opacity-0{opacity:0}.preloader .loader{animation:spin 2s linear infinite;border-bottom:4px solid #e3e3e3;border-radius:50%;border-top:4px solid #e3e3e3;border-color:#0000 #e3e3e3;border-style:solid;border-width:4px;height:40px;width:40px}.aside{background-color:#fdf9ff;border-right:1px solid #e8dfec;height:100%;left:0;padding:30px;position:fixed;top:0;transition:all .3s ease;width:270px;z-index:10}.aside .logo{padding:30px 0}.aside .logo a{color:#302e4d;display:inline-block;font-family:Rubik,sans-serif;font-size:32px;font-weight:700;line-height:50px;padding:0 10px;position:relative;text-decoration:none}.aside .nav-toggler{align-items:center;background-color:#fdf9ff;border:1px solid #d4d4e3;border-radius:5px;cursor:pointer;display:none;height:40px;justify-content:center;left:300px;position:fixed;top:20px;transition:all .3s ease;width:45px;z-index:11}.aside .nav-toggler span{display:inline-block;height:2px;position:relative;width:18px}.aside .nav-toggler.open span{background-color:initial}.aside .nav-toggler span:before{content:"";height:2px;left:0;position:absolute;top:-6px;width:18px}.aside .nav-toggler.open span:before{top:0;transform:rotate(45deg)}.aside .nav-toggler span:after{content:"";height:2px;left:0;position:absolute;top:6px;width:18px}.aside .nav-toggler.open span:after{top:0;transform:rotate(-45deg)}.aside .nav{list-style:none;margin:80px 0;padding:0}.aside .nav li{display:block}.aside .nav li a{border-bottom:1px solid #e8dfec;color:#302e4d;display:block;font-size:16px;font-weight:600;line-height:45px;text-decoration:none;text-transform:capitalize;transition:all .3 ease}.aside .nav li a:not(.active):hover{padding-left:5px}.aside .nav li a .fa{margin-right:5px}.aside .copyright-text{color:7d7d7d;font-size:13px}.home{display:flex;min-height:100vh}.home .intro{text-align:center}.home .intro img{border:8px solid #b65293;border-radius:50%;display:inline-block;height:200px;width:200px}.home .intro h1{color:#302e4d;font-family:Rubik,sans-serif;font-size:30px;font-weight:700;margin:20px 0 5px}.home .intro p{color:#504e70;font-size:16px;font-weight:500;line-height:22px;margin:0}.home .intro .social-links{margin-top:25px}.home .intro .social-links a{border-radius:50%;color:#fff;display:inline-block;height:35px;line-height:35px;margin:0 4px;text-align:center;text-decoration:none;transition:all .3s ease;width:35px}.home .intro .social-links a:hover{transform:scale(1.1)}.about .about-content,.about .about-content .about-text{flex:0 0 100%;max-width:100%}.about .about-content .about-text h3{color:#302e4d;font-size:24px;font-weight:700;margin-bottom:15px}.about .about-content .about-text p{color:#504e70;font-size:16px;line-height:25px;margin:auto}.about .about-content .personal-info{flex:0 0 60%;margin-top:40px;max-width:60%}.about .about-content .personal-info .info-item{flex:0 0 50%;max-width:50%}.about .about-content .personal-info .info-item p{border-bottom:1px solid #e8dfec;color:#302e4d;font-size:16px;font-weight:600;margin:0;padding:10px 0}.about .about-content .personal-info .info-item p span{color:#504e50;display:inline-block;font-weight:400;margin-left:4px}.about .about-content .personal-info .buttons{margin-top:30px}.about .about-content .personal-info .buttons .btn{margin-right:15px;margin-top:10px}.about .about-content .skills{flex:0 0 40%;margin-top:40px;max-width:40%}.about .about-content .skills .skill-item{flex:0 0 100%;margin-bottom:30px;max-width:100%}.about .about-content .skills .skill-item h5{color:#302e4d;font-size:16px;font-weight:600;line-height:40px;margin:0;text-transform:capitalize}.about .about-content .skills .skill-item .progress{background-color:#e3e3e3;border-radius:4px;height:8px;position:relative;width:100%}.about .about-content .skills .skill-item .progress .progress-in{border-radius:4px;height:100%;left:0;position:absolute;top:0}.about .about-content .skills .skill-item .skill-percent{color:#302e4d;font-weight:400;line-height:40px;position:absolute;right:0;top:-40px}.about .about-content .certificates,.about .about-content .education{flex:0 0 50%;margin-top:30px;max-width:50%}.about .about-content h3.title{color:#302e4d;font-size:24px;font-weight:700;margin-bottom:50px}.about .about-content .timeline-box{flex:0 0 100%;max-width:100%}.about .about-content .timeline{background-color:#fdf9ff;border:1px solid #d4d4e3;border-radius:10px;padding:30px 15px;position:relative;width:100%}.about .about-content .timeline .timeline-item{padding-bottom:50px;padding-left:37px;position:relative}.about .about-content .timeline .timeline-item:last-child{padding-bottom:0}.about .about-content .timeline .timeline-item:before{content:"";height:100%;left:7px;position:absolute;top:0;width:1px}.about .about-content .timeline .timeline-place{color:#b65293;margin-top:-15px;padding-bottom:15px}.about .about-content .timeline .circle-dot{border-radius:50%;height:15px;left:0;position:absolute;top:0;width:15px}.about .about-content .timeline .timeline-date{color:#504e70;font-size:14px;font-weight:400;margin-bottom:12px}.about .about-content .timeline .timeline-date .fa{margin-right:5px}.about .about-content .timeline .timeline-title{color:#302e4d;font-size:18px;font-weight:700;margin-bottom:15px;text-transform:capitalize}.about .about-content .timeline .timeline-text{color:#504e70;font-size:16px;line-height:25px;margin:0}.certificates-margin{margin-top:50px}.projects .container{padding-bottom:40px}.projects .projects-filter{flex:0 0 100%;margin-bottom:40px;max-width:100%;text-align:center}.projects .projects-filter button{background-color:initial;border:none;border-bottom:2px solid #0000;color:#302e4d;cursor:pointer;font-size:18px;font-weight:700;margin:0 10px;padding-bottom:2px;text-transform:capitalize;transition:all .3s ease;white-space:nowrap}.projects .projects-filter button.active{color:#b65293;font-weight:800}.projects .projects-item{flex:0 0 33.33%;margin-bottom:30px;max-width:33.33%}.projects .projects-item.hide{display:none}.projects .projects-item.show{animation:showItem .5s ease;display:block}@keyframes showItem{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.projects .projects-item-inner{border:6px solid #fdf9ff;border-radius:10px;cursor:pointer;overflow:hidden;position:relative}.projects .projects-item-inner .projects-img img{display:block;width:100%}.projects .projects-item .projects-info{background-color:#000c;height:100%;left:0;opacity:0;padding:30px;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:1}.projects .projects-item-inner:hover .projects-info{opacity:1}.projects .projects-item .projects-info h4{color:#fff;font-size:18px;font-weight:700;opacity:0;text-transform:capitalize;transform:translateX(-20px);transition:all .3s ease}.projects .projects-item-inner:hover .projects-info h4{opacity:1;transform:translateX(0)}.projects .projects-item .projects-info .icon{background-color:#fff;border-radius:50%;bottom:30px;height:40px;opacity:0;position:absolute;right:30px;text-align:center;transform:translateX(20px);transition:all .3s ease;width:40px}.projects .projects-item-inner:hover .projects-info .icon{opacity:1;transform:translateX(0)}.projects .projects-item .projects-info .icon .fa{line-height:40px}#wrapper{margin:50%,auto;max-width:800px;width:100%}#hdrecommendations{padding-top:40px}#hdrecommendations h3{color:#b65293}#hdrecommendations *,#hdrecommendations :after,#hdrecommendations :before{box-sizing:border-box}#hdc_comment_contact{grid-column-gap:20px;display:grid;grid-template-columns:1fr 1fr;margin:20px}.hdc_label{color:grey;display:block;margin-bottom:8px}.hdc_input{border:1px solid #ccc;padding:12px 16px;width:100%}.recommendations .commentSection textarea{border:solid #b65293;border-width:1px 1px 4px;font-size:80%;height:70px;margin-bottom:20px;outline:none;padding:5px;resize:vertical;width:100%}.commentPlace,.commentSection{padding-top:30px}.commentPlace{padding-left:30px}.recommendations .commentSection button{padding-top:15px}.clearfix{clear:both}.lightbox{align-items:center;background-color:#0009;cursor:zoom-out;display:none;height:100%;justify-content:center;left:0;padding:30px;position:fixed;top:0;width:100%;z-index:100}.lightbox.open{display:flex}.lightbox .lightbox-content img{cursor:pointer;display:block;height:auto;max-height:500px;max-width:100%;padding:40px 0 30px;width:auto}.lightbox .lightbox-content{position:relative;transition:all .5s ease}.lightbox.open .lightbox-content{animation:lightboxImage .5s ease}@keyframes lightboxImage{0%{transform:scale(.8)}to{transform:scale(1)}}.lightbox .lightbox-content .lightbox-close{color:#fff;font-size:32px;height:40px;line-height:40px;position:absolute;right:0;text-align:right;top:0;width:40px}.lightbox .lightbox-content .lightbox-caption{bottom:0;color:#fff;display:flex;font-size:16px;font-weight:400;justify-content:space-between;left:0;position:absolute;width:100%}.lightbox .lightbox-controls .next-item,.lightbox .lightbox-controls .prev-item{background-color:#fff;border-radius:50%;cursor:pointer;height:40px;margin-top:-20px;position:absolute;text-align:center;top:50%;transition:all .3s ease;width:40px;z-index:110}.lightbox .lightbox-controls .next-item:hover,.lightbox .lightbox-controls .prev-item:hover{transform:scale(1.1)}.lightbox .lightbox-controls .next-item:active,.lightbox .lightbox-controls .prev-item:active{transform:scale(1)}.lightbox .lightbox-controls .prev-item{left:30px}.lightbox .lightbox-controls .next-item{right:30px}.lightbox .lightbox-controls .next-item .fa,.lightbox .lightbox-controls .prev-item .fa{font-size:30px;line-height:40px}@media (max-width:1199px){.aside .nav-toggler{display:flex;left:30px}.aside .nav-toggler.open{left:300px}.aside{left:-270px}.aside.open,.section{left:0}.section .container{padding-top:70px}.section.open{left:270px}.about .about-content .personal-info .info-item p span{display:block;margin-left:0}}@media (max-width:991px){.interests .interests-item,.projects .projects-item{flex:0 0 50%;max-width:50%}}@media (max-width:767px){.about .about-content .certificates,.about .about-content .education,.about .about-content .personal-info,.about .about-content .skills,.interests .interests-item{flex:0 0 100%;max-width:100%}}@media (max-width:575px){.projects .projects-item{flex:0 0 100%;max-width:100%}}.aside .logo a:before{border-left:4px solid #b65293;border-top:4px solid #b65293}.aside .logo a:after{border-bottom:4px solid #b65293;border-right:4px solid #b65293}.about .about-content .about-text h3 span,.aside .nav li a.active,.aside .nav li a:hover,.gallery .gallery-filter button.active,.gallery .gallery-item .gallery-info .icon .fa,.interests .interests-item .interests-item-inner .icon .fa,.lightbox .lightbox-controls .next-item .fa,.lightbox .lightbox-controls .prev-item .fa{color:#b65293}.about .about-content .skills .skill-item .progress .progress-in,.about .about-content .timeline .circle-dot,.about .about-content .timeline .timeline-item:before,.aside .nav-toggler span,.aside .nav-toggler span:after,.aside .nav-toggler span:before,.btn,.home .intro .social-links a,.interests .interests-item .interests-item-inner:hover .icon,.section-title h2:after,.section-title h2:before{background-color:#b65293}.gallery .gallery-filter button.active{border-color:#b65293}.interests .interests-item{display:flex;flex:0 0 33.33%;margin-bottom:30px;max-width:33.33%}.interests .interests-item .interests-item-inner{background-color:#fdf9ff;border:1px solid #d4d4e3;border-radius:10px;padding:30px 15px;text-align:center;transition:all .3s ease}.interests .interests-item .interests-item-inner:hover{box-shadow:0 0 20px #302e4d26}.interests .interests-item .interests-item-inner .icon{border-radius:50%;display:block;height:60px;margin:0 auto 30px;text-align:center;transition:all .3s ease;width:60px}.interests .interests-item .interests-item-inner .icon .fa{font-size:40px;line-height:60px;transition:all .3s ease}.interests .interests-item .interests-item-inner:hover .icon .fa{color:#fff;font-size:25px}.interests .interests-item .interests-item-inner h4{color:#302e4d;font-size:18px;font-weight:700;margin-bottom:15px;text-transform:capitalize}.interests .interests-item .interests-item-inner p{color:#504e70;font-size:16px;line-height:25px;margin:0}.loader{align-items:center;display:flex;height:100vh;justify-content:center}.spinner{animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#b65293;height:120px;width:120px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.c3ffdcb5.css.map*/