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}.title-divider{margin-top:15px;margin-left:70px}.title-divider span:first-child,.title-divider span:nth-child(2){border-right-color:#8a2be2!important}.title-divider:before{margin-left:-70px}.title-divider:after,.title-divider:before{content:"";display:block;position:relative;top:12px;width:50px;height:1px}.title-divider:after{margin-left:20px}.title-divider:after,.title-divider:before{background:#8a2be2}.title-divider span:first-child{position:absolute;width:2px;height:25px;border-right:2px dotted;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.title-divider span:nth-child(2){position:absolute;width:2px;height:25px;border-right:2px dotted;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.aboutMe h2{color:#fff;margin-top:45px}.aboutMe .name{color:#40e0d0;font-size:32px;font-weight:500}.aboutMe p{font-size:18px;color:#fff;margin-top:10px}.contactDetail p{color:#fff}.contactCard{padding:30px;background-color:#172a45;border:1px solid #40e0d0;margin-top:120px}.contactDetail .cardTitle{color:#40e0d0;font-size:25px}.social a:hover{text-decoration:none}@media only screen and (max-width:768px){.contactCard{margin-top:50px}}.tools{border:1px solid #40e0d0;background-color:#172a45;margin-top:20px}.tools ul{padding:15px}.tools ul li{font-size:20px;font-weight:500}.skillName h3,.tools ul li{color:#40e0d0}.heading,.toolsDiv h3{color:#8a2be2}.connect h1,.email h5,h4,p{color:#ccd6f6}.connect h1{font-size:60px;font-weight:700}.connect p{font-size:25px}.connectDiv{border-bottom:1px solid #ccd6f6}.email h5{padding:5px;font-size:25px;font-weight:600}.sayHi a:hover{text-decoration:none}.sayHi a p{border:1px solid #40e0d0;padding:5px 15px;border-radius:5px;margin-top:10px}.builder p{color:#40e0d0;font-size:17px;font-weight:400}.icon a img{width:50px}.icon a{padding:10px}.resume .download{background-color:#8a2be2;border:#8a2be2;padding:10px;font-size:17px;font-weight:500;color:#fff}.resume .hire{border:2px solid #8a2be2;border-radius:5px;padding:10px;font-size:15px;font-weight:500}.resume .hire,.resume .hire:hover{background-color:#181a27;color:#8a2be2}.resume .hire:hover{border:2px solid #8a2be2}.resume .download:hover{background-color:#8a2be2}.resume a{padding:5px}.abir img{height:200px;border:5px solid #8a2be2;border-radius:50px}.text{color:#40e0d0;margin-top:5px}.hello,.textI{color:#6a5acd}.name{font-size:50px;font-weight:700;color:#40e0d0}.typical{margin-top:160px}.abir{width:300px;height:300px;padding:10px;border:7px solid hsla(0,0%,100%,.3137254901960784);float:left;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;background-image:linear-gradient(45deg,#08aeea,#2af598 100%);background:rgba(8,174,234,.3137254901960784) url(/static/media/abirs.fe617f83.png) no-repeat;background-size:cover;background-position:top -10px center;background-blend-mode:multiply;-webkit-animation:morph 8s ease-in-out 1s infinite;animation:morph 8s ease-in-out 1s infinite}@-webkit-keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@media only screen and (max-width:992px){.name{font-size:35px;font-weight:700}.text{font-size:28px}}@media only screen and (max-width:768px){.name{font-size:38px;font-weight:700}.text{font-size:30px}.typical{margin-top:50px}}@media only screen and (max-width:425px){.typical{margin-top:50px}}.home-page{overflow-x:hidden}.contactDiv{background-color:#00101a;padding-top:30px;padding-bottom:20px}.contactArea{background-color:#172a45;border-radius:10px;padding:10px}.emailImg img{width:100%;height:400px}.sendMessage input,.sendMessage input:hover{background-color:#8a2be2;border:none}.boxes{height:400px;position:relative;overflow:hidden}.project-container{background-color:rgba(52,54,64,.8);position:absolute;top:-100%;left:0;height:100%;width:100%;padding:15px;box-sizing:border-box;transition:all 1s}.project-container p{font-size:16px;color:#fff}.project-container strong{font-size:16px}.project-container a{text-decoration:none;font-weight:700}.boxes:hover .project-container{top:0}.title{color:#40e0d0;margin-bottom:15px}.link,.title{font-size:30px}.link{font-weight:500;margin-top:20px}.link a,.link a:hover{text-decoration:none;color:#40e0d0}@media only screen and (max-width:1100px){.project-container p{font-size:13px}.project-container strong{font-size:15px}.link{font-size:17px;font-weight:500;margin-top:10px}}@media only screen and (max-width:992px){.project-container p{font-size:11px;color:#fff}.project-container strong{font-size:13px}.link{font-size:15px;font-weight:400;margin-top:10px}}@media only screen and (max-width:868px){.link{font-size:10px}}@media only screen and (max-width:718px){.project-container p{font-size:18px;color:#fff}.project-container strong{font-size:20px}.link{font-size:22px;font-weight:500;margin-top:10px}}@media only screen and (max-width:600px){.project-container p{font-size:16px;color:#fff}.project-container strong{font-size:18px}.link{font-size:22px;font-weight:500;margin-top:10px}}@media only screen and (max-width:411px){.link{font-size:12px}}@media only screen and (max-width:375px) and (max-width:411px){.project-container p{font-size:12px;color:#fff}.project-container strong{font-size:14px}.link{font-size:16px;font-weight:500;margin-top:10px}}.cardDiv .card{transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;background-color:#00101a;border:1px solid #8a2be2}.card:hover{-webkit-transform:translateY(-20px);transform:translateY(-20px);box-shadow:5px 20px 10px rgba(2,12,27,.7)}.card-body a{color:#40e0d0;border:1px solid #40e0d0;padding:7px 15px;border-radius:5px}.text-color{color:#ccd6f6}@media screen and (max-width:992px) and (min-width:480px){.cardDiv .card{width:15rem}}.navLink{color:#ced4da;font-weight:700}Nav a:hover{text-decoration:none}#toggle{background-color:#8a2be2;border:2px solid #40e0d0}
/*# sourceMappingURL=main.33be7776.chunk.css.map */