@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;800&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}.aboutme{overflow-x:hidden;position:relative}.main{text-align:center;background:#000;color:#f4f4f4;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-content:center;margin-top:100px}.item1{background:#f4f4f4;color:#000;display:"flex"}.item1,.item2{justify-content:center;align-items:center}.item2{background:#000;color:#f4f4f4;text-align:center}#arrow{color:#f4f4f4}#arrow,#arrow1{margin-top:50px;font-size:26px;font-weight:500}#arrow1{color:#000}.navv{font-family:Poppins,sans-serif}.maincontainer,.navv{display:flex;justify-content:space-evenly}.maincontainer{flex-wrap:nowrap;align-items:flex-start}.maincontainer,.textarea{padding-left:2em;padding-right:2em}.textarea{width:50%;padding-top:5em;font-style:normal;text-align:center;justify-content:center}.imagearea{border-radius:50%;margin-top:-5%}.floatingcards{width:400px;height:100%;position:relative;bottom:520px;padding-right:200px;z-index:2;display:grid;grid-template-columns:1fr;grid-template-rows:.1fr .1fr .1fr .1fr;grid-template-areas:"item1" "item2" "item3" "item4"}.item1{grid-area:item1}#item1{width:50px;height:100%;padding-top:8px;font-size:50px;background:#cacaf1;box-shadow:0 8px 40px rgba(210,77,101,.26);border-radius:14px;margin-left:450px}.item2{grid-area:item2}#item2{width:160px;height:100%;display:inline-flex;grid-gap:16px;gap:16px;font-size:12px;padding-left:1.5em;padding-top:1.5em;background:hsla(0,0%,100%,.8);border-radius:20px}.item3{grid-area:item3}#item3{width:250px;height:100%;background:hsla(0,0%,100%,.8);border-radius:20px;display:inline-flex;grid-gap:12px;gap:12px;padding-left:1em;margin-left:330px;padding-top:14px}.item4{grid-area:item4}#item4{width:200px;height:100%;background:hsla(0,0%,100%,.8);border-radius:20px;display:inline-flex;grid-gap:12px;gap:12px;padding-right:1em;padding-left:.5em;padding-top:1.5em}.button-container{height:4em;display:-webkit-b;display:flex;justify-content:center;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;grid-gap:20px;gap:20px}.button{font-weight:300}.playbutton{background:rgba(248,245,245,.9);color:#000;border-radius:100%;padding:.8em;width:4em}.Resume{background-color:#f48c06!important;border:1px solid #f48c06;width:200px;font-size:1.2em;padding-top:1em}.Resume:hover{background-color:#cacaf1!important;border:1px solid #cacaf1}.Hire{padding-top:20px;font-size:1em;background-color:initial!important;width:200px}.Hire:hover{background-color:#f48c06!important;border:1px solid #f48c06}@media only screen and (max-width:450px){.navv{padding-right:15px!important}.maincontainer{padding:1em;display:flex;flex-wrap:wrap;justify-content:space-evenly}.floatingcards{width:200px;height:200px;position:relative;z-index:2;display:grid;grid-template-columns:1fr;grid-template-rows:.5fr 1fr 1fr 2fr;grid-template-areas:"item1" "item2" "item3" "item4"}.imagearea{margin-top:70px;border-bottom-right-radius:50% 15%;border-bottom-left-radius:50% 25%}#item3{width:250px;height:80px;grid-gap:12px;gap:12px;font-size:16px;padding-left:.5em;padding-top:1.5em}#item4{width:200px;height:70px}}@media only screen and (max-width:550px){.maincontainer{padding:1em;display:flex;flex-wrap:wrap;justify-content:space-evenly}.floatingcards{width:150px;height:100%;position:relative;z-index:2;display:grid;grid-template-columns:1fr;grid-template-rows:.5fr 1fr 1fr 2fr;grid-template-areas:"item1" "item2" "item3" "item4"}}@media only screen and (max-width:990px){.maincontainer{padding:1em;display:flex;flex-wrap:wrap;justify-content:space-evenly}#item1{align-items:flex-end}#item3{margin-left:250px}}@media only screen and (max-width:1200px){.navv{height:15px;justify-content:space-between}.maincontainer{padding:10px;display:flex;flex-wrap:wrap;justify-content:space-evenly}.textarea{width:100%;padding-top:2.5em;padding-left:2em;padding-right:2em;font-family:Poppins;font-style:normal;text-align:center;justify-content:center}.imagearea{margin-top:20px}.floatingcards{width:200px;height:400px;bottom:470px;position:relative;z-index:2;display:grid;grid-template-columns:1fr;grid-template-rows:.5fr 1fr 1fr 2fr;grid-template-areas:"item1" "item2" "item3" "item4"}#item1{padding-top:0}#item3{margin-left:300px;padding-right:1em}#item4{width:200px;height:140px}.Hire{padding-top:20px;font-size:1em;background-color:initial!important;color:#fff;width:140px}.hide{display:none}}.contactme{background:#000;justify-items:center;align-items:center;align-content:center;width:100%}.mymap{width:500px}.myform,.mymap{position:relative}.myform{width:400px;height:400px}.contact-formm form{width:275px;height:400px}.contact-inputt{margin-bottom:20px;border-radius:5px;padding:20px;width:auto;background-color:#fff}.contact-inputt input{border:none;outline:none;width:100%}.contact-textareaa{background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:20px;width:auto;border-radius:5px}.contact-textareaa textarea{font-size:16px;width:100%;height:70px;border:none;outline:none}.contact-textareaa button{text-transform:uppercase;margin-top:20px;cursor:pointer;width:80px;padding:10px 0;align-self:center;border:none;background-color:inherit}.contact-textareaa button:hover{background-color:#000;color:#fff}@media only screen and (max-width:920px){.mymap{margin-top:150px}}@media only screen and (max-width:600px){.mymap{margin-top:150px}}@media only screen and (max-width:425px){.mymap{margin-top:150px}}#light{background-color:#38004c}#dark{background-color:#000}#light .main{background-color:#fff}#light .contain{background-color:#38004c}#dark .contain{background-color:#000}#light .contact-me{background-color:#38004c}#dark .contact-me{background-color:#000}#light .port{background-color:#38004c}#dark .port{background-color:#000}#light .portfolio>.row{background-color:#38004c}#dark .portfolio>.row{background-color:#000}#light .sec3{background-color:#38004c}#dark .sec3{background-color:#000}#light .password,#light .username{color:#263238;background:hsla(0,4%,51.4%,.04)}#dark .password,#dark .username{color:#feffff;background:rgba(255,247,247,.299)}.password:focus,.username:focus{border:2px solid rgba(0,0,0,.18)!important}.switch{width:100vw;left:50%;height:100px;justify-content:center;align-items:center}#light .switch label{color:#000}#dark .switch label{color:#fff}:root{--main-radius:5px;--main-padding:5px}body{font-family:Inter,sans-serif}.customcontainer{overflow:hidden;font-weight:800;text-transform:uppercase;font-size:12px;text-align:center}.section2,.section3,.section4,main{background:#fff}.section4{color:#000}.section5,.section6,.section7{background:#fff}#sidebar{grid-area:sidebar}#content1,#sidebar{background:#fff;border:2px solid #000}#content1{grid-area:content1}#content2{grid-area:content2}#content2,#content3{background:#fff;padding-top:5px;padding-top:var(--main-padding);border:2px solid #000}#content3{grid-area:content3}footer{background:#fff}.aa{text-align:center;display:block;font-family:inherit;text-decoration:none;font-weight:700;margin:1rem}@media only screen and (max-width:600px){.customcontainer{overflow-x:hidden;font-weight:800;text-transform:uppercase;font-size:12px;text-align:center}}@media only screen and (max-width:550px){.customcontainer{overflow-x:hidden;font-weight:800;text-transform:uppercase;font-size:12px;text-align:center}}@media only screen and (max-width:425px){.customcontainer{overflow-x:hidden;font-weight:800;text-transform:uppercase;font-size:12px;text-align:center}}@media only screen and (max-width:375px){.customcontainer{overflow-x:hidden;font-weight:800;text-transform:uppercase;font-size:12px;text-align:center}}.contain{height:200px;background-color:#000;justify-content:center;align-items:center;text-transform:none!important}.containertext .text{position:relative;color:#fff;background-color:initial;font-family:open sans,sans-serif;line-height:50px;font-size:30px;font-weight:600;box-sizing:border-box}.containertext .text.first-text{color:#fff}.text.sec-text:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:initial;border-left:2px solid #fff;-webkit-animation:animate 4s steps(12) infinite;animation:animate 4s steps(12) infinite}h1{text-align:center}.social-menu ul{display:flex;justify-content:center;align-items:center}ul{padding:0!important}.social-menu ul li{list-style:none;margin:10px}.social-menu ul li .fa{color:#000;font-size:25px;line-height:50px;transition:.5s}.social-menu ul li .fa:hover{color:#fff}.social-menu ul li a{position:relative;display:block;width:50px;height:50px;border-radius:50%;background-color:#fff;text-align:center;transition:.5s;-webkit-transform:translate(0);transform:translate(0);box-shadow:0 7px 5px rgba(0,0,0,.5)}.social-menu ul li a:hover{-webkit-transform:rotate(0deg) skew(0deg) translateY(-10px);transform:rotate(0deg) skew(0deg) translateY(-10px)}.social-menu ul li:first-child a:hover{background-color:#3b5999}.social-menu ul li:nth-child(2) a:hover{background-color:#55acee}.social-menu ul li:nth-child(3) a:hover{background-color:#e4405f}.social-menu ul li:nth-child(4) a:hover{background-color:#cd201f}.social-menu ul li:nth-child(5) a:hover{background-color:#0077b5}@-webkit-keyframes animate{40%,60%{left:calc(100% + 4px)}to{left:0}}@keyframes animate{40%,60%{left:calc(100% + 4px)}to{left:0}}@media only screen and (max-width:600px){.social-menu ul{display:flex;justify-content:center;align-items:center;margin:auto}.containertext .text{position:relative;color:#fff;background-color:initial;font-family:Times New Roman,Times,serif;line-height:50px;font-size:20px;font-weight:600;box-sizing:border-box}}@media only screen and (max-width:425px){.social-menu ul{display:flex;justify-content:center;align-items:center;margin:auto}ul{padding:0!important}.social-menu ul li a{position:relative;display:block;border-radius:50%;background-color:#fff;text-align:center;transition:.5s;-webkit-transform:translate(0);transform:translate(0);box-shadow:0 7px 5px rgba(0,0,0,.5);margin:auto}.social-menu ul li .fa{color:#000;font-size:30px;line-height:50px;transition:.5s;padding-bottom:10px}.containertext .text{position:relative;color:#fff;background-color:initial;font-family:Times New Roman,Times,serif;line-height:50px;font-size:20px;font-weight:600;box-sizing:border-box}}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}a:link{color:#fff}.nav-link,a:link{text-decoration:none}.nav-link{display:block;padding:.5rem 1rem;color:#0d6efd;font-style:"open sans",sans-serif;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:#0a58ca}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background:none;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6;isolation:isolate}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:initial;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{background:none;border:0;border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#0d6efd}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{height:2em!important;width:2em!important;padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:initial;border:1px solid transparent;border-radius:.25rem;transition:box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 .25rem}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:50%;background-size:100%}.navbar-nav-scroll{max-height:75vh;max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler,.navbar-expand-sm .offcanvas-header{display:none}.navbar-expand-sm .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:initial;border-right:0;border-left:0;transition:none;-webkit-transform:none;transform:none}.navbar-expand-sm .offcanvas-bottom,.navbar-expand-sm .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler,.navbar-expand-md .offcanvas-header{display:none}.navbar-expand-md .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:initial;border-right:0;border-left:0;transition:none;-webkit-transform:none;transform:none}.navbar-expand-md .offcanvas-bottom,.navbar-expand-md .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler,.navbar-expand-lg .offcanvas-header{display:none}.navbar-expand-lg .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:initial;border-right:0;border-left:0;transition:none;-webkit-transform:none;transform:none}.navbar-expand-lg .offcanvas-bottom,.navbar-expand-lg .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler,.navbar-expand-xl .offcanvas-header{display:none}.navbar-expand-xl .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:initial;border-right:0;border-left:0;transition:none;-webkit-transform:none;transform:none}.navbar-expand-xl .offcanvas-bottom,.navbar-expand-xl .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler,.navbar-expand-xxl .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:initial;border-right:0;border-left:0;transition:none;-webkit-transform:none;transform:none}.navbar-expand-xxl .offcanvas-bottom,.navbar-expand-xxl .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler,.navbar-expand .offcanvas-header{display:none}.navbar-expand .offcanvas{position:inherit;bottom:0;z-index:1000;flex-grow:1;visibility:visible!important;background-color:initial;border-right:0;border-left:0;transition:none;-webkit-transform:none;transform:none}.navbar-expand .offcanvas-bottom,.navbar-expand .offcanvas-top{height:auto;border-top:0;border-bottom:0}.navbar-expand .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.55)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.55);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.55)}.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:hsla(0,0%,100%,.55)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:hsla(0,0%,100%,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:hsla(0,0%,100%,.25)}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:hsla(0,0%,100%,.55);border-color:hsla(0,0%,100%,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:hsla(0,0%,100%,.55)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.customcolor{background:rgba(7,7,7,.5)}.navbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.customtext,.vicc4{color:#fff}.vicc4{font-family:Roboto}.sec2{display:flex;justify-content:center}.About{font-family:open sans,sans-serif}.vizard1{width:45%;height:400px}.vizard2{width:50%}.header{font-weight:800;font-size:2em;line-height:32px;color:#000}.content{line-height:32.74px;font-weight:400;font-size:1.1em;text-align:center;color:#000}.button-container{width:95%;height:3.5em;display:-ms-flexbox;display:inline-block}.button{padding:.5em;font-weight:500;font-size:1.25em;line-height:29.71px;border-radius:10px}.Resume{background-color:#000;color:#fff;border:1px solid #000;margin-bottom:10px}.Resume:hover{background-color:#38004c!important;color:#fff;border:1px solid #38004c!important;transition-delay:125ms}.Hire{background-color:#000;color:#fff;border:1px solid #000}.Hire:hover{background-color:#38004c!important;color:#fff;border:1px solid #38004c!important;transition-delay:125ms}@media only screen and (max-width:600px){.vizard1,.vizard2{width:100%}.button-container{width:100%;height:3.5em;display:-ms-flexbox;display:inline-block;justify-content:space-between}.button{padding:.5em;font-weight:500;font-size:1.25em;line-height:29.71px;border-radius:10px}}@media only screen and (max-width:425px){.vizard1,.vizard2{width:100%}.button-container{width:100%;height:3.5em;display:-ms-flexbox;display:inline-block;justify-content:space-evenly}.button{padding:.5em;font-weight:500;font-size:1.25em;line-height:29.71px;border-radius:10px}}.sec3{background-color:#000;padding-top:50px;padding-left:5em;padding-right:5em;font-family:open sans,sans-serif}.customcontain0,.sec3{justify-content:center}.customcontain0{display:flex;flex-wrap:wrap;background-color:#fff;padding-bottom:70px}h3{color:#000;text-align:center}.customcontain{grid-gap:2em;gap:2em;padding-top:5em;padding-left:2em;padding-right:2em}.customcontain,.customcontain1{display:flex;flex-wrap:wrap;justify-content:center}.customcontain1{grid-gap:5em;gap:5em;padding:2em}:root{--primary-color:#070707;--style:#d9d9d9}.sec4{height:400px;left:0;background-color:#0ff}.sec4,.services-section{display:flex;justify-content:center}.services-section{height:auto;overflow-x:hidden;font-family:open sans,sans-serif;color:#000;flex-wrap:wrap;flex-direction:column;align-items:center;margin:auto;padding-top:3px;padding-bottom:5px}.main--title{letter-spacing:0;line-height:64px;min-width:127px;white-space:nowrap;text-align:center;margin-bottom:1}.component--row{align-items:flex-end;display:flex;height:338px;margin-top:25px;min-width:1300px;justify-content:space-evenly;text-align:center}.component--cards{align-items:center;background-color:#d9d9d9;background-color:var(--style);border-radius:20px;width:320px}.component--icon{font-size:42px}.component--title{font-size:24px;font-weight:700;margin-top:1px;line-height:33px}.component--text,.component--title{font-style:normal;font-family:open sans,sans-serif;color:#070707;color:var(--primary-color);letter-spacing:0}.component--text{font-size:15px;font-weight:400;margin-top:5px;padding-bottom:50px;padding-left:45px;line-height:27px;width:275px}.port-card{border-radius:30px}.sec5{display:flex;height:400px;left:0;background-color:#ff4500;justify-content:center}@media screen and (max-width:991px){.port-card{background:#fff}}@media screen and (min-width:992px){.port{background:#000;color:#fff}.portfolio>.row{background-color:#000;flex-wrap:nowrap;overflow-x:hidden}.portfolio>.row:hover{overflow-x:scroll}.port-card{flex-direction:column;color:#fff}.img-div{width:100%!important}.btnn{overflow-x:auto;background:#fff;color:#000!important;border-radius:25px}.portfolio>.row:hover::-webkit-scrollbar-track{border:1px solid #000;padding:2px 0;background-color:#404040}.portfolio>.row:hover::-webkit-scrollbar{width:10px}.portfolio>.row:hover::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#737272;border:1px solid #000}}.sec6{display:flex;height:300px;left:0;background-color:gold;justify-content:center}.testimonials{font-family:open sans,sans-serif;align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;height:420px;padding:2px 0}.title{letter-spacing:0;line-height:64px;font-weight:800;font-style:normal;color:#070707}.quote--marks{font-size:42px;height:42px}.star--ratings{margin-top:15px;font-size:28px;height:33px}.client--content{grid-gap:10px;gap:10px;padding:10px 0}.client--name,.client--quote{color:#070707;font-size:32px;line-height:44px}.secc6{height:420px}@media only screen and (max-width:425px){.secc6{height:500px}.testimonials{height:500px;padding:10px}}.contact-me{font-family:open sans,sans-serif;margin:0;padding:0;background-color:#000;text-align:center}.sec7{display:flex;height:400px;left:0;background-color:silver;justify-content:center}.title{font-weight:700;font-size:32px;color:#fff!important;text-transform:capitalize;text-align:center}.wrapper{display:flex;justify-content:space-evenly;flex-wrap:wrap;padding-bottom:10px}.contact-list{color:#fff;list-style:none;margin-top:50px}.contact-list-item{display:flex;margin-bottom:20px}.contact-details{font-size:16px;font-weight:500;margin-top:-1px}.icons{display:flex;color:#fff}.icon{font-size:26px;margin-right:10px;font-weight:700}.contact-form{position:relative;width:300px;height:460px}.contact-form form{width:275px;height:400px}.contact-input{margin-bottom:20px;border-radius:5px;padding:20px;width:auto;background-color:#fff}.contact-input input{border:none;outline:none;width:100%}.contact-textarea{background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:20px;width:auto;border-radius:5px}.contact-textarea textarea{font-size:16px;width:100%;height:70px;border:none;outline:none}.contact-textarea button{text-transform:uppercase;margin-top:20px;cursor:pointer;width:80px;padding:10px 0;align-self:center;border:none;background-color:inherit}.contact-textarea button:hover{background-color:#000;color:#fff}#goto{color:#fff;position:absolute;bottom:0;right:0;font-size:26px;font-weight:500}.myportfolio{background:#f4f4f4;height:100vh;overflow-x:hidden}a:hover{color:#fff!important}.port1{width:100%;display:flex;margin-bottom:50px;height:auto;justify-content:center;flex-wrap:wrap}.port2{height:355px;position:relative;width:40%;display:flex;margin-top:40px}.port3{display:block;width:40%;padding:20px;margin:200px 1% 1% -40px;z-index:3;opacity:1;background:#d9d9d9;border-radius:0 0 15px 15px}.img-container{margin:0;font-family:Shippori Antique,sans-serif}.img-container,.img-container1{padding:0;box-sizing:border-box;max-width:100%}.img-container1{position:absolute;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;min-height:100%;max-height:100%;-webkit-filter:none;filter:none;background-size:cover;background-image:none;background-position:0 0;border-radius:15px 15px 0 0}.img-container2{box-sizing:border-box;display:inline-block;overflow:hidden;width:auto;height:auto;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%}#arrrow1{left:30px}@media only screen and (max-width:1200px){.port2{height:130px;position:relative;width:30%;display:flex;margin-top:180px}.port3{display:block;width:40%;margin:130px 1% 1% -40px;z-index:3;opacity:1;padding-top:10px;padding-bottom:10px}}@media only screen and (max-width:600px){.port2{height:200px;width:100%;position:relative;display:flex;margin-right:40px;margin-left:40px;margin-top:40px}.port3{display:block;width:100%;margin:10px 40px 40px;z-index:3;opacity:1;padding-top:10px;padding-bottom:10px}}@media only screen and (max-width:425px){.port2{height:200px;width:100%;position:relative;display:flex;margin-right:40px;margin-left:40px;margin-top:40px}.port3{display:block;width:100%;margin:10px 40px 40px;z-index:3;opacity:1;padding-top:10px;padding-bottom:10px}}#arrow2{color:#000;margin-top:50px;font-size:26px;font-weight:500}.services{background:#fff;overflow-x:hidden;margin-left:auto;margin-right:auto}.services-content-wrapper{height:auto;width:100%;overflow:hidden;text-align:center;padding:2.5%;flex-wrap:wrap}.myservices{height:25em;width:28%;margin:1.5%;background-color:#191919;display:inline-block;box-shadow:0 0 25px rgba(0,0,0,.05);position:relative;text-align:center;z-index:2;border-radius:20px;overflow:hidden;-webkit-animation:opacity 1.4s ease;animation:opacity 1.4s ease}#myservices,.myservices:hover{background-color:#046d33}#myservices{font-size:10px;font-weight:500;margin-top:20px;padding-bottom:10px!important;color:#fff!important;height:92px;width:92px;border-radius:30px}.techstack{color:#fff;font-size:30px;text-align:center;padding-top:50px;display:flex;flex-wrap:wrap;grid-row-gap:2em;row-gap:2em;justify-content:space-evenly;width:100%}.frontend{width:40%;border-radius:20px;background:#046d33;border:2px solid #046d33;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;grid-template-areas:"first first" "second second" "third third" "fourth fourth";grid-gap:10px;gap:10px}.frontend:hover{background-color:initial}#frontend1{grid-area:first}#frontend2{grid-area:second second}#frontend3{grid-area:third third}#frontend4{grid-area:fourth fourth}#backend{background:#046d33;padding:15px}.mytestimonials{color:#fff;font-size:50px;text-align:center}.overlay{height:100%;width:0;position:fixed;z-index:7;left:0;top:0;background-color:#000;background-color:rgba(0,0,0,.9);overflow-x:hidden;transition:.5s}.overlay-content{position:relative;top:25%;width:100%;text-align:center;margin-top:30px}.overlay a{padding:8px;text-decoration:none;font-size:36px;color:#818181;display:block;transition:.3s}.overlay a:focus,.overlay a:hover{color:#f1f1f1}.overlay .closebtn{position:absolute;top:20px;right:45px;font-size:60px}@media screen and (max-height:450px){.overlay a{font-size:20px}.overlay .closebtn{font-size:40px;top:15px;right:35px}}@media only screen and (max-width:1025px) and (min-width:551px){.myservices{height:auto;width:45%}.frontend{width:55%}}@media only screen and (max-width:550px){.myservices{width:90%;box-shadow:0 0 25px rgba(0,0,0,.1)}.frontend{width:90%}}.skills{background:#000;overflow-x:hidden}a:hover{color:#046d33}.portt1{width:100%;display:flex;height:auto;justify-content:center;flex-wrap:wrap}.portt2{height:355px;position:relative;width:40%;display:flex;margin-top:40px}.portt3{display:block;padding:20px;width:40%;margin:200px 1% 1% -40px;z-index:3;opacity:1;background:#000;border-radius:0 0 15px 15px}.img-containerr{margin:0;font-family:Shippori Antique,sans-serif}.img-containerr,.img-containerr1{padding:0;box-sizing:border-box;max-width:100%}.img-containerr1{position:absolute;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;min-height:100%;max-height:100%;-webkit-filter:none;filter:none;background-size:cover;background-image:none;background-position:0 0;border-radius:15px 15px 0 0}.img-containerr2{box-sizing:border-box;display:inline-block;overflow:hidden;width:auto;height:auto;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%}#arrrow1{top:30px;left:2px}#arrrow1,#arrrow2{position:absolute;z-index:4}#arrrow2{color:#fff;top:47px;right:30px}label{display:flex;flex-direction:column;width:70px;cursor:pointer}label span{background:#fff;border-radius:10px;height:7px;margin:7px 0;transition:.4s cubic-bezier(.68,-.6,.32,1.6)}span:first-of-type{width:50%}span:nth-of-type(2){width:100%}span:nth-of-type(3){width:75%}input[type=checkbox]{display:none}input[type=checkbox]:checked~span:first-of-type{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:rotate(45deg) translate(8px);transform:rotate(45deg) translate(8px)}input[type=checkbox]:checked~span:nth-of-type(2){-webkit-transform-origin:top;transform-origin:top;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}input[type=checkbox]:checked~span:nth-of-type(3){-webkit-transform-origin:bottom;transform-origin:bottom;width:50%;-webkit-transform:translate(30px,-11px) rotate(45deg);transform:translate(30px,-11px) rotate(45deg)}@media only screen and (max-width:1200px){.portt2{height:130px;position:relative;width:30%;display:flex;margin-top:180px}.portt3{display:block;width:40%;margin:130px 1% 1% -40px;z-index:3;opacity:1;background:#f4f4f4;padding-top:10px;padding-bottom:10px}}@media only screen and (max-width:600px){.portt2{height:200px;width:100%;position:relative;display:flex;margin-right:40px;margin-left:40px;margin-top:40px}.portt3{display:block;width:100%;margin:10px 40px 40px;z-index:3;opacity:1;background:#000;padding-top:10px;padding-bottom:10px}}@media only screen and (max-width:425px){.portt2{height:200px;width:100%;position:relative;display:flex;margin-right:40px;margin-left:40px;margin-top:40px}.portt3{display:block;width:100%;margin:10px 40px 40px;z-index:3;opacity:1;background:#000;padding-top:10px;padding-bottom:10px}}.vic3{color:#000;font-family:times new roman,sans-serif;font-size:50px;align-items:center;justify-content:center}.btn-primary{color:#fff;background-color:#000!important;border-color:#000}.vic4{color:#000;font-family:Times New Roman,Times,serif;font-size:30px}.vic5{display:flex;flex-direction:column;background-color:#fcfbf4;background-position:50%}.containerr{display:flex;box-sizing:border-box;margin-left:auto;margin-right:auto;justify-content:center;height:500px;width:500px}.modalClass{text-align:center;margin-top:100px}.flex-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;width:auto;background-color:#000;background-position:50%;background-size:cover;position:relative}*{text-align:center}.mainpop{background-color:rgba(39,145,216,.71);height:100%;width:100%;position:center;top:0}.popup{height:500px;width:50%;background-color:#fff;position:absolute;top:25%;right:25%}.popup-header{display:flex;justify-content:space-between;padding:0 30px 0 15px;border-bottom:2px solid #000}.App{justify-content:center;align-items:center;text-align:"center";background:#32de84;display:flex;width:100%;height:100vh}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#000;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)}}.vic1{color:#fff}.vic1,.vic2{font-family:Brush Script MT,cursive;font-size:50px}.vic2{color:#f89808}
/*# sourceMappingURL=main.36d4b864.chunk.css.map */