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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}::-webkit-scrollbar{width:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.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)}}.about{background-image:url(/static/media/About-bg.8e8032a7.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.about .head h1{color:#2d3436}.about ul{list-style-type:none}.about ul li{display:inline;margin:0 20px}.about .btn{min-width:120px}.about .me{border-radius:50%;width:100%;max-width:290px;border:7px solid #fff}.about .brandIcons li{font-size:30px}.about .brandIcons a{color:#000}.my-blog .card{min-width:305px;max-width:305px!important;background:#2f3542;padding:0;border-radius:0;border:none;transition:.3s}.my-blog .card:hover{-webkit-transform:scale(.9);transform:scale(.9);z-index:10}.my-blog .card-footer{border:none!important;background:transparent}.my-blog a{color:#fff;padding:8px 20px;border:2px solid #fff;border-radius:5px;background:linear-gradient(to left top,#a4b0be,#2f3542 85%);box-shadow:1px 1px 1px #2f3542}.my-blog a:hover{text-decoration:none}.my-blog .card-img-top{width:100%;height:190px!important}.CircularProgressbar-path{stroke:#2f3542!important}.CircularProgressbar-text{fill:#000!important;font-weight:600}.addition-skill h5{font-size:30px}.addition-skill li{color:#fff;font-size:25px;background:linear-gradient(to right bottom,#2d3436,#636e72);margin:10px!important;padding:6px 20px;border-radius:30px;box-shadow:0 7px 5px #000}.this-skill{font-size:20px}.work{width:70%}.work .card a{color:#fff;font-weight:600;padding:8px 20px;border-radius:5px;transition:.3s;border:2px solid #fff}.work .card a:hover{text-decoration:none}.work .card-footer{padding-top:0!important;background:inherit;border:none}.work .link-github{background:linear-gradient(to left top,#a4b0be,#2f3542 85%);box-shadow:1px 1px 1px #2f3542}.work .link-site{background:linear-gradient(to top right,#a4b0be,#2f3542)}.work .each-work{min-width:305px;transition:.5s;color:#fff;border:1px solid #fff}.work .card-body{height:290px}.work .each-work:hover{-webkit-transform:scale(.9);transform:scale(.9);z-index:10}.work .card{border:none;background:#2f3542;border-radius:0!important}.work .card-img-top{width:100%;height:190px!important}.contact,footer{background-image:url(/static/media/About-bg3.fe6be0fe.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.contact input,.contact textarea{outline:none;margin:10px 0;padding:10px;border-radius:2px;border:1px solid #fff;color:#fff;background:hsla(0,0%,100%,.05)}.contact input{height:70px}.contact input[type=submit]{background:#fff;color:#000;border:none;outline:none;border-radius:2px;width:150px;height:50px}footer{padding:10px 0;color:#fff;font-weight:600}.contact .side-panel{border:1px solid #fff;border-radius:2px;margin:0!important}.contact .logo{color:#fff;width:60px;padding:17px 20px;border:1px solid #fff;border-radius:50%;margin-left:auto!important;margin-right:auto!important;transition:.3s;-webkit-transform:scale(1.1);transform:scale(1.1)}.contact .logo:hover{background:#fff;color:#2f3542}.contact .info{color:#fff;margin-top:5px;font-size:18px;text-align:center}.contact li{display:inline;text-align:center;margin:0 20px;font-size:30px}.contact li a{color:#fff}.navbar{background:linear-gradient(to right bottom,#636e72 15%,#2d3436 70%,#636e72 0);height:10vh!important}.navbar .nav-item{cursor:pointer}.navbar h3{font-family:"Comic Neue",cursive;font-style:italic;font-size:28px;font-weight:600;color:#fff!important}.navbar li{padding:5px 20px;border-radius:5px;font-size:18px;color:#fff}.holder a,.navbar a{color:#fff}.holder a:hover,.navbar a:hover{text-decoration:none}.navbar li:hover{background:linear-gradient(to right bottom,#2d3436 80%,#636e72 0);box-shadow:1px 1px 2px #000,1px -1px 2px #000}.navbar-toggler{z-index:1111}.navbar-collapse{background:linear-gradient(to right bottom,#636e72,#2d3436,#636e72);border-radius:0 0 7px 7px;padding:0 10px;z-index:1111}.holder{height:90vh!important;position:relative;justify-content:center;width:100%;height:89vh;min-height:680px;background:linear-gradient(to right bottom,#636e72 20%,#2d3436 80%)}.holder,.holder .item2{display:flex;align-items:center}.holder .item2{justify-content:space-evenly;overflow:hidden;z-index:111}.holder .my-name{font-size:50px!important}.holder .img{height:100%;width:50%;min-width:330px}.holder .contain .text{text-align:center;color:#fff;white-space:pre}.holder .contain .text label{font-size:40px}.holder .contact-btn,.holder .resume{border:none;outline:none;margin:20px 10px;padding:9px 20px;border-radius:3px}.holder .contact-btn{color:#fff;background:#2f3542;border:2px solid #2f3542}.holder .contact-btn:hover{background:#636e72;border:2px solid #fff}.holder .resume{color:#fff;background:#636e72;border:1px solid #fff}.holder .resume:hover{background:#2f3542;border:1px solid #2f3542}@media only screen and (max-width:500px){label.logo{padding:0 0 0 70px}.holder .my-name{font-size:35px!important}}@media only screen and (min-width:545px){.holder .item2{width:70%}}@media only screen and (min-width:650px){.holder .contain .text label{font-size:50px}}@media only screen and (min-width:770px){.holder .contain .text{white-space:normal}.holder .my-name{font-size:70px!important}}@media only screen and (min-width:825px){.holder .item2{position:relative;width:60%}}@media only screen and (min-width:992px){.navbar-collapse{background:transparent}}.see-resume{min-height:100vh;width:100%;background:linear-gradient(to right bottom,#636e72,#2d3436)}.see-resume main{background:#fff;min-height:inherit;width:65%;border-radius:3px}.see-resume .go-back{position:fixed;top:5%;right:5%}.see-resume .go-back a{color:#fff;font-size:17px;background:transparent;border:none;outline:none}.see-resume .color{color:#07b255}.see-resume .bold{font-size:28px}.see-resume .link{color:#177dc5;cursor:pointer;text-decoration:underline}.see-resume h6,.see-resume li,.see-resume p,.see-resume span{font-size:110%}.see-resume .github,.see-resume .live-site{font-size:18px;color:#177dc5;text-decoration:underline;cursor:pointer}.see-resume .font-italic{font-size:90%}
/*# sourceMappingURL=main.9f210907.chunk.css.map */