*{box-sizing:border-box}body{background-color:#000;color:#fff;margin:0;overflow-x:hidden}.container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.flexbox{display:flex;padding-top:3.4rem}.navbar{background-color:#1f2937;height:3.4rem;line-height:3.4rem;padding-left:2rem;position:fixed;width:100%;z-index:2}.nav-list,.navbar{display:flex;gap:2rem}.nav-list{list-style-type:none;margin:0;padding-left:0}.full{width:100%}.nav-list li:last-child{margin:0 3rem 0 auto}.navbar img{filter:invert(100%);height:3.5rem;width:3.5rem}.bar-icon{display:none}.intro-para{color:#d7d6d6;font-family:Protest Riot;font-size:17.2px;padding-left:4%}.intro-container{padding:2rem}.intro-container h2{font-family:Roboto}.image-box{background-color:#eae6e6;margin:4% 6% 4% 4%;padding:3.7%}.my-image{height:20rem;object-fit:cover;width:27rem}.hire-btn{background-color:green;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;height:2.7rem;margin:1rem 0 1rem 2rem;width:8rem}.heading{font-family:Rubik Scribble;font-size:4.4rem;padding-left:5%}.heading p{margin:0}.heading p:last-child{padding-left:19%}.img-container{margin:2rem auto auto;width:6%}.skill-container img{height:3rem;width:3rem}.skill-container{margin:auto;text-align:center;width:70%}#skill-flex,#skill-items{list-style-type:none;padding-left:0}#skill-flex{display:flex;justify-content:space-around}.skill-container h2{font-size:2rem}.skill-box{background-color:#1f2228;cursor:pointer;height:3.8rem;margin:1rem 0;width:25rem}.skill-container p{color:#bfc0c1;margin:0}.badge-icon{color:green;height:1rem;margin:.5rem .8rem 0 0;width:1rem}.skill-box:hover{transform:scale(1.15);transition:.6s;z-index:1}.project-img{filter:invert(100%)}.project-container{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0 3rem}.project-box{height:19rem;position:relative;width:49%}.project-box img{height:100%;object-fit:cover;transition:visibility .3s,opacity .3s ease;width:100%}.project-detail p{margin-bottom:2rem;padding:0 3rem}.project-detail{background-color:#1f2228;height:19rem;left:0;opacity:0;padding-top:1rem;position:absolute;top:0;transition:visibility .3s,opacity .3s ease;visibility:hidden}.project-detail h3:hover{text-decoration:underline}.project-box:hover .project-detail{opacity:1;visibility:visible}.project-box a{color:#fff}.nav-list a{cursor:pointer;padding:0 .3rem}.active,.nav-list a:hover{border-bottom:3px solid #d5ba21}.navbar .logo{border:none;cursor:pointer}a.logo:hover{border:none}.hire-padding{padding-top:1rem}.hire-padding h2{margin-top:.8rem}.form{border:3px solid #cdcaca;border-bottom-right-radius:50px;border-top-left-radius:50px;color:#bfc0c1;margin:2rem auto;padding:2.5rem 3rem;text-align:left;width:30rem}.form input,textarea{background-color:#1f2228;border:none;border-radius:3px;color:#ededed;font-size:.9rem;margin:.5rem 0 0;outline:none;text-indent:.5rem;width:100%}.form input:focus(:not(.hire-btn)),textarea:focus{border:1px solid #4c4a4a}.form textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;padding-top:.5rem}.form-input{height:3rem}.form button{margin:0}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#dfe0e1;-webkit-background-clip:text;box-shadow:inset 0 0 20px 20px #1f2228;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.form div{display:flex;gap:2.7rem;justify-content:center;margin-bottom:1rem}.form-btn:first-child{background-color:green;border-radius:3px;margin-bottom:0;text-indent:0}.btn,.form-btn:last-child{background-color:initial;border:1px solid #fff;color:#c8c8c8;margin-bottom:0;text-indent:0}.btn:hover,.form-btn:last-child:hover{background-color:green;border:none;color:#fff}#achievement .img-container{margin-top:1rem}.certificate-box{border:1px solid #fff;text-align:left}.vertical-box img{height:50%;width:100%}.certificate-box p{font-size:12.7px;margin:0;padding:.8rem;text-align:justify}.grid-system{margin:3rem auto;width:50rem}.react-grid-item img{pointer-events:auto!important}.vertical-box img:hover{transform:scale(1.2);transition:.5s}.show-btn{color:#c8c8c8;cursor:pointer;font-size:14px;margin:.8rem 0 0;text-decoration:underline}.footer-container{border-top:1px solid #393e45;color:#d9d9d9;font-family:Pacifico;font-size:1.5rem;height:25rem;margin-top:6rem;text-align:center}.footer{margin:0 auto;padding-top:4%;width:50%}.link-icon{background-color:#e0dada;border-radius:4px;height:2.2rem;margin-right:1.2rem;width:2.2rem}.where{color:#cbc6c6;margin:2rem 0 .8rem}.linkedin{width:2.3rem}p.error-msg{color:#c10202;font-size:14px;margin-bottom:1rem}p.hire-via-link{margin-bottom:2.4rem;margin-top:.5rem}.hire-via-link a{color:#3a8de0;font-size:16.5px}@media screen and (max-width:1270px){.project-detail p{padding:0 2rem}}@media screen and (max-width:1200px){.heading{font-size:3rem}.image-box{margin-left:2%;margin-right:4%}.my-image{width:23rem}.skill-box{width:19rem}}@media screen and (max-width:1156px){.project-container{margin:2rem -3rem 3rem}.project-box{width:48.9%}.project-detail p:last-child{font-size:15px}}@media screen and (max-width:1000px){.grid-system{margin:2rem -2.7rem}}@media screen and (max-width:940px){.image-box{margin:5% auto 0;padding:2rem 2.1rem 4rem;width:30rem}.flexbox{flex-direction:column-reverse}.my-image{height:19rem;width:25.6rem}.heading{font-size:4rem;margin:1.2rem}.intro-container h2{margin:0}.intro-container{padding-bottom:0}.project-box{height:17rem;width:48.6%}.project-detail{height:17rem}.project-detail p{margin-bottom:1rem;padding:0 1rem}.project-detail p:last-child{font-size:13px}.skill-box{width:45%}.form{width:28rem}.grid-system{margin:2rem auto;width:30rem}.vertical-box{display:flex;flex-wrap:nowrap}.horizontal-box img,.vertical-box img{height:100%;width:48.4%}.certificate-box img:hover{transform:none}.footer-container{font-size:1.3rem}.footer{padding-top:6%;width:60%}}@media screen and (max-width:700px){.project-box{height:14.5rem;width:100%}.project-container{gap:1rem;margin:2rem 1rem 3rem;padding:0 .7rem}.nav-shrink{display:none}.bar-icon{border:2px solid #fff;display:flex;height:1.8rem;margin:auto 3rem auto auto;padding:2px;width:2rem}.nav-list{background-color:#1f2937;flex-direction:column;margin:3.4rem -7rem 0 -8rem;padding:3.4rem 5rem 5rem;text-align:center}.nav-list li:last-child{margin:0}.x-icon{width:2.8rem}.project-detail{height:14.5rem;padding-top:6px}.project-detail p{padding:0 1rem}.form input{height:2.5rem}.form textarea{height:7rem}.form{width:24rem}}@media screen and (max-width:500px){.my-image{height:13.5rem;width:16rem}.image-box{background-color:initial;padding-bottom:0;padding-top:1.1rem;width:auto}.heading p{font-size:2.1rem}.intro-container{padding:2rem 1rem 1rem}.intro-para{font-size:13px;padding-left:0;text-align:center}.intro-container h2{font-size:1.1rem}.skill-container{width:92%}.heading p:last-child{padding-left:24%}.img-container{width:2.8rem}.project-box,.project-detail{height:11rem}.project-detail p,.project-detail p:last-child{font-size:11.2px;margin-bottom:10px}.project-detail h3{font-size:16px;margin:10px 0}.skill-container h2{font-size:1.5rem}.skill-container p{font-size:14px}.skill-box{margin:1rem 0 0;padding-top:.5rem;width:46%}.badge-icon{height:.8rem;margin-right:.3rem}.skill-box p{font-size:12px}.hire-padding{padding-top:.3rem}.form{border-width:2px;padding:2rem;width:18rem}.form input,.form label,.form textarea{font-size:.8rem}.form input{height:2rem}.form div{margin-bottom:0}.bar-icon{border-width:1px;margin:auto 2rem auto auto}.x-icon{width:3.6rem}.skill-box:hover{transform:none}#achievement .img-container{margin-top:1.8rem}.grid-system{margin:2rem auto .3rem;width:21rem}.certificate-box p{font-size:9.6px;padding:.5rem}.btn:hover,.form-btn:last-child:hover{background-color:initial;border:1px solid #fff;color:#c8c8c8}.footer-container{font-size:1.1rem;height:23rem}.footer{padding-top:12%;width:75%}.link-icon{height:2rem;width:2rem}p.error-msg{color:#830b0b;font-size:.7rem}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;will-change:width,height;z-index:1}.react-grid-item.react-draggable-dragging{transition:none;will-change:transform;z-index:3}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;-webkit-user-select:none;-o-user-select:none;user-select:none;z-index:2}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{height:20px;position:absolute;width:20px}.react-grid-item>.react-resizable-handle:after{border-bottom:2px solid #0006;border-right:2px solid #0006;bottom:3px;content:"";height:5px;position:absolute;right:3px;width:5px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e,.react-grid-item>.react-resizable-handle.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}
/*# sourceMappingURL=main.b7254a87.css.map*/