@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,900&display=swap);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;background-color:#222831;margin:0;padding:0}.navButton a,.navButtonMobile a{text-decoration:none;display:inline-block;font-size:18px;font-weight:500;width:160px;position:relative;padding:15px 30px;color:#ff4500;z-index:1;border:2px solid #ff4500;transition:all .3s linear;overflow:hidden!important}.navButton a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ff4500;transform:translateX(-100%);transition:all .3s linear}.navButton a:hover{color:#fff}.navButton a:hover:before{transform:translateX(0);z-index:-1}.contactForm{display:flex;flex-direction:column;width:90%;margin:0 auto}.contactForm input,textarea{margin-bottom:10px;font-family:"Poppins",sans-serif;padding:15px 8px;font-size:16px}.contactBtn{width:150px;padding:10px 30px!important;border-radius:30px;color:#ff4500;border:2px solid #ff4500;transition:transform .6s}.contactBtn:hover{background-color:#ff4500;padding:10px 30px;border:2px solid #fff;color:#fff;transform:scale(1.2)}.projectdetail{opacity:0;background-color:#fff;transition:.5s}.projectdetail:hover{opacity:1}.headerIcon .iconbox{display:inline-block;height:60px;width:60px;float:left;transition:all .3s ease-out;margin:0 5px;border-radius:50px;background-color:#fff;box-shadow:0 10px 10px rgba(0,0,0,.1);overflow:hidden}.headerIcon .iconbox:hover{width:200px}.headerIcon .iconbox .icon{display:inline-block;float:left;height:60px;text-align:center;width:60px;box-sizing:border-box;border-radius:50px;line-height:60px;transition:all .3s ease-out}.headerIcon .iconbox:first-child:hover .icon{background-color:#333}.headerIcon .iconbox:nth-child(2):hover .icon{background-color:#0e76a8}.headerIcon .iconbox:nth-child(3):hover .icon{background-color:#4267b2}.headerIcon .iconbox:nth-child(4):hover .icon{background-color:#00acee}.headerIcon .iconbox .icon i{font-size:25px;line-height:60px;color:#222}.headerIcon .iconbox:hover .icon i{color:#fff}.headerIcon .iconbox a{text-decoration:none}.headerIcon .iconbox span{font-size:20px;font-weight:500;line-height:60px;margin-left:10px;transition:all .3s ease-out;color:#222}.headerIcon .iconbox:first-child:hover span{color:#333}.headerIcon .iconbox:nth-child(2):hover span{color:#0e76a8}.headerIcon .iconbox:nth-child(3):hover span{color:#4267b2}.headerIcon .iconbox:nth-child(4):hover span{color:#00acee}#tsparticles{position:absolute;width:100%;content:"";z-index:1}
/*# sourceMappingURL=main.693b7c5d.chunk.css.map */