:root{--pri-color:#003af7;--sec-color:#002cbc;--alpha-color:rgba(0,58,247,.6)}*{padding:0;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dark{background-color:#323232;color:#c8c8c8}.dark,.light{min-height:100vh;margin:0;padding:0}.light{background-color:#c8c8c8;color:#323232}.colored{color:var(--pri-color)}.head{text-align:center;margin:50px 0}.header{height:-moz-fit-content;height:fit-content;background-color:var(--pri-color);overflow:hidden}.header div div div,.header span{color:#c8c8c8;cursor:pointer}.header .pages div{display:inline-block;padding:30px 10px;font-weight:700;text-align:center}.header .pages div:hover{background-color:var(--sec-color)}.header .mode div{display:inline-block;padding:30px;text-align:center}.header .mode span:hover{font-size:22px;padding:24px}.header .logo span{display:inline-block;padding:30px 50px;font-weight:700}.header .logo span:hover{font-size:22px;padding:24px 50px}@media only screen and (max-width:767.9px){.header{height:0}.open{height:-moz-fit-content;height:fit-content}.sett{margin-top:0!important;right:0!important}.sett .opn{right:10px!important}}.sett{margin-top:20px;position:absolute;right:50px;z-index:99}.sett .Mode,.sett .change,.sett .menu{border-radius:50%;margin:10px;display:block;width:35px;height:35px;text-align:center;font-size:15px;cursor:pointer}.sett .menu{font-weight:900;margin-top:20px;font-size:18px;padding:5px}.sett .Mode{padding:6px;margin-top:0}.sett .change{display:block;padding:6px;margin-top:5px}.sett .opn{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;position:absolute;padding:10px 30px;border-radius:10px;right:-15px;z-index:99}.sett .opn .blue,.sett .opn .green,.sett .opn .purple,.sett .opn .red,.sett .opn .yellow{display:block;width:30px;height:30px;border-radius:30px;margin-top:5px;margin-bottom:5px;box-shadow:-2px 2px 4px rgba(0,0,0,.6),inset -1px 1px 3px hsla(0,0%,100%,.6);cursor:pointer}.sett .opn .red{background-color:#d20000;margin-top:10px}.sett .opn .blue{background-color:#003af7}.sett .opn .green{background-color:#007b40}.sett .opn .yellow{background-color:#aa9118}.sett .opn .purple{background-color:#7500b8;background-color:#5b0090;margin-bottom:10px}.light .sett .Mode,.light .sett .change,.light .sett .menu,.light .sett .opn{box-shadow:-2px 2px 4px rgba(0,0,0,.3),inset -2px 2px 3px hsla(0,0%,100%,.6)}.light .sett .opn{background-color:#c8c8c8}.light .sett .Mode:hover,.light .sett .change:hover,.light .sett .menu:hover,.light .sett .opn:hover{color:var(--pri-color);box-shadow:inset -2px -2px 4px rgba(0,0,0,.3),inset .5px .5px 4px rgba(0,0,0,.3)}.dark .sett .Mode,.dark .sett .change,.dark .sett .menu,.dark .sett .opn{box-shadow:-2px 2px 4px rgba(0,0,0,.6),inset -1px 1px 3px hsla(0,0%,100%,.2)}.dark .sett .opn{background-color:#323232}.dark .sett .Mode:hover,.dark .sett .change:hover,.dark .sett .menu:hover,.dark .sett .opn:hover{color:var(--pri-color);box-shadow:inset -2px -2px 4px rgba(0,0,0,.3),inset .5px .5px 4px rgba(0,0,0,.3)}.home{padding-top:30px;min-height:88vh;height:-moz-fit-content;height:fit-content}.home .BS{display:flex}.home .SS{display:none}.home .con{position:relative;min-height:80vh}.home .info,.home .pic{margin-left:auto;margin-right:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.home .pic{width:390px;height:390px;border-radius:50%;overflow:hidden;border:5px solid var(--pri-color)}.home .pic img{width:400px;height:400px}.home .info{width:95%;padding-left:10%;margin-bottom:100px}.home .info .btn,.home .info p{font-size:20px;font-weight:700}.home .info .btn{background-color:var(--pri-color);color:#c8c8c8;padding:10px 30px 15px}.home .info .btn:hover{background-color:var(--sec-color)}.home .info .btn:active{border:none;outline:none}.home .info .icons{display:block;height:-moz-fit-content;height:fit-content;padding:5px;width:166px}.home .info .icons span{display:inline-block;font-size:25px;text-decoration:none;cursor:pointer}.home .info .icons span a{color:var(--pri-color)}.home .info .icons span a:hover{color:var(--sec-color)}@media only screen and (max-width:767.9px){.home{margin-top:16vh;min-height:100vh}.home .BS{display:none}.home .SS{display:flex}.home .info{margin-top:160px;margin-bottom:30px;padding-left:0;text-align:center;width:-moz-fit-content;width:fit-content}.home .info .btn,.home .info .icons{width:200px!important}.home .col-sm-12{flex:0 0 auto;width:100%}.home .pic{margin-top:-150px;width:250px;height:250px}.home .pic img{width:300px;height:300px}}.about{padding-top:30px}.about .pic{width:-moz-fit-content;width:fit-content;margin-top:10%}.about .pic img{border-radius:20px;width:300px;height:auto;box-shadow:12px 12px 5px rgba(0,0,0,.4)}.about .icons{display:block;height:-moz-fit-content;height:fit-content;padding:20px 5px;width:300px}.about .icons span{display:inline-block;font-size:25px;text-decoration:none;cursor:pointer}.about .icons span a{color:var(--pri-color)}.about .icons span a:hover{color:var(--sec-color)}.about .dis{margin-top:12%;margin-left:50px;text-align:left;font-weight:400;font-size:20px;width:100%;max-width:300px;height:70vh}.about .dis .experince{text-align:center;font-size:18px;font-weight:300}.about .dis .experince p .ex{font-weight:700;font-size:25px}.about .dis .experince p .plus{font-weight:700;font-size:25px;margin-left:-20px;margin-top:-2px;display:inline-block;position:absolute}.about .dis .experince a span{font-size:25px;margin-top:-6.5px}.about .dis a{background-color:var(--pri-color);color:#c8c8c8;text-decoration:none;display:block;margin-top:10px;padding:10px 20px;width:200px;text-align:left;font-weight:700;border-radius:10px}.about .dis a:hover{background-color:var(--sec-color)}.service{padding-top:30px;min-height:100vh;height:-moz-fit-content;height:fit-content}.service .head{margin-top:100px;margin-bottom:50px}.service .con{border-radius:20px;padding-top:120px;height:300px;text-align:center;margin:20px 0 100px;cursor:pointer}.service .con span{display:inline-block;margin-top:-20px;padding:10px;width:50px;height:50px;border-radius:50%;text-align:center;font-size:20px;font-weight:900;box-shadow:inset -2px -2px 4px rgba(0,0,0,.3),inset .5px .5px 4px rgba(0,0,0,.3)}.service .con p{font-size:20px;font-weight:600;margin-top:20px}.service .skills{border-radius:20px;padding-top:40px;height:300px;margin:20px 0 100px;cursor:pointer}.service .skills h4{display:inline-block;width:100%;text-align:center;font-size:20px}.service .skills span{display:block;padding-left:40px;font-size:20px}.service .skills span:before{content:"";border:8px solid transparent;border-left:8px solid var(--pri-color);position:absolute;width:10px;height:10px;margin-left:-20px;margin-top:7px}.light .service .con{box-shadow:-2px 2px 4px rgba(0,0,0,.3),inset -2px 2px 3px hsla(0,0%,100%,.6)}.light .service .con:hover{box-shadow:inset -2px -2px 4px rgba(0,0,0,.3),inset .5px .5px 4px rgba(0,0,0,.3);color:var(--pri-color)}.light .service .con:hover span,.light .service .skills{box-shadow:-2px 2px 4px rgba(0,0,0,.3),inset -2px 2px 3px hsla(0,0%,100%,.6)}.light .service .skills:hover{box-shadow:inset -2px -2px 4px rgba(0,0,0,.3),inset .5px .5px 4px rgba(0,0,0,.3);color:var(--pri-color)}.dark .service .con{box-shadow:-2px 2px 4px rgba(0,0,0,.6),inset -1px 1px 3px hsla(0,0%,100%,.2)}.dark .service .con:hover{box-shadow:inset -2px -2px 4px rgba(0,0,0,.3),inset .5px .5px 4px rgba(0,0,0,.3);color:var(--pri-color)}.dark .service .con:hover span,.dark .service .skills{box-shadow:-2px 2px 4px rgba(0,0,0,.6),inset -1px 1px 3px hsla(0,0%,100%,.2)}.dark .service .skills:hover{box-shadow:inset -2px -2px 4px rgba(0,0,0,.3),inset .5px .5px 4px rgba(0,0,0,.3);color:var(--pri-color)}@media only screen and (max-width:767.9px){.about{height:100vh}.about .head{margin-top:0}.about .pic{margin:20% auto;width:250px}.about .pic .icons,.about .pic img{width:250px}.about .dis{margin:12% auto;max-width:350px;padding-left:20px}.about .dis .experince a{margin:10px auto}}@media only screen and (max-height:800px){.service{padding-top:150px}}@media only screen and (max-width:767.9px){.about .col-sm-12,.service .col-sm-12{flex:1 0 auto}}.projects .con .np{display:block;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.projects .con .np span{display:inline-block;font-size:18px;font-weight:700;color:#c8c8c8;background-color:var(--pri-color);border-radius:10px;width:200px;padding:10px;cursor:pointer;margin-bottom:30px;margin-left:20px;text-align:center;letter-spacing:2px}.projects .con .np span:hover{background-color:var(--sec-color)}.projects .con .Card{height:-moz-fit-content;height:fit-content;width:800PX;margin-left:auto;margin-right:auto;margin-bottom:40px;padding:40px 40px 20px;border-radius:25px;box-shadow:inset -2px -2px 4px rgba(0,0,0,.3),inset .5px .5px 4px rgba(0,0,0,.3)}.projects .con .Card .Num{text-align:center;padding:10px;margin-bottom:30px}.projects .con .Card .pic{width:100%}.projects .con .Card .pic div span{display:inline-block;font-size:18px;font-weight:700;color:#c8c8c8;background-color:var(--pri-color);border-radius:10px;width:200px;padding:10px;cursor:pointer;margin-bottom:30px;margin-left:20px;text-align:center}.projects .con .Card .pic div span:hover{background-color:var(--sec-color)}.projects .con .Card .pic img{width:100%;height:100%;display:inline-block;margin-left:auto;margin-right:auto;box-shadow:-2px 2px 4px rgba(0,0,0,.6),inset -1px 1px 3px hsla(0,0%,100%,.2);border-radius:10px}.projects .con .Card .name h3{padding:10px 0}.projects .con .Card .des p{display:inline-block}.projects .con .Card .des .lan{background-color:var(--alpha-color);padding:5px 10px;margin:5px;color:#c8c8c8;font-size:18px;font-weight:700;letter-spacing:1px;box-shadow:-2px 2px 4px rgba(0,0,0,.6),inset -1px 1px 3px hsla(0,0%,100%,.2);border-radius:5px}.projects .con .Card .link{margin-top:30px;margin-bottom:10px}.projects .con .Card .link a{display:inline-block;background-color:var(--pri-color);color:#c8c8c8;border-radius:10px;padding:10px;width:100px;text-align:center;font-size:18px;font-weight:700;letter-spacing:1px;text-decoration:none}.projects .con .Card .link a:hover{background-color:var(--sec-color)}.projects .con .Card .link p{display:inline-block;padding:10px 0}@media only screen and (max-width:767.9px){.projects .col-sm-1,.projects .col-sm-10,.projects .col-sm-11,.projects .col-sm-12,.projects .col-sm-2,.projects .col-sm-3,.projects .col-sm-4,.projects .col-sm-5,.projects .col-sm-6,.projects .col-sm-7,.projects .col-sm-8,.projects .col-sm-9{flex:0 0 auto}}@media only screen and (max-width:768.9px){.projects .Card{margin-left:10px!important}}@media only screen and (max-width:767.9px){.projects .Card{padding:40px 20px!important}.projects .Card .row,.projects .Card .row>*{margin:0;padding:0}.projects .np span{margin-left:10px!important;width:50px!important}}.contact .head h2{text-align:center}.contact .con{box-shadow:inset -2px -2px 4px rgba(0,0,0,.3),inset .5px .5px 4px rgba(0,0,0,.3);width:98%;max-width:800PX;margin:30px auto;padding:40px;border-radius:30px}.contact .con div{padding:20px 0}.contact .con div input,.contact .con div textarea{color:var(--pri-color);background:none;outline:none;border:none;width:100%;padding:10px 40px;border-radius:15px}.contact .con div .btn{background-color:var(--pri-color);color:#c8c8c8;width:200px;margin-left:auto;margin-right:auto;letter-spacing:2px;display:block;font-size:20px;font-weight:700}.contact .con div .btn:hover{background-color:var(--sec-color)}.contact .con div #sub{height:200px}.light .contact input,.light .contact textarea{box-shadow:-2px 2px 4px rgba(0,0,0,.3),inset -2px 2px 3px hsla(0,0%,100%,.6)}.dark .contact input,.dark .contact textarea{box-shadow:-2px 2px 4px rgba(0,0,0,.6),inset -1px 1px 3px hsla(0,0%,100%,.2)}@media only screen and (max-width:767.9px){.contact .col-sm-1,.contact .col-sm-10,.contact .col-sm-11,.contact .col-sm-12,.contact .col-sm-2,.contact .col-sm-3,.contact .col-sm-4,.contact .col-sm-5,.contact .col-sm-6,.contact .col-sm-7,.contact .col-sm-8,.contact .col-sm-9{flex:0 0 auto}}