@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600&family=Edu+QLD+Beginner&family=Open+Sans:wght@300;400;500;600;700&family=Patrick+Hand&family=Poppins:wght@300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box;transition:150ms color linear,200ms background-color ease-in-out,150ms width linear,200ms border-color linear,transform 200ms linear,margin 220ms linear,150ms opacity linear}*::-moz-selection{background-color:#94bfff;color:#fff}*::selection{background-color:#94bfff;color:#fff}html{scroll-behavior:smooth}h1,h2,h3,h4{font-family:"Poppins",sans-serif;font-weight:700;color:#141e27}body{width:100%;height:200vh;font-size:18px;line-height:24px;font-family:"Open Sans",sans-serif}@media only screen and (max-width: 768px){body{font-size:16px}}img{max-width:100%;height:auto}ul{margin:0;padding:0}li{list-style:none}a{cursor:pointer;text-decoration:none}a i{cursor:pointer}.noselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#preloader{background:#0096ff url(../img/loading.svg) no-repeat center center;background-size:10%;width:100%;height:100vh;position:fixed;z-index:1000}.section-container{max-width:1200px;width:100%;margin:0 auto;margin-top:1vh;padding:35px 20px;text-align:center}@media only screen and (max-width: 768px){.section-container{padding:20px 15px}}.section-container:hover .section-title::after{width:40%;background-color:#0096ff}.section-container .section-title{margin-top:55px;margin-bottom:45px;color:#141e27;font-size:35px;position:relative;display:inline-block}.section-container .section-title::after{content:"";position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);width:20%;height:4.5px;border-radius:40px;background-color:#94bfff;transition:150ms color linear,200ms background-color ease-in-out,150ms width linear,200ms border-color linear,transform 200ms linear,margin 220ms linear,150ms opacity linear}@media only screen and (max-width: 768px){.section-container .section-title::after{background-color:#0096ff}}@media only screen and (max-width: 768px){.section-container .section-title{font-size:30px;margin-bottom:35px}.section-container .section-title::after{bottom:-20px}}.section-container .section-subtitle{max-width:650px;width:100%;margin:0 auto;margin-bottom:35px;color:#606060}@media only screen and (max-width: 768px){.section-container .section-subtitle{max-width:450px}}.button{cursor:pointer;display:inline-block;background-color:#0096ff;color:#fff;padding:12px 30px;border-radius:5px;font-size:inherit;font-family:"Poppins",sans-serif;border:2px solid rgba(0,0,0,0);letter-spacing:1px;box-shadow:rgba(0,0,0,.12) 0px 1px 3px,rgba(0,0,0,.24) 0px 1px 2px;transition:150ms color linear,200ms background-color ease-in-out,150ms width linear,200ms border-color linear,transform 200ms linear,margin 220ms linear,150ms opacity linear}.button:hover,.button-transparent{border-color:#0096ff;background-color:rgba(255,255,255,.5019607843);color:#0096ff;transform:translateY(-5px)}@media only screen and (max-width: 768px){.button{padding:10px 20px}}@media only screen and (max-width: 565px){.button{padding:5px 15px}}.button-transparent{transform:translateY(0)}.back-to-top{display:none}.back-to-top .container{display:flex;justify-content:center;align-items:center;cursor:pointer;width:40px;height:40px;color:#0096ff;border:2px solid #0096ff;border-radius:40px;position:fixed;bottom:40px;right:40px;background-color:rgba(0,0,0,0)}.back-to-top .container:hover{background-color:#0096ff;color:#fff}.back-to-top i{font-size:20px}.header{z-index:100;position:fixed;width:100%;box-shadow:rgba(0,0,0,.05) 0px 0px 0px 1px;background-color:rgba(255,255,255,.9)}.header::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#0096ff;transition:150ms color linear,200ms background-color ease-in-out,150ms width linear,200ms border-color linear,transform 200ms linear,margin 220ms linear,150ms opacity linear}.header .section-container{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:20px;margin:auto;transition:padding 200ms linear}@media only screen and (max-width: 768px){.header .section-container{padding:15px}}.header .logo a{font-size:40px;font-weight:600;color:#141e27;cursor:pointer;font-family:"Edu QLD Beginner",cursive;transition:150ms color linear,200ms background-color ease-in-out,150ms width linear,200ms border-color linear,transform 200ms linear,margin 220ms linear,150ms opacity linear,font-size 200ms linear}.header .logo a:hover{color:#0096ff}@media only screen and (max-width: 768px){.header .logo a{font-size:30px}}@media only screen and (max-width: 565px){.header .nav{display:none}}.header .nav-list{display:flex;justify-content:space-between;align-items:center}.header .nav-item{margin:0 15px}@media only screen and (max-width: 768px){.header .nav-item{margin:0 5px}}.header .nav-link{padding:5px;color:#141e27;font-weight:500;position:relative}.header .nav-link::after{content:"";position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:0;height:2px;border-radius:40px;background-color:#0096ff;transition:inherit}.header .nav-link:hover,.header .nav-link:focus{color:#0096ff}.header .nav-link:hover::after,.header .nav-link:focus::after{width:40%}.header .toggle-btn{display:none;position:fixed;top:30px;right:20px}@media only screen and (max-width: 565px){.header .toggle-btn{display:block}}.header .toggle-btn .bar{width:25px;height:2.5px;border-radius:70px;background-color:#141e27;position:relative;transition:150ms all linear}.header .toggle-btn .bar::before,.header .toggle-btn .bar::after{content:"";position:absolute;width:inherit;height:inherit;background-color:inherit;border-radius:inherit;transition:inherit}.header .toggle-btn .bar::before{bottom:7px}.header .toggle-btn .bar::after{top:7px}.header-toggle-active::after{width:100%}.header-toggle-active .section-container{flex-direction:column;align-items:flex-start;padding-bottom:0 !important}.header-toggle-active .nav{display:block}.header-toggle-active .nav-list{display:block;margin:15px auto}.header-toggle-active .nav-item{margin:8px 0}.header-toggle-active .nav-link{padding:10px 0 !important}.header-toggle-active .nav-link::after{display:none !important}.header-toggle-active .toggle-btn .bar{transform:rotate(135deg);background-color:#0096ff}.header-toggle-active .toggle-btn .bar::before{display:none}.header-toggle-active .toggle-btn .bar::after{top:0;transform:rotate(90deg)}.header-scroll-active .section-container{padding:15px}.header-scroll-active .logo a{font-size:35px}.header-scroll-active .nav-link{padding:0 5px}.header-scroll-active .nav-link::after{bottom:-3px}.footer{background-color:#141e27;color:#fff}.footer .section-container{padding-top:60px;padding-bottom:40px;text-align:left;margin-top:0}.footer-top{display:flex;justify-content:space-between;align-items:center;align-items:flex-start;padding-bottom:40px}@media only screen and (max-width: 565px){.footer-top{display:block}.footer-top .info-container{max-width:385px}.footer-top .social-container{margin-top:30px}}.footer .info-container{flex-basis:380px}@media only screen and (max-width: 768px){.footer .info-container{flex-basis:300px}}.footer .social-container{flex-basis:200px}@media only screen and (max-width: 768px){.footer .social-container{flex-basis:150px}}.footer .footer-title{color:#fff;font-size:23px;margin-bottom:15px}.footer .info-desc{font-size:15px;line-height:19.5px}.footer .social-item{display:inline-block;margin-right:10px}.footer .social-item a{color:#fff}.footer .social-item a:hover{color:#94bfff}.footer .social-item a i{font-size:22px}.footer-bottom{max-width:870px;margin:auto;text-align:center;font-size:12.5px;font-weight:300;padding-top:35px;border-top:1px solid #fff}.footer-bottom a{color:#fff;text-decoration:underline;font-weight:600}.footer-bottom a:hover{color:#94bfff}.thanks__page{display:grid;height:100vh;place-items:center}.thanks__page .icon-container{background-color:#0096ff;display:inline-block;padding:40px;border-radius:45px;margin-bottom:55px}@media only screen and (max-width: 565px){.thanks__page .icon-container{padding:25px;margin-bottom:30px}}.thanks__page .icon-container i{font-size:60px;color:#fff}@media only screen and (max-width: 565px){.thanks__page .icon-container i{font-size:40px}}.thanks__page .content-container h2{font-size:50px;margin-bottom:30px;color:#141e27}@media only screen and (max-width: 565px){.thanks__page .content-container h2{font-size:30px;margin-bottom:15px}}.thanks__page .content-container p{color:#606060;font-size:18px}@media only screen and (max-width: 565px){.thanks__page .content-container p{font-size:16px}}.thanks__page .back_to_home a{color:#0096ff;transition:150ms color linear,200ms background-color ease-in-out,150ms width linear,200ms border-color linear,transform 200ms linear,margin 220ms linear,150ms opacity linear}.thanks__page .back_to_home a:hover,.thanks__page .back_to_home a:focus{color:#141e27}.thanks__page .back_to_home a:hover .fa-arrow-left,.thanks__page .back_to_home a:focus .fa-arrow-left{opacity:1}.thanks__page .back_to_home a .fa-arrow-left{opacity:0}.thanks__page .back_to_home a .fa-house{color:#0096ff !important}.home__page .hero{height:100vh;background-image:linear-gradient(to right, rgba(245, 245, 245, 0.75), rgba(245, 245, 245, 0.75)),url("../img/hero-bg.svg");background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;display:grid;gap:0;justify-content:flex-start;align-items:stretch;place-content:center}.home__page .hero .section-container{margin:auto;text-align:center}.home__page .hero .title{font-size:53px;line-height:58px;margin-bottom:36px}@media only screen and (max-width: 768px){.home__page .hero .title{font-size:45px;line-height:53px;margin-bottom:22px}}.home__page .hero .desc{max-width:530px;margin:0 auto;margin-bottom:37px;color:#505050}@media only screen and (max-width: 768px){.home__page .hero .desc{margin-bottom:24px}}.home__page .hero .button{padding:13px 60px;font-size:20px}@media only screen and (max-width: 768px){.home__page .hero .button{padding:10px 30px;font-size:18px}}.home__page .hero .mouse-scroll-animation{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:30px;height:50px;border:2px solid #606060;border-radius:40px}@media only screen and (max-width: 768px){.home__page .hero .mouse-scroll-animation{display:none !important}}.home__page .hero .mouse-scroll-animation .dot{width:7px;height:7px;border-radius:40px;position:absolute;top:10px;left:50%;transform:translateX(-50%);-webkit-animation:mouse-scroll-animation 1250ms linear infinite forwards;animation:mouse-scroll-animation 1250ms linear infinite forwards}@-webkit-keyframes mouse-scroll-animation{0%{top:10px;background-color:#606060}75%{background-color:rgba(0,0,0,0)}100%{top:40px}}@keyframes mouse-scroll-animation{0%{top:10px;background-color:#606060}75%{background-color:rgba(0,0,0,0)}100%{top:40px}}.home__page .about .content-container{margin-top:60px !important;text-align:left;display:grid;gap:70px;justify-content:flex-start;align-items:stretch;grid-template-columns:1fr .95fr}@media only screen and (max-width: 992px){.home__page .about .content-container{text-align:justify;gap:40px}}@media only screen and (max-width: 768px){.home__page .about .content-container{grid-template-columns:1fr;text-align:left;max-width:500px;margin:0 auto;gap:60px}}@media only screen and (max-width: 565px){.home__page .about .content-container{font-size:15px}.home__page .about .content-container .content-main{text-align:center}}.home__page .about .button-transparent{margin-left:10px}.home__page .about .content-title{font-size:27px;margin-bottom:30px}@media only screen and (max-width: 768px){.home__page .about .content-title{font-size:23px;margin-bottom:15px}}.home__page .about .content-main__para{color:#606060;margin-bottom:10px;text-align:left}.home__page .about .content-main__para a,.home__page .about .content-main__para strong{font-weight:700}.home__page .about .content-main__para a{color:#0096ff;text-decoration:underline}.home__page .about .skill-container{display:flex;justify-content:flex-start;align-items:center;margin-top:5px;flex-wrap:wrap}@media only screen and (max-width: 565px){.home__page .about .skill-container{justify-content:center}}.home__page .about .skill-container .skill{font-family:"Poppins",sans-serif;color:#606060;background-color:#d6d6d6;padding:10px 15px;font-weight:500;font-size:16px;border-radius:5px;box-shadow:rgba(0,0,0,.05) 0px 0px 0px 1px;margin-right:13px;margin-bottom:13px;transition:150ms color linear,200ms background-color ease-in-out,150ms width linear,200ms border-color linear,transform 200ms linear,margin 220ms linear,150ms opacity linear}.home__page .about .skill-container .skill:hover{background-color:#94bfff;color:#141e27}@media only screen and (max-width: 992px){.home__page .about .skill-container .skill{padding:5px 10px}}.home__page .about .button{margin-top:20px}@media only screen and (max-width: 565px){.home__page .about .button{margin-top:10px}}.home__page .project .project-container{margin-top:60px;margin-bottom:60px;display:grid;gap:40px;justify-content:flex-start;align-items:stretch;grid-template-columns:repeat(auto-fit, minmax(500px, 1fr))}@media only screen and (max-width: 565px){.home__page .project .project-container{grid-template-columns:1fr}}.home__page .project .project-item{margin:0 auto;transition:150ms color linear,200ms background-color ease-in-out,150ms width linear,200ms border-color linear,transform 200ms linear,margin 220ms linear,150ms opacity linear;max-width:500px;width:100%}.home__page .project .project-item:hover .project-item__title a{color:#0096ff}.home__page .project .project-item:hover .project-item__title::before,.home__page .project .project-item:hover .project-item__title::after{margin:0 10px}.home__page .project .project-item:hover .project-item__image::after{width:100%}.home__page .project .project-item:hover .project-item__image img{transform:scale(1.2)}.home__page .project .project-item:hover .project-item__image ul{opacity:1}.home__page .project .project-item__image{box-shadow:rgba(0,0,0,.1) 0px 1px 3px 0px,rgba(0,0,0,.06) 0px 1px 2px 0px;width:100%;height:260px;transition:150ms color linear,200ms background-color ease-in-out,150ms width linear,200ms border-color linear,transform 200ms linear,margin 220ms linear,150ms opacity linear;overflow:hidden;border-radius:10px;position:relative}@media only screen and (max-width: 565px){.home__page .project .project-item__image{height:200px}}.home__page .project .project-item__image ul{display:flex;z-index:50;position:absolute;top:50%;left:50%;opacity:0;transform:translate(-50%, -50%);transition:150ms all linear 200ms}.home__page .project .project-item__image ul a{margin:0 15px;font-size:20px;color:#0096ff;transition:150ms color linear,200ms background-color ease-in-out,150ms width linear,200ms border-color linear,transform 200ms linear,margin 220ms linear,150ms opacity linear}.home__page .project .project-item__image ul a:hover{color:#94bfff}.home__page .project .project-item__image::after{content:"";width:0%;height:100%;position:absolute;bottom:0;left:0;background-color:rgba(255,255,255,.8);transition:150ms color linear,200ms background-color ease-in-out,150ms width linear,200ms border-color linear,transform 200ms linear,margin 220ms linear,150ms opacity linear}.home__page .project .project-item__image img{border-radius:inherit;transition:150ms color linear,200ms background-color ease-in-out,150ms width linear,200ms border-color linear,transform 200ms linear,margin 220ms linear,150ms opacity linear;width:100%;height:100%}.home__page .project .project-item__title{font-family:"Comfortaa",cursive;text-transform:capitalize;padding:10px 5px;font-size:22px;cursor:context-menu;transition:150ms color linear,200ms background-color ease-in-out,150ms width linear,200ms border-color linear,transform 200ms linear,margin 220ms linear,150ms opacity linear}.home__page .project .project-item__title a{color:#141e27}.home__page .project .project-item__title:hover::before,.home__page .project .project-item__title:hover::after{color:#94bfff}.home__page .project .project-item__title::before,.home__page .project .project-item__title::after{margin:0 5px;transition:150ms color linear,200ms background-color ease-in-out,150ms width linear,200ms border-color linear,transform 200ms linear,margin 220ms linear,150ms opacity linear}.home__page .project .project-item__title::before{content:"<"}.home__page .project .project-item__title::after{content:"/>"}.home__page .contact{background-image:linear-gradient(to right, rgba(245, 245, 245, 0.7019607843), rgba(245, 245, 245, 0.7019607843)),url("../img/hero-bg.svg");background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}.home__page .contact .section-container{max-width:950px;padding-bottom:70px}.home__page .contact .form-container{background-color:#fff;border-radius:10px;box-shadow:rgba(0,0,0,.05) 0px 0px 0px 1px;padding:35px 20px;padding-bottom:30px}.home__page .contact .input-container{max-width:800px;width:100%;margin:0 auto;margin-bottom:25px;text-align:left}.home__page .contact label{font-size:15px;font-weight:600;color:#606060;display:inline-block;margin-bottom:5px;transition:150ms color linear,200ms background-color ease-in-out,150ms width linear,200ms border-color linear,transform 200ms linear,margin 220ms linear,150ms opacity linear}.home__page .contact label:hover{color:#0096ff}.home__page .contact input:not([type=submit]),.home__page .contact textarea{cursor:text;display:block;width:100%;background-color:#f0f0f0;border:2px solid rgba(0,0,0,0);border-radius:7px;outline:none;transition:150ms color linear,200ms background-color ease-in-out,150ms width linear,200ms border-color linear,transform 200ms linear,margin 220ms linear,150ms opacity linear;padding:15px;font-size:16px;font-weight:500;font-family:"Poppins",sans-serif;box-shadow:rgba(0,0,0,.05) 0px 1px 2px 0px}@media only screen and (max-width: 565px){.home__page .contact input:not([type=submit]),.home__page .contact textarea{padding-top:10px;padding-bottom:10px}}.home__page .contact input:not([type=submit])::-moz-placeholder, .home__page .contact textarea::-moz-placeholder{-moz-transition:inherit;transition:inherit}.home__page .contact input:not([type=submit]):-ms-input-placeholder, .home__page .contact textarea:-ms-input-placeholder{-ms-transition:inherit;transition:inherit}.home__page .contact input:not([type=submit])::placeholder,.home__page .contact textarea::placeholder{transition:inherit}.home__page .contact input:not([type=submit]):focus,.home__page .contact textarea:focus{border-color:#94bfff;background-color:#fff}.home__page .contact input:not([type=submit]):focus::-moz-placeholder, .home__page .contact textarea:focus::-moz-placeholder{color:rgba(0,0,0,0)}.home__page .contact input:not([type=submit]):focus:-ms-input-placeholder, .home__page .contact textarea:focus:-ms-input-placeholder{color:rgba(0,0,0,0)}.home__page .contact input:not([type=submit]):focus::placeholder,.home__page .contact textarea:focus::placeholder{color:rgba(0,0,0,0)}.home__page .contact textarea{resize:vertical;min-height:60px;height:250px}.home__page .contact input[type=submit]{padding-left:50px;padding-right:50px}@media only screen and (max-width: 768px){.home__page .contact input[type=submit]{padding-left:30px;padding-right:30px}}/*# sourceMappingURL=main.min.css.map */