body{margin:0;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;box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.header-area{position:absolute;top:0;left:0;width:100%;z-index:9;color:#fff;padding-top:5px;overflow:hidden}.header-area .logo{float:left;margin-top:14px;padding-top:4px;padding-left:7px}.header-area .logo img{width:40px;height:40px;border-radius:20px}.header-area .logo h5{font-family:"Montserrat",sans-serif;display:inline-block;margin-left:6px;position:relative;top:5px}.header-area button{float:right;padding:25px 13px;color:#fff;background-color:rgba(0,0,0,.1);border:none;outline:none;font-weight:500;font-size:19px;font-family:"Montserrat",sans-serif}.header-area button:hover{cursor:pointer;background-color:rgba(0,0,0,.3)}.menu-box .box{position:fixed;top:0;left:-251px;width:250px;height:100vh;background-color:#fff;z-index:9;transition:.3s;padding-top:20px}.menu-box .open{left:0}@media (max-width:294px){.menu-box .box{left:-230px;width:230px}.menu-box .open{left:0}}.overlay{position:fixed;top:0;left:0;background-color:#000;opacity:0;width:100%;min-height:100vh;z-index:8;-webkit-animation:op .3s;animation:op .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes op{0%{opacity:0}to{opacity:.6}}@keyframes op{0%{opacity:0}to{opacity:.6}}.menu-box ul{list-style-type:none;padding-left:0!important}.menu-box ul a{text-decoration:none;color:#000}.menu-box ul li{font-size:17px;padding-top:10px;padding-bottom:10px}.menu-box ul li:hover{cursor:pointer;background-color:#ebebeb}.menu-box ul li i{margin-left:17px;margin-right:24px;font-size:21px;color:#666}.home{width:100%;min-height:calc(100vh - 1px);background-image:url(/static/media/Landing-Page-compressor.24f92707.png);background-repeat:no-repeat;background-size:cover;padding-top:1px;position:relative;z-index:2}.home .circle{width:229px;height:256px;margin:auto;position:relative;top:80px;overflow:hidden}.home .circle img{width:350px;height:295px;display:block;margin-left:-60.5px}.home .image-translate{width:210px;height:215px;position:absolute;top:120px;left:50%;margin-left:-100.5px}.home .image-translate img{width:100%;height:100%}.home .introduction-text{position:absolute;top:390px;left:50%;transform:translateX(-50%);text-align:center}.home .introduction-text h1{font-family:"Bungee",cursive;color:#fff;font-size:40px;font-weight:700;margin-bottom:25px;text-shadow:5px 5px 10px #000,-2px -2px 5px #000}.home .introduction-text p{font-family:"Ropa Sans",sans-serif;font-weight:500;color:#fff;font-size:27px}.about-me{width:100%;min-height:100vh;background-image:url(/static/media/Landing-Page-compressor.24f92707.png);background-repeat:no-repeat;background-size:cover;padding-top:20px;padding-bottom:30px;position:relative;z-index:2}.about-me .Tilt{background-color:#222;margin:95px auto 0;padding:13px 13px 8px;border-radius:10px;color:#fff;box-shadow:1px 0 50px 1px #000;position:relative;z-index:4}.about-me .Tilt .Tilt-inner .top{margin-bottom:20px}.about-me .Tilt .Tilt-inner .top .image{height:160px;width:160px;border-radius:50%;margin:auto;background-color:#fff;box-shadow:1px 2px 50px 3px#000;padding:3px}.about-me .Tilt .Tilt-inner .top .image img{display:block;width:100%;height:100%;border-radius:50%}.about-me .Tilt .Tilt-inner .top .info p{text-align:center;margin-top:20px;line-height:1.7}.about-me .Tilt .Tilt-inner .middle .desc{margin-top:15px}.about-me .Tilt .Tilt-inner .bottom .desc,.about-me .Tilt .Tilt-inner .middle .desc{height:150px;margin-bottom:20px;text-align:center}.about-me .Tilt .Tilt-inner .bottom .desc{padding-top:1px}.about-me .Tilt .Tilt-inner .bottom .desc .sp{display:block;width:45px;height:45px;border-radius:50%;border:2px solid #f50057;margin:15px auto 20px}.about-me .Tilt .Tilt-inner .bottom .desc .sp i{margin-top:5px;color:#f50057}.about-me .Tilt .Tilt-inner .bottom .desc p{font-weight:700}.about-me .Tilt .Tilt-inner .bottom .desc span{color:#f50057;font-weight:700}.about-me .Tilt .Tilt-inner .bottom .desc button{padding:5px 10px;border:1px solid #f50057;outline:none;border-radius:5px;font-size:18px;position:relative;top:50px;background-color:transparent;color:#f50057;transition:.4s}.about-me .Tilt .Tilt-inner .bottom .desc button:hover{color:#fff;background-color:#f50057}.about-me .Tilt .Tilt-inner .bottom .desc .sp .fa-briefcase{padding-top:1px}.about-me .Tilt .Tilt-inner .footer{background:linear-gradient(45deg,#f50057,#df0fbc);height:45px;text-align:center}.about-me .Tilt .Tilt-inner .footer a{color:#fff;margin-right:18px;font-size:23px;line-height:45px}.about-me .Tilt .Tilt-inner .percent{width:100%;height:110px;position:relative;z-index:1000}.about-me .Tilt .Tilt-inner .percent .number{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.about-me .Tilt .Tilt-inner .percent .number h2{color:#777;font-weight:700;font-size:30px;transition:all .45s}.about-me .Tilt .Tilt-inner .box:hover .number h2{color:#fff;font-size:47px}.about-me .Tilt .Tilt-inner .percent .number h2 span{font-size:24px;color:#777}.about-me .Tilt .Tilt-inner .box:hover .number h2 span{color:#fff}.about-me .Tilt .Tilt-inner .middle .desc .text{position:relative;color:#777;font-size:18px;font-weight:700;text-transform:uppercase;margin-top:15px}.about-me .Tilt .Tilt-inner svg{position:relative;width:110px;height:110px;z-index:1000}.about-me .Tilt .Tilt-inner .percent svg circle{width:100%;height:100%;fill:none;stroke:#191919;stroke-width:8px;stroke-linecap:round;transform:translate(5px,5px)}.about-me svg circle:nth-child(2){stroke-dasharray:309;stroke-dashoffset:309}.about-me .col-6:first-child svg circle:nth-child(2){stroke-dashoffset:15.45;stroke:#f50057}.about-me .col-6:nth-child(2) svg circle:nth-child(2){stroke-dashoffset:30.9;stroke:#f50057}.about-me .col-6:nth-child(3) svg circle:nth-child(2){stroke-dashoffset:46.35;stroke:#f50057}.about-me .col-6:nth-child(4) svg circle:nth-child(2){stroke-dashoffset:30.9;stroke:#f50057}.about-me .col-6:nth-child(5) svg circle:nth-child(2){stroke-dashoffset:15.45;stroke:#f50057}.about-me .col-6:nth-child(6) svg circle:nth-child(2){stroke-dashoffset:46.35;stroke:#f50057}.h{min-height:100%}.resume{width:100%;min-height:calc(100vh - 1px);background-image:url(/static/media/Landing-Page-compressor.24f92707.png);background-repeat:no-repeat;background-size:cover;padding-top:1px;position:relative;z-index:2}.resume .box{margin-top:86px;background-color:#1b1c1d;box-shadow:1px 0 20px 1px #000;padding:28px 15px 10px;border-radius:10px;font-family:"Quicksand",sans-serif}.resume .box .desc .eduation,.resume .box .desc .experience{color:#f50057;text-align:center;padding-top:5px;padding-bottom:5px;border:1px solid #fff;margin-bottom:28px}.resume .box .desc .up{color:#fff;overflow:hidden}.resume .box .desc .up p{font-size:15px}.resume .box .desc .up .left,.resume .box .desc .up .right{float:left;width:48.5%}.resume .box .desc .up .left{margin-right:3%}.resume .box .desc .up .date{color:#777;margin-top:20px;margin-bottom:20px;margin-left:10px;overflow:hidden}.resume .box .desc .up .date i{font-size:18px;margin-right:3px}.resume .box hr{background-color:#f50057;height:.5px;border:none;margin-bottom:22px}@media (max-width:720px){.resume .box .desc .up .left,.resume .box .desc .up .right{width:100%}.resume .box .desc .up .left{margin-right:0}.resume .box .desc .up .left:after{content:"";display:block;width:100%;height:.5px;background-color:#f50057;margin-bottom:12px}}.portfolio{width:100%;min-height:calc(100vh - 1px);background-image:url(/static/media/Landing-Page-compressor.24f92707.png);background-repeat:no-repeat;background-size:cover;padding-top:1px;position:relative;z-index:2}.portfolio .box{margin-top:190px}.portfolio .box .sec{background-color:#1b1c1d;padding:12px 12px 15px;box-shadow:1px 0 50px 1px #000;transition:all .5s;border-radius:10px;text-align:center;color:#fff;margin-bottom:22px;position:relative;z-index:4}.portfolio .box .sec img{width:100%;height:100%}.portfolio .box .sec h4{margin-top:25px;margin-bottom:20px}.portfolio .box .sec a{text-decoration:none;padding:6px 16px;border-radius:20px;color:#00a1ff}.portfolio .box .sec:hover{background-color:#f50057}.portfolio .box .sec:hover a{color:#fff;background-color:#00a1ff}.h{width:100%;height:100vh;position:absolute;top:0;left:0;z-index:4;overflow:hidden}.contact{width:100%;min-height:calc(100vh - 1px);background-image:url(/static/media/Landing-Page-compressor.24f92707.png);background-repeat:no-repeat;background-size:cover;padding-top:1px;position:relative;z-index:2}.contact .contact-box{max-width:500px;padding-top:11px;padding-bottom:16px;background:linear-gradient(45deg,#1b1c1d 50%,#f50057);margin:170px auto 0;border-radius:7px;box-shadow:1px 1px 40px 1px #000,inset 0 0 30px 1px #000;position:relative;z-index:4}.contact .contact-box img{width:220px;height:164px;display:block;margin:auto}.contact .contact-box ul{color:#fff;list-style:none;padding-left:0;display:block;width:220px;margin:45px auto 30px}.contact .contact-box ul li{margin-bottom:12px}.contact .contact-box ul li i{font-size:18px;width:17px;text-align:center}.contact .contact-box .links{text-align:center}.contact .contact-box .links a{color:#fff;margin-right:22px;font-size:23px}.contact .contact-box .links a:hover i{cursor:pointer}
/*# sourceMappingURL=main.6c85b102.chunk.css.map */