body,ul{margin:0}.center,header nav,section.about .profilePic,section.education .dataset .item,section.home,section.services .dataset .item,section .title{text-align:center}.opacity0{opacity:0}ul{padding:0;list-style:none}img{width:100%}a{text-decoration:none;outline:0}*{-webkit-transition:all .3s ease;transition:all .3s ease}#floatingCirclesG{position:fixed;width:125px;height:125px;left:0;right:0;z-index:999;top:42vh;margin:auto;transform:scale(.6);-o-transform:scale(.6);-ms-transform:scale(.6);-webkit-transform:scale(.6);-moz-transform:scale(.6)}.f_circleG{position:absolute;background-color:hsla(0,0%,100%,.98);height:22px;width:22px;border-radius:12px;-o-border-radius:12px;-ms-border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;animation-name:f_fadeG;-o-animation-name:f_fadeG;-ms-animation-name:f_fadeG;-webkit-animation-name:f_fadeG;-moz-animation-name:f_fadeG;animation-duration:1.2s;-o-animation-duration:1.2s;-ms-animation-duration:1.2s;-webkit-animation-duration:1.2s;-moz-animation-duration:1.2s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal}#frotateG_01{left:0;top:51px;animation-delay:.45s;-o-animation-delay:.45s;-ms-animation-delay:.45s;-webkit-animation-delay:.45s;-moz-animation-delay:.45s}#frotateG_02{left:15px;top:15px;animation-delay:.6s;-o-animation-delay:.6s;-ms-animation-delay:.6s;-webkit-animation-delay:.6s;-moz-animation-delay:.6s}#frotateG_03{left:51px;top:0;animation-delay:.75s;-o-animation-delay:.75s;-ms-animation-delay:.75s;-webkit-animation-delay:.75s;-moz-animation-delay:.75s}#frotateG_04{right:15px;top:15px;animation-delay:.9s;-o-animation-delay:.9s;-ms-animation-delay:.9s;-webkit-animation-delay:.9s;-moz-animation-delay:.9s}#frotateG_05{right:0;top:51px;animation-delay:1.05s;-o-animation-delay:1.05s;-ms-animation-delay:1.05s;-webkit-animation-delay:1.05s;-moz-animation-delay:1.05s}#frotateG_06{right:15px;bottom:15px;animation-delay:1.2s;-o-animation-delay:1.2s;-ms-animation-delay:1.2s;-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s}#frotateG_07{left:51px;bottom:0;animation-delay:1.35s;-o-animation-delay:1.35s;-ms-animation-delay:1.35s;-webkit-animation-delay:1.35s;-moz-animation-delay:1.35s}#frotateG_08{left:15px;bottom:15px;animation-delay:1.5s;-o-animation-delay:1.5s;-ms-animation-delay:1.5s;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s}@keyframes f_fadeG{0%{background-color:#e91e63}to{background-color:#fff}}@-webkit-keyframes f_fadeG{0%{background-color:#e91e63}to{background-color:#fff}}body{font-size:14px;font-family:Roboto,sans-serif}.container-fluid{padding-right:0;padding-left:0}#root,.hide{display:none}section{min-height:100vh;padding:80px 0;overflow-x:hidden;position:relative}section.home{background:url(../../static/media/banner.84451d13.jpg) 50% 50% no-repeat fixed;background-size:cover;color:#fff}section.home div{padding:30px;display:inline-block;background:rgba(0,0,0,.5);position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;width:100%;height:100vh}section.home div h1{text-transform:uppercase;font-size:80px;line-height:90px;font-weight:400;margin:30vh 0 0;padding-bottom:8px}section.home div h3{font-size:34px;text-transform:none;font-weight:300}section .title{margin-bottom:100px}section .title h2{font-size:42px;font-weight:400;text-transform:uppercase}section .title span{font-size:16px}section.about{background:#f2f2f2}section.about .profilePic div{max-width:300px;margin:0 auto}section.about .profilePic img{border-radius:50%}section.skills .skillSecond{padding-left:30px}section.skills .skillFirst{padding-right:30px}section.skills .skillName h4{margin-bottom:30px}section.skills .skillName h4:after{content:"";width:60px;height:2px;background:#d3b600;display:block;margin-top:10px}section.skills .backendSec{margin-top:60px}section.skills ul li{display:block}section.skills ul li p{text-transform:uppercase;font-size:13px;font-weight:500}section.skills ul li .progress{height:8px;margin-bottom:36px;background-color:#e8e8e8;border-radius:0;box-shadow:none;overflow:visible}section.skills ul li .progress .progressBar{line-height:8px;background-color:#9c27b0;box-shadow:none;position:relative;height:8px;width:0;-webkit-transition:all 3s ease-in-out;transition:all 3s ease-in-out}section.skills ul li .progress .ui{background-color:#e91e63}section.skills ul li .progress .backend{background-color:#4caf4f}section.skills ul li .progress span{display:block;width:40px;height:40px;line-height:40px;text-align:center;color:#000;background:#fff;font-weight:400;position:absolute;top:-16px;left:95%;-webkit-transition:all .4s ease;transition:all .4s ease;-ms-box-shadow:0 3px 6px rgba(0,0,0,.3);-o-box-shadow:0 3px 6px rgba(0,0,0,.3);box-shadow:0 3px 6px rgba(0,0,0,.3)}section.education{background:#f2f2f2}section.education .dataset{position:relative;top:156px}section.education .dataset ul{width:100%}section.education .dataset .item:nth-child(2n) .content{top:auto;bottom:-150px}section.education .dataset .item:nth-child(2n) .content:after{border-width:0 18px 18px 0;border-color:transparent #fff transparent transparent;box-shadow:none;position:absolute;top:-9px;bottom:auto}section.education .dataset .item:nth-child(2n) .year{bottom:45px}section.education .dataset .item{width:33.33%;float:left;position:relative;color:#232323}section.education .dataset .item .marker{width:22px;height:22px;background:#fff;border:6px solid #e91e63;position:absolute;top:0;left:50%;margin-left:-11px;box-shadow:0 2px 6px rgba(0,0,0,.25);z-index:2}section.education .dataset .item .content{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.3);padding:24px;position:absolute;top:-156px;left:0;right:0;margin:0 12px}section.education .dataset .item .content:after{content:"";width:0;height:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:18px 0 0 18px;box-shadow:-2px 2px 4px rgba(0,0,0,.15);position:absolute;bottom:-9px;left:50%;margin-left:-9px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}section.education .dataset .item .year{font-size:16px;line-height:26px;font-weight:700;position:relative;bottom:-44px;left:0;right:0;margin:0 auto}section.education .dataset .line{border-bottom:1px dashed #232323;margin:0 18px 24px;padding-bottom:12px;position:relative;top:0;width:100%}section.education .dataset .line:after,section.education .dataset .line:before{display:block;width:14px;height:14px;background:#fff;position:absolute;bottom:-7px;content:""}section.education .dataset .line:before{border:4px solid #e91e63;border-radius:100%;left:-18px}section.education .dataset .line:after{border:4px solid #e91e63;border-radius:100%;right:-18px}section.services{background:#ffeb3b}section.services .dataset{position:relative;top:156px}section.services .dataset ul{width:100%}section.services .dataset .item:nth-child(2n) .content{top:auto;bottom:-150px}section.services .dataset .item:nth-child(2n) .content:after{border-width:0 18px 18px 0;border-color:transparent #fff transparent transparent;box-shadow:none;position:absolute;top:-9px;bottom:auto}section.services .dataset .item:nth-child(2n) .year{bottom:45px}section.services .dataset .item{width:33.33%;float:left;position:relative;color:#232323}section.services .dataset .item .marker{width:22px;height:22px;background:#fff;border:6px solid #e91e63;position:absolute;top:0;left:50%;margin-left:-11px;box-shadow:0 2px 6px rgba(0,0,0,.25);z-index:2}section.services .dataset .item .content{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.3);padding:24px;position:absolute;top:-156px;left:0;right:0;margin:0 12px}section.services .dataset .item .content:after{content:"";width:0;height:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:18px 0 0 18px;box-shadow:-2px 2px 4px rgba(0,0,0,.15);position:absolute;bottom:-9px;left:50%;margin-left:-9px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}section.services .dataset .item .year{font-size:16px;line-height:26px;font-weight:700;position:relative;bottom:-44px;left:0;right:0;margin:0 auto}section.services .dataset .line{border-bottom:1px dashed #232323;margin:0 18px 24px;padding-bottom:12px;position:relative;top:0;width:100%}section.services .dataset .line:after,section.services .dataset .line:before{display:block;content:"";width:14px;height:14px;background:#fff;position:absolute;bottom:-7px}section.services .dataset .line:before{border:4px solid #e91e63;border-radius:100%;left:-18px}section.services .dataset .line:after{border:4px solid #e91e63;border-radius:100%;right:-18px}section.portfolio{background:#d3b600;overflow-x:visible}section.portfolio .masanarySec .masanary{-moz-column-count:4;-moz-column-gap:3%;-moz-column-width:30%;-webkit-column-count:4;-webkit-column-gap:3%;-webkit-column-width:30%;grid-column-gap:3%;column-gap:3%;columns:30% 4}section.portfolio .masanarySec .masanary img{margin-bottom:30px;width:100%;display:inline-block;overflow:hidden;float:none;position:relative}section.contact{background:#222;color:#fff}section.contact h4{text-transform:uppercase;margin-bottom:30px}section.contact ul li{margin-bottom:15px;font-size:14px;color:#93959c}section.contact ul li a{color:#93959c;padding-left:20px}section.contact form .form-control{border-radius:0;height:45px;background:#222;border-color:#5f5f5f;color:#93959c;font-size:14px}section.contact form textarea{border-radius:0;background:#222;display:block;width:100%;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#93959c;border:1px solid #5f5f5f;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-webkit-transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}section.contact form button.btn{background:#e91e63;border:#e91e63;color:#fff;border-radius:0;padding:10px 50px;margin-left:15px}section.contact form button.btn:hover{background:#aa003a;border:#aa003a}section.contact form .message{font-weight:300;font-size:13px;padding:10px;clear:both}section.contact form .message.error{color:red}section.contact form .message.success{color:#00d01e}header{background:#222;position:absolute;width:100%;bottom:0}header.fixed{background:#fff;position:fixed;width:100%;z-index:99;top:0;-ms-box-shadow:0 3px 6px rgba(0,0,0,.3);-o-box-shadow:0 3px 6px rgba(0,0,0,.3);box-shadow:0 3px 6px rgba(0,0,0,.3);height:52px}header.fixed nav ul li a{color:#222}header nav{display:block;margin:0 auto;overflow:hidden}header nav ul{padding:0;list-style:none;margin:0}header nav ul li{display:inline-block;font-weight:300;font-size:16px;cursor:pointer}header nav ul li a{display:inline-block;padding:15px 30px;color:#fff}header nav ul li a.act,header nav ul li a:focus,header nav ul li a:hover{text-decoration:none;color:#e91e63}.devices{display:none}.desktop{display:block}@media only screen and (max-width:767px){.devices{display:block}.desktop{display:none}.opacity0{opacity:1}.mcenter{text-align:center}.profilePic img{margin-top:50px}.hmenu{width:40px;position:absolute;top:25px;z-index:9;left:-70px}.hmenu span{width:100%;height:3px;margin-bottom:8px;display:block;background-color:#e91e63}section.education .dataset .item .marker,section.education .dataset .line,section.services .dataset .item .marker,section.services .dataset .line{display:none}header{position:fixed;height:100vh;top:0;z-index:99;width:70%;right:-70%;background:#222}header.open{right:0}header.open .hmenu{left:10px}header.open .hmenu #top{-webkit-transform:translateY(10px) rotate(-135deg);transform:translateY(10px) rotate(-135deg);margin-bottom:1px}header.open .hmenu #middle{opacity:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}header.open .hmenu #bottom{-webkit-transform:translateY(-6px) rotate(-45deg);transform:translateY(-6px) rotate(-45deg)}header nav ul{padding-top:100px}header nav ul li{width:100%}header nav ul li a{width:100%;color:#fff}section .title{margin-bottom:40px}section.home div h1{font-size:38px;line-height:56px;margin:26vh 0 0;text-shadow:2px 2px 26px rgba(0,0,0,.5)}section.home div h3{font-size:24px}section.skills .skillFirst{padding-right:15px}section.skills .skillSecond{padding-left:15px}section.portfolio .masanarySec .masanary{-webkit-column-count:1;-moz-column-count:1;column-count:1}section.education .dataset{top:0;margin:0 auto}section.education .dataset .item:nth-child(2n) .content{bottom:auto}section.education .dataset .item:nth-child(2n) .content:after{top:55px;bottom:auto;left:0;-webkit-transform:rotate(-136deg);transform:rotate(-136deg)}section.education .dataset .item{width:80%;float:right}section.education .dataset .item .year{position:absolute;width:45px;text-align:center;bottom:60px;left:-300px;padding-right:10px;border-right:1px solid #e91e63}section.education .dataset .item .content{position:relative;top:0;margin:0 0 30px;float:right;width:208px}section.education .dataset .item .content:after{left:0;top:54px;-webkit-transform:rotate(44deg);transform:rotate(44deg)}section.services .dataset{top:0;margin:0 auto}section.services .dataset .item:nth-child(2n) .content{bottom:auto}section.services .dataset .item:nth-child(2n) .content:after{top:55px;bottom:auto;left:0;-webkit-transform:rotate(-136deg);transform:rotate(-136deg)}section.services .dataset .item{width:100%;float:right}section.services .dataset .item .year{position:absolute;width:45px;text-align:center;bottom:60px;left:-300px;padding-right:10px;border-right:1px solid #e91e63}section.services .dataset .item .content{position:relative;top:0;margin:0 0 30px;float:right;width:100%}section.services .dataset .item .content:after{left:0;top:54px;display:none;-webkit-transform:rotate(44deg);transform:rotate(44deg)}section.contact form .btn{width:90%}}@media only screen and (min-width:767px){.fadeIn.animate,.home .fromBottom.animate{visibility:visible!important;-webkit-animation-fill-mode:forwards}.fadeIn.animate{animation-name:fadeIn;-webkit-animation-name:fadeIn;animation-duration:.5s;-webkit-animation-duration:.5s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes fadeIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes fadeIn{0%{-webkit-transform:scale(0);opacity:0}to{-webkit-transform:scale(1);opacity:1}}.home .fromBottom{opacity:0}.home .fromBottom.animate{animation-name:homeslideFromBottom;-webkit-animation-name:homeslideFromBottom;animation-duration:2s;-webkit-animation-duration:2s;animation-timing-function:ease;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.fromBottom.animate,.fromTop.animate{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;animation-timing-function:ease;visibility:visible!important;-webkit-animation-fill-mode:forwards}@keyframes homeslideFromBottom{0%{-webkit-transform:translateY(15%);transform:translateY(15%)}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes homeslideFromBottom{0%{-webkit-transform:translateY(15%);transform:translateY(15%)}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fromBottom.animate{animation-name:slideFromBottom;-webkit-animation-name:slideFromBottom;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes slideFromBottom{0%{-webkit-transform:translateY(15%);transform:translateY(15%)}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes slideFromBottom{0%{-webkit-transform:translateY(15%);transform:translateY(15%)}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fromTop.animate{animation-name:slideFromTop;-webkit-animation-name:slideFromTop;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.fromLeft.animate,.fromRight.animate{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;visibility:visible!important}@keyframes slideFromTop{0%{-webkit-transform:translateY(-15%);transform:translateY(-15%)}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes slideFromTop{0%{-webkit-transform:translateY(-15%);transform:translateY(-15%)}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.fromRight.animate{animation-name:slideFromRight;-webkit-animation-name:slideFromRight;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes slideFromRight{0%{-webkit-transform:translateX(15%);transform:translateX(15%)}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes slideFromRight{0%{-webkit-transform:translateX(15%);transform:translateX(15%)}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fromLeft.animate{animation-name:slideFromLeft;-webkit-animation-name:slideFromLeft;-webkit-animation-duration:1s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes slideFromLeft{0%{-webkit-transform:translateX(-15%);transform:translateX(-15%)}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@-webkit-keyframes slideFromLeft{0%{-webkit-transform:translateX(-15%);transform:translateX(-15%)}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.scaleAnimate.animate{opacity:1;animation-name:scale;-webkit-animation-name:scale;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease;-webkit-animation-timing-function:ease;visibility:visible!important;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes scale{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes scale{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}}
/*# sourceMappingURL=main.79444400.chunk.css.map */