*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#6185a5;font-family:Freckle Face,cursive}.container{margin:auto;max-width:85%}.flex{display:flex;justify-content:space-between}ul{list-style:none}a{color:#000;text-decoration:none}header{padding:20px 0}header .logo img{max-width:5rem;width:100%}header ul,header ul li{display:inline-block}header ul li{margin-left:30px}header ul li a{font-weight:700;transition:all .5s}header ul li a:hover{color:#38a1f3}.HeaderIcon{margin-left:20px;transition:all .5s}.navbar-items-icon{display:none}header.active{background:#fff;box-shadow:0 2px 28px 0 rgba(0 0 0/6%);left:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}@media screen and (max-width:768px){.nav-links,header .icon{display:none}.nav-links-sidebar{background:url(/static/media/3.f3c9455e1b36a483766d.jpg) 50%/contain no-repeat;display:flex;flex-direction:column;left:0;max-height:content;padding:2rem 1rem;position:absolute;top:75px;transition:all .5s;width:100%;z-index:5}header ul li{margin-bottom:25px}header ul li:nth-child(6){margin-bottom:0}.navbar-items-icon{border:1px solid #000;color:#000;cursor:pointer;display:flex;padding:6px;position:absolute;right:30px}}.home{min-height:100vh}.home .left,.home .right{position:relative;width:50%}.home .flex{display:flex}.home .img{height:90vh;overflow:hidden;position:relative;width:100%}.home img{height:100vh;left:0;object-fit:cover;position:absolute;top:0;-webkit-transform:scale(1.1);transform:scale(1.1);width:100%}.topMargin{margin-top:80px}.home h1{color:red;font-family:Nosifer,cursive;font-size:60px;font-weight:lighter;line-height:2.6rem}.socialIcon svg{border-radius:50%;cursor:pointer;height:35px;line-height:35px;margin-right:10px;padding:6px;text-align:center;transition:all .5s;width:35px}.socialIcon svg:hover{color:#fff}.socialIcon .facebook{border:1px solid #4267b2;color:#4267b2}.socialIcon .facebook:hover{background:#4267b2}.socialIcon .twitter{border:1px solid #38a1f3;color:#38a1f3}.socialIcon .twitter:hover{background:#38a1f3}.socialIcon .youtube{border:1px solid #e92525;color:#e92525}.socialIcon .youtube:hover{background:#e92525}.socialIcon .pinterest{border:1px solid #c8232c;color:#c8232c}.socialIcon .pinterest:hover{background:#c8232c}button{background:none;border:none;color:#fff;cursor:pointer;font-size:15px;font-weight:700;outline:none;transition:all .5s}.primary-btn{background:#000;padding:15px 40px}.primary-btn:hover{background:#fff;box-shadow:0 2px 28px 0 rgba(0,0,0,.2);color:#000}.home .right{margin-left:5%;margin-top:15%}.home .socialIcon{margin:30px 0}.home p{color:#6185a5;font-family:Caladea,serif;line-height:25px;margin-bottom:20px}.branding{background:#08071c;color:#fff;margin-top:35px;padding:80px 0}.branding .grid{grid-gap:30px;display:grid;grid-template-columns:repeat(3,1fr)}.branding h2{color:#38a1f3;font-size:40px;margin-right:20px}.branding h3{font-size:22px;margin:10px 0 20px}.branding p{color:#fff;font-family:Caladea,serif;opacity:.7}.about{min-height:100vh}.mtop{margin-top:50px}h3{color:#38a1f3;font-size:15px;margin:20px 0;text-transform:uppercase}.heading h2{color:red;font-family:Zilla Slab Highlight,cursive;font-size:30px;margin-bottom:30px;text-shadow:.05rem .05rem .05rem rgba(0,0,0,.21)}.about p{font-family:Caladea,serif;margin-bottom:20px}.about .left{padding-right:30px}.about .img{display:block;margin-left:auto;margin-right:auto;position:relative}.about img{height:100%;object-fit:cover;width:450px}.services{background:#f8f9fe;padding:50px 0;text-align:center}.services .contain{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,auto))}.services .img img{height:20rem;max-width:30rem;object-fit:cover;width:100%}.services .text{background:#fff;box-shadow:0 2px 20px 0 rgba(0 0 0/6%);margin-top:-30px;padding:30px}.services .text h2{color:#38a1f3;font-size:22px;margin-bottom:20px}.services .text p{font-family:Caladea,serif}.wrapper .container{margin:auto;max-width:40%;text-align:center}.wrapper h2{font-size:40px}.wrapper p{color:#ff0;font-family:Pirata One,cursive;margin-bottom:30px;opacity:1}.wrapper .primary-btn{background:#fff;border:1px solid transparent;color:#6185a5;transition:all .5s}.wrapper .primary-btn:hover{background:#000;border:1px solid #fff;color:#fff}.skill{padding:50px 0}.skill .heading{text-align:center}.progress{background:#ffe100;border-radius:20px;height:10px;margin:45px 0;max-width:90%;position:relative;width:40rem}.progress h4{color:#000;font-size:18px;position:absolute;top:-30px}.progress h4:nth-child(2){color:#7f9cb5;font-size:17px;right:0}.progress-done{background:#38a1f3;border-radius:20px;color:#fff;height:100%;opacity:0;transition:1s ease .3s;width:0}.skill .right{padding:0 50px}.skill .right h2{margin-bottom:20px}.skill h3 span{color:#6185a5;text-transform:lowercase}.skill .right p{font-family:Caladea,serif;margin-bottom:20px;margin-top:20px}.grid1{grid-gap:30px;display:grid;grid-template-columns:repeat(4,1fr)}.wrapperOne{background:#000;text-align:center}.wrapperOne h3{color:#fff}.wrapperOne p{font-size:14px;margin:10px 0}.work{background:#08071c;background:url(/static/media/8.64a884ce070e9d3607ed.jpg) 50%/cover no-repeat;min-height:179.4vh;overflow:hidden;padding:40px 0}.work .heading{color:#6185a5;padding:50px 0;text-align:center}.work .content{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,5vw)}.work .box:first-child{grid-column-end:5;grid-column-start:1;grid-row-end:4;grid-row-start:1}.work .box:nth-child(2){grid-column-end:7;grid-column-start:5;grid-row-end:4;grid-row-start:1}.work .box:nth-child(3){grid-column-end:9;grid-column-start:7;grid-row-end:4;grid-row-start:1}.work .box:nth-child(4){grid-column-end:3;grid-column-start:1;grid-row-end:8;grid-row-start:8}.work .box:nth-child(5){grid-column-end:5;grid-column-start:3;grid-row-end:8;grid-row-start:8}.work .box:nth-child(6){grid-column-end:9;grid-column-start:5;grid-row-end:8;grid-row-start:8}.work img{height:550px;object-fit:cover;width:100%}.work .box{color:#fff;height:550px;position:relative}.overlay{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;left:0;margin:auto;opacity:0;padding:50px;position:absolute;text-align:center;top:25%}.work .box:hover .overlay{opacity:1}.work .box:after{content:"";left:0;opacity:0;position:absolute;top:0;transition:.5s}.work .box:nth-child(2):after,.work .box:nth-child(3):after,.work .box:nth-child(4):after,.work .box:nth-child(5):after{background:rgba(18,22,25,.925);height:550px;width:380px}.work .box:first-child:after,.work .box:nth-child(6):after{background:rgba(18,22,25,.925);height:550px;width:758px}.work .box:hover:after{opacity:1}.work .box .icon,.work .box .text{position:relative;z-index:4}.work .box p{color:#fff;font-family:Caladea,serif;margin-top:20px;text-align:left}.work .box .icon{margin-top:25%}.iconWork{position:absolute;width:100%}.iconWork:first-child{left:160px}.iconWork:nth-child(2){right:160px}.blog .heading{text-align:center}.blog .text{font-family:Caladea,serif;margin:0;text-align:left}.blog span{font-size:15px;opacity:.5}.blog h3{color:#6185a5}.blog h3,.blog h4{margin:20px 0}.blog a{color:#38a1f3;line-height:20px}.blog a,.blog a .icon{align-items:center;display:flex}.blog a .icon{justify-content:center}footer.foot{background:#08071c;color:#fff;padding:100px 0 0}footer img{width:5rem}footer p{color:#fff;margin:20px 0}footer .socialIcon svg{margin-top:2rem}footer h3{font-size:20px;margin-bottom:30px}footer li{margin-bottom:15px}footer li a{color:#fff;transition:all .5s}footer li a:hover{opacity:.6}footer li:before{align-items:baseline;color:#ff0;content:".";font-size:40px;line-height:10px;margin-right:20px}footer .box p{margin:15px 0 0}footer span{color:#ff0;opacity:1}footer .icon{display:flex;margin-top:20px}footer .icon svg{color:#ff0;height:20px;margin-right:20px;width:20px}footer .box a p{transition:all .5s}.box .text a p:hover{opacity:.7}.legal{align-items:center;border-top:1px solid hsla(0,0%,100%,.5);display:flex;justify-content:space-between;margin-top:70px;padding:20px 0}.legal label{color:#38a1f3}@media screen and (max-width:768px){.home{display:flex;justify-content:center}.home .left,.home .right{margin:0;width:100%}.home .container{flex-direction:column;flex-direction:column-reverse}.home h1{font-size:40px}.home .img,.home img{height:100%;position:relative;width:100%}.home img{margin-bottom:2rem;-webkit-transform:scale(1);transform:scale(1)}button{margin-bottom:1rem}.branding .grid{grid-template-columns:repeat(1,1fr)}.about .container{flex-direction:column}.about .img,.about img{height:100%;width:100%}.about img{object-fit:cover}.about .img:after{display:none}.wrapper .container{max-width:80%}.wrapper .box h2{font-size:17px}.wrapperOne .grid1{grid-template-columns:1fr}.progress{max-width:100%}.progress h4{font-size:15px}.skill .content{flex-direction:column}.skill .right{padding:0}.work{min-height:340vh}.work .content{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(1,20vw)}.work .box:first-child{grid-column-end:1;grid-column-start:1;grid-row-end:5;grid-row-start:1}.work .box:nth-child(2){grid-column-end:7;grid-column-start:1;grid-row-end:8;grid-row-start:5}.work .box:nth-child(3){grid-column-end:9;grid-column-start:1;grid-row-end:11;grid-row-start:8}.work .box:nth-child(4){grid-column-end:9;grid-column-start:1;grid-row-end:14;grid-row-start:11}.work .box:nth-child(5){grid-column-end:9;grid-column-start:1;grid-row-end:17;grid-row-start:14}.work .box:nth-child(6){grid-column-end:9;grid-column-start:1;grid-row-end:20;grid-row-start:17}.work .box:first-child:after,.work .box:nth-child(2):after,.work .box:nth-child(3):after,.work .box:nth-child(4):after,.work .box:nth-child(5):after,.work .box:nth-child(6):after{background:rgba(18,22,25,.925);height:550px;width:767px;width:100%}footer .grid1{grid-template-columns:repeat(2,1fr)}footer .socialIcon{display:flex}}.pagesContent{height:100vh}.modalContainer,.pagesContent{align-items:center;display:flex;justify-content:center}.modalContainer{background:rgba(0,0,0,.35);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .4s ease;visibility:hidden;z-index:100}.modalContainer .modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(180deg,#fff,hsla(0,0%,100%,.9));border-radius:20px;box-shadow:0 0 1rem 0 rgba(0,0,0,.2);color:#000;flex-direction:column;font-size:1.2rem;height:auto;padding:2rem;-webkit-transform:translateY(-600px);transform:translateY(-600px);transition:all .4s ease;width:calc(20rem + 55vw)}.modalContainer .modal,.modalContainer .modal h2{font-family:Poppins,sans-serif}@media only screen and (max-width:768px){.modalContainer .modal h2{font-size:1.2rem}}@media only screen and (max-width:676px){.modalContainer .modal{font-size:1rem;width:calc(10rem + 55vw)}}.modalContainer .modal_header{border-bottom:1px solid #ddd;position:relative}.modalContainer .modal_header-title{margin-bottom:15px;text-align:center}.modalContainer .modal_header .close{background:transparent;border:none;cursor:pointer;position:absolute;right:.2rem;top:0}@media only screen and (max-width:676px){.modalContainer .modal_header .close{right:-1rem;top:-1rem}}.modalContainer .modal_header .close img{height:auto;transition:all .3s ease;width:1.5rem}@media only screen and (max-width:676px){.modalContainer .modal_header .close img{width:.8rem}}.modalContainer .modal_header .close:hover img{opacity:.5;-webkit-transform:scale(1.1);transform:scale(1.1)}.modalContainer .modal_content{border-bottom:1px solid #ddd;padding:2rem 0}.modalContainer .modal_footer{display:flex;justify-content:flex-end;padding:2rem 0 0}.modalContainer .modal_footer button{border-radius:8px;padding:.5rem}.modalContainer .modal_footer .submit{background-color:#364348;color:#fff;margin-right:1rem}.modalContainer .modal_footer .submit:hover{background:rgba(54,67,72,.8)}.modalContainer .modal_footer .modal-close{background:rgba(54,67,72,.8);cursor:pointer;font-weight:600;transition:all .3s ease-in-out}.modalContainer .modal_footer .modal-close:hover{background:hsla(0,0%,100%,.7);box-shadow:0 0 1rem 0 rgba(0,0,0,.2);color:rgba(54,67,72,.8)}.modalContainer.show{opacity:1;visibility:visible}.modalContainer.show .modal{-webkit-transform:translateY(0);transform:translateY(0)}
/*# sourceMappingURL=main.26856cc8.css.map*/