@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Ubuntu:wght@400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0;text-decoration:none}body,html{font-family:Poppins,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0}#icon{cursor:pointer;width:30px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#icon{transition:transform .3s,filter .3s}#icon:hover{animation:rotate 2s linear infinite;filter:brightness(1.2)}.menu-btn:focus{animation:wobble .6s}@keyframes wobble{0%,to{transform:translateX(0)}15%{transform:translateX(-10px) rotate(-5deg)}30%{transform:translateX(10px) rotate(5deg)}45%{transform:translateX(-10px) rotate(-3deg)}60%{transform:translateX(10px) rotate(3deg)}75%{transform:translateX(-5px) rotate(-2deg)}90%{transform:translateX(5px) rotate(2deg)}}:root{--secondary-color:#e8542b;--third-color:#000}body{background:var(--primary-color)}.favicon{border-radius:50%}.max-width{margin:auto;max-width:1300px;padding:0 80px}.navbar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#1c1c1ccc;font-family:Ubuntu,sans-serif;padding:20px 0;position:fixed;transition:background-color .3s ease;width:100%;z-index:1000}.navbar.sticky{box-shadow:0 10px 50px 5px #00000038;padding:10px 0}.navbar.sticky:before{background-color:#000;content:"";height:115%;left:-10px;opacity:1;position:absolute;top:-10px;width:105vw;z-index:-1}.navbar .max-width{align-items:center;display:flex;justify-content:space-between}.navbar .logo a{color:#fff;font-size:35px;font-weight:600}.navbar .logo a span{color:#e8542b;transition:all .3s ease}.navbar.sticky .logo a span{color:#e8542b}.navbar.sticky .logo a,.navbar.sticky .material-icons{color:#fff}.navbar .menu ul{display:table;list-style:none;padding:0;text-align:center;width:600px}.navbar .menu li{display:inline-block;list-style:none}#demo{cursor:pointer}.navbar .menu li a{color:#000;color:var(--third-color);color:#fff;display:inline-block;font-size:18px;font-weight:500;margin-left:25px;padding:15px 20px;position:relative;text-decoration:none;transition:color .3s;z-index:1000}.navbar .menu a:after{background:none repeat scroll 0 0 #0000;background:#fff;bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;transition:width .3s ease 0s,left .3s ease 0s;width:0}.navbar .menu a:hover:after{left:0;width:100%}.menu-btn,.navbar.sticky .menu li a{color:#fff}.menu-btn{cursor:pointer;display:none;font-size:30px}.home{background:linear-gradient(#000,#00000080),url(/static/media/bg6.7326e1b43ec7e1b14ebb.avif);background-position:50%;background-size:cover;color:#000;color:var(--third-color);color:#fff;font-family:Ubuntu,sans-serif;height:100vh;position:relative}.home .max-width{margin:auto 0 auto 40px}.home .max-width .home-content{margin-top:8%;padding-left:50px}.home .home-content .text-1{font-size:27px}.images{bottom:0;float:right;height:80%;position:absolute;right:100px;width:45%}.images img{animation:imgg 2s ease-in-out infinite;border-radius:50%;bottom:10;height:auto;left:20%;max-width:100%;position:absolute;transition:.6s}@keyframes imgg{0%{transform:translateY(0)}50%{transform:translateY(-22px)}to{transform:translateY(0)}}@media screen and (max-width:450px){.images{display:none}}@media screen and (max-width:1144px){.images{display:none}.home-content{position:absolute;top:25%}}.home .home-content .text-2{color:#e8542b;font-family:sans-serif;font-size:75px;font-weight:600;margin-left:-3px}.home .home-content .text-1{color:#fff}.home .home-content .text-3{color:#fff;font-size:40px;margin:5px 0}.home .home-content .text-3 span{color:#e8542b;font-weight:500}section{padding:120px 0 300px}.about,.contact,.services,.skills,footer{font-family:Poppins,sans-serif}.about .about-content,.contact,.contact-content,.services .serv-content,.skills .skills-content{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}section .title{color:#000;color:var(--third-color);font-family:Ubuntu,sans-serif;font-size:40px;font-weight:500;margin-bottom:80px;padding-bottom:46px;position:relative;text-align:center}section .title:before{bottom:0;content:"";height:3px;width:180px}section .title:after,section .title:before{background:#000;background:var(--third-color);left:50%;position:absolute;transform:translateX(-50%)}section .title:after{bottom:-14px;color:#23b410;font-size:20px;padding:5px}.footer{background-color:#0a0a0a;color:#fff;font-family:Arial,sans-serif;padding:25px 0}.footer-content{margin:0 auto;max-width:1200px;text-align:center}.footer-content span{color:#ccc;font-size:15px;margin-bottom:10px}.footer-content a{color:#fff;text-decoration:none}.footer-content a:hover{color:#ff9f00}.social-icons{margin-top:10px}.footer-icon{color:#cbd154;cursor:pointer;font-size:24px;margin:0 10px;transition:color .3s ease}.footer-icon:hover{color:#ff9f00;transform:scale(1.2)}@media (max-width:768px){.footer-content{padding:20px}.social-icons{display:flex;flex-wrap:wrap;justify-content:center}.footer-icon{margin:10px}}@media (max-width:400px){.footer-content{padding:10px}.social-icons{display:flex;flex-wrap:wrap;justify-content:center}.footer-icon{margin:10px}}.about{background:linear-gradient(#000,#0000004d),url(/static/media/bg1.5be0cb3b45488dafa398.avif);background-position:50%;background-size:cover;color:#fff;position:relative}.about .title:after{content:"Who I am"}.about .title{color:#fff}.about .about-content .left{width:45%}.about .about-content .left img{border-radius:6px;height:370px;object-fit:cover;transition:all .3s ease;width:370px}.about .about-content .right{width:55%}.about .about-content .right .text{color:#fff;font-size:25px;font-weight:600;margin-bottom:10px}.about .about-content .right .text span{color:#e8542b;color:var(--secondary-color)}.about-content .paragraph{border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#333;color:#fff;font-size:1.1rem;line-height:1.8;margin-top:20px;padding:15px;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease,color .3s ease}.about-content .paragraph:hover{background-color:#e8e5e5;border:1px solid #000;box-shadow:0 8px 15px #0003;color:#090909;transform:translateY(-5px)}.about .about-content .right .p{text-align:justify}.about .about-content .right a{background:none;border:2px solid #877e17;border-radius:6px;color:#e8542b;display:inline-block;font-size:20px;font-weight:500;margin-top:20px;padding:5px 20px;transition:all .3s ease}.about .about-content .right a:hover{background-color:#000;color:#fff}.services{background:linear-gradient(#000,#0009),url(/static/media/bg2.bf9cf314ee85b6391594.avif);background-position:50%;background-size:cover;position:relative}.services,.services .title{color:#fff}.services .title:before{background:#000;background:var(--third-color);color:#fff}.services .title:after{background:#000;background:var(--third-color);content:"What I provide"}.services .serv-content{display:flex;flex-wrap:wrap;justify-content:space-between}.services .serv-content .card{border:1px solid #fff;border-radius:8px;box-shadow:0 0 10px #5383f31a;height:350px;justify-content:space-between;padding:20px 25px;perspective:1000px;text-align:center;transform-style:preserve-3d;transition:transform .5s ease-in-out;width:calc(33% - 20px)}.services .serv-content .card:hover{box-shadow:0 0 20px #53a5e44d,0 0 20px #53a5e44d,0 0 20px #53a5e44d}.services .serv-content .card .box{transition:all .3s ease}.services .serv-content .card:hover .box{transform:scale(1.07)}.services .serv-content .card i{color:#e8542b;font-size:50px;transition:color .3s ease}.services .serv-content .card:hover i{color:#23b410}.services .serv-content .card .text{color:#e8542b;color:var(--secondary-color);font-size:25px;font-weight:500;margin:10px 0 7px}.text{color:#000;color:var(--third-color);text-decoration:none}.skills{background:linear-gradient(#000,#0009),url(/static/media/bg3.fc5b9b8d6d76db6881fd.avif);background-position:50%;background-size:cover;position:relative}.skills,.skills .title{color:#fff}.skills .title:after{content:"What I Know"}.skills .skills-content .column{width:calc(50% - 30px)}.skills .skills-content .left .text{color:#e8542b;font-size:25px;font-weight:600;margin-bottom:10px}.skills .skills-content .left .paragraph-2{color:#fff;font-size:17px;padding:10px;transition:background-color .3s ease,color .3s ease,border-radius .3s ease}.skills .skills-content .left .paragraph-2:hover{background-color:#fff;border-radius:10px;color:#000}.skills .skills-content .left .p{text-align:justify}.skills .skills-content .left a{background:none;border:2px solid #91a020;border-radius:6px;color:#e8542b;display:inline-block;font-size:20px;font-weight:500;margin-top:20px;padding:5px 30px;transition:all .3s ease}.skills .skills-content .left a:hover{background-color:#000;color:#fff}.skills .skills-content .right .icons{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px;padding-top:20px}.skills .skills-content .right .icons,.skills .skills-content .right .icons img{color:#000;color:var(--third-color);transition:all .3s ease}.skills .skills-content .right .icons img:hover{border-radius:10px;transform:scale(1.2)}#css-icon:hover{filter:drop-shadow(0 0 10px #264de4)}#js-icon:hover{filter:drop-shadow(0 0 10px #f0db4f)}#react-icon:hover{filter:drop-shadow(0 0 10px #61DBFB)}#flutter-icon:hover{filter:drop-shadow(0 0 10px #44d1fd)}#html-icon:hover{filter:drop-shadow(0 0 10px #e34c26)}#vscode-icon:hover{filter:drop-shadow(0 0 10px #0078d7)}#nodejs-icon:hover{filter:drop-shadow(0 0 10px #3c873a)}#cpp-icon:hover{filter:drop-shadow(0 0 10px #0080ff)}.certifications{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 auto;max-width:1200px}.certification{border:1px solid #fff;display:flex;flex-direction:column;height:200px;margin:10px;perspective:1000px;text-align:center;transform-style:preserve-3d;transition:transform .5s ease-in-out;width:180px}.certification:hover{box-shadow:0 0 20px #53a5e44d,0 0 20px #53a5e44d,0 0 20px #53a5e44d}.certification:active{box-shadow:0 2px 4px #0000004d;transform:scale(.98)}.certification p{color:#fff;margin:0;text-decoration:none}@media screen and (max-width:768px){.certification{width:45%}}@media screen and (max-width:480px){.certification{width:100%}}.contact{background:linear-gradient(#000,#0009),url(/static/media/bg5.151bb7a4ede5a91d4340.avif);background-position:50%;background-size:cover;position:relative}.contact,.contact .title{color:#fff}.contact .title:after{content:"Get in touch"}.contact .contact-content .column{width:calc(50% - 30px)}.contact .contact-content .text{color:#e8542b;font-size:20px;font-weight:600;margin-bottom:10px}.contact .contact-content .left p{text-align:justify}.contact .contact-content .left .paragraph-3{color:#fff;font-size:18px}.contact .contact-content .left .icons{margin:10px 0}.contact .contact-content .row{align-items:center;display:flex;height:65px}.contact .contact-content .row .info{margin-left:30px}.contact .contact-content .row i{color:#23b410;font-size:25px}.contact .contact-content .info .head{color:#d3d338;font-weight:500}.contact .contact-content .info .sub-title{color:#d3d338}.contact .right form .fields{display:block}.contact .right form .field,.contact .right form .fields .field{height:45px;margin-bottom:15px;width:100%}.contact .right form .textarea{height:80px;width:100%}.contact .right form .name{margin-right:10px}.contact .right form .field input,.contact .right form .textarea textarea{background:none;border:2px solid #fff;border-radius:6px;color:#fff;font-family:Poppins,sans-serif;font-size:17px;height:100%;outline:none;padding:0 15px;width:100%}.contact .right form .field input:focus{border:2px solid #d2d241}.contact .right form .textarea textarea{padding-top:10px;resize:none}.contact .right form .textarea textarea:focus{border:2px solid #d2d241}.contact .right form .button{height:47px;margin-top:15px;width:170px}.contact .right form .button button{background:none;border:.1px solid #23b410;border-radius:6px;color:#fff;font-size:20px;font-weight:500;height:100%;transition:all .3s ease;width:100%}.contact .right form .button button:hover{background-color:#877e17;color:#fff;cursor:pointer}.typed-fade-out{opacity:0;transition:opacity .5s ease-out}.projects{background:linear-gradient(#000,#0009),url(/static/media/bg3.fc5b9b8d6d76db6881fd.avif);background-position:50%;background-size:cover;padding:80px 0;position:relative}.projects .title{color:#fff}.serv-content{display:flex;flex-wrap:wrap;justify-content:space-between}.card{align-items:center;border:1px solid #fff;border-radius:10px;box-shadow:0 0 15px #0006;margin-bottom:30px;overflow:hidden;text-align:center;transition:transform .3s ease-in-out;width:22%}@media only screen and (max-width:768px){.card{height:auto;margin-left:80px;margin-right:50px;width:80%}}@media only screen and (max-width:478px){.card{display:block;margin:25px}}.projects.box{margin:50px auto;max-width:600px;overflow:hidden;position:relative;width:80%}.projects img{height:auto;object-fit:cover;width:100%}.projects.text{background-color:#000000b3;bottom:0;color:#fff;left:0;padding:15px;position:absolute;text-align:center;width:100%}.projects.text a{color:#fff;text-decoration:none}.projects .card a{color:#e8542b;font-size:15px;font-weight:500}.projects p{color:#fff;font-size:15px;padding:15px}.projects hr{border:1px solid #ccc;margin:20px 0;width:100%}.projects .card:hover{box-shadow:0 0 20px #53a5e44d,0 0 20px #53a5e44d,0 0 20px #53a5e44d}#btnScrollToTop{background:#124429;border:none;border-radius:50%;bottom:10px;box-shadow:0 0 10px #0000001a;color:#fff;cursor:pointer;height:50px;outline:none;position:fixed;right:10px;width:50px;z-index:9999}#btnScrollToTop:active,#btnScrollToTop:hover{background:#124429;box-shadow:0 0 20px #000;box-shadow:0 0 20px var(--third-color)}.progress-container{background:#0000;height:4px;position:absolute;top:0;width:100%}.progress-bar{background:#578e54;height:4px}@keyframes glow{0%{text-shadow:0 0 0 #9ae99e,0 0 10px #74b489,0 0 20px #79dd97,0 0 30px #60d3a7,0 0 40px #43f091,0 0 50px #24e4a4,0 0 60px #00ff95}to{text-shadow:0 0 20px #a8dfab,0 0 30px #3eac5f,0 0 40px #79dd97,0 0 50px #60d3a7,0 0 60px #43f091,0 0 70px #24e4a4,0 0 80px #00ff95}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#578e54}@media (max-width:1300px){.home .max-width{margin-left:0}}@media (max-width:1210px){.navbar .menu li a{font-size:16px;margin:20px 0}}@media (max-width:1104px){.about .about-content .left img{height:210px;width:210px}.about .about-content #demo{margin-left:20px}}@media (max-width:991px){.max-width{padding:0 50px}}@media (max-width:947px){.max-width{padding:0 30px}.menu-btn{display:block;z-index:999}.menu-btn i.active{visibility:hidden}.menu-btn i.active:before{content:"\e5cd";position:absolute;visibility:visible}.navbar .menu{background:#000000f2;border-radius:20px;box-shadow:0 5px 15px #0000004d;left:50%;max-width:400px;opacity:0;padding:20px;position:fixed;text-align:center;top:-100%;transform:translateX(-50%) scale(.8);transition:all .4s ease-in-out;width:80%}.navbar .menu.active{opacity:1;top:60px;transform:translateX(-50%) scale(1)}.navbar .menu li{align-items:flex-start;list-style:none;margin:20px 0}.navbar .menu li a{color:#fff;font-size:18px;font-weight:500;text-decoration:none;transition:color .3s}.navbar .menu li a:hover{color:#f90}nav.navbar.sticky .menu li a{color:#d2d241;display:inline-block;font-size:18px;margin:20px 0}.home .home-content .text-2{font-size:70px}.home .home-content .text-3{font-size:35px}.home .home-content{margin-left:10%;text-align:center}.max-width{max-width:800px}.about .about-content .column{width:100%}.about .about-content .left{display:flex;justify-content:center;margin:0 auto 60px}.about .about-content .right{flex:100% 1}.services .serv-content .card{margin-bottom:20px;width:calc(50% - 10px)}.skills .skills-content .column{margin-bottom:35px;width:100%}.home-content img{width:40%}}@media (max-width:690px){.home .home-content .text-2{margin-bottom:10px}.home .home-content .text-3{font-size:32px}.home .home-content{margin-right:30%}.contact .contact-content .column,.services .serv-content .card,.skills .skills-content .column{width:100%}.home-content img{width:50%}}@media (max-width:500px){.navbar .logo a{font-size:25px}.menu-btn{font-size:20px}.home .home-content .text-2{font-size:40px}.home .home-content{margin-bottom:90px;margin-left:20px;margin-top:90px}.home .home-content .text-3{font-size:24px}.home-content img{width:40%}.panel-container{width:80%}.home .home-content .text-1{font-size:20px}}@media (max-width:400px){.navbar .logo a{font-size:25px}.home .home-content{margin-bottom:90px;margin-left:1px;margin-top:30px}.home .home-content .text-1{font-size:18px;margin-bottom:auto}.home .home-content .text-3{font-size:20px;margin-bottom:1px;margin-top:10px}.home .home-content .text-2{font-size:28px;margin-top:4px}.home .home-content .text-4{margin-top:1px}.about .about-content .right .paragraph{font-size:16px;text-align:center}.about .about-content .right .text{text-align:center}.skills .skills-content .left .paragraph-2{font-size:.9em;margin:20px;text-align:center}.skills .skills-content .left .text{text-align:center}.skills .skills-content .left a{border-radius:10px;display:block;max-width:400px;padding:10px;text-align:center;text-decoration:none;width:100%}.icons img{width:40px}#readMore{border-radius:10px;display:block;margin:0 auto;max-width:400px;padding:5px 10px;text-align:center;text-decoration:none;width:55%}.skills .skills-content .left a{margin:0 auto;width:50%}.services .serv-content .card p{font-size:.8em}.services .serv-content .card .box{margin:5px;padding:10px}.services .serv-content .card{margin:10px auto;padding:20px 25px;width:80%}.services .serv-content .card .text{font-size:20px}.services .serv-content .card i{font-size:30px}.paragraph-2{font-size:.8em}.contact .right form .field input,.contact .right form .textarea textarea{margin-left:20px;width:90%}#contact_btn{margin-left:20px}section .title{font-size:32px}#joke{font-size:1em}.panel-container{width:80%}}.about .column.left img{border-radius:50%;filter:drop-shadow(0 0 5px rgba(177,192,97,.7));transition:filter .3s ease}.about .column.left img:hover{filter:drop-shadow(0 0 20px rgba(232,250,125,.7))}.home .images img{filter:drop-shadow(0 0 5px rgba(0,150,255,.7));transition:filter .3s ease}.home .images img:hover{filter:drop-shadow(0 0 10px rgba(0,150,255,.8))}.button{filter:drop-shadow(0 0 5px rgba(0,150,255,.5))}#particles-js{height:100%;left:0;position:absolute;top:0;width:100%}.panel-container{align-items:center;border:1px solid #fff;border-radius:4px;box-shadow:0 0 10px #000;display:flex;flex-direction:column;font-size:90%;justify-content:center;margin:10% auto 5px;max-width:400px;padding:10px;text-align:center}.panel-container strong{line-height:20px}.ratings-container{display:flex;margin:20px 0}.rating{cursor:pointer;flex:1 1;margin:10px 5px;padding:20px;text-align:center}.rating:hover{border-radius:4px;box-shadow:0 0 10px #75737380}.rating.active{border:2px solid #007bff;border-radius:10px}.rating img{width:40px}.rating small{color:#fff;display:inline-block;margin:10px 0 0}.rating:hover small{color:#e8542b;color:var(--secondary-color)}.btn{background-color:#302d2b;border:0;border-radius:4px;color:#fff;cursor:pointer;padding:12px 30px}.btn:focus{outline:0}.btn:active{transform:scale(.98)}.fa-heart{color:red;font-size:30px;margin-bottom:10px}.experience-section{background:linear-gradient(#000,#00000080),url(/static/media/bg6.7326e1b43ec7e1b14ebb.avif);background-position:50%;background-size:cover;border-radius:0;box-shadow:0 8px 20px #0000001a;margin-left:calc(-50vw + 50%);padding:80px 0;text-align:center;width:100vw}.experience-section h2{color:#fff;font-family:Ubuntu,sans-serif;font-size:40px;font-weight:500;margin-bottom:40px;text-shadow:2px 2px 10px #0003}.timeline{margin:0 auto;max-width:1000px;padding:20px 0;position:relative}.timeline-item{animation:fadeInUp .6s ease forwards;margin-bottom:50px;opacity:0;padding-left:40px;position:relative;transform:translateY(50px)}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.4s}.timeline-item:before{height:100%;left:25px;top:0;width:3px}.timeline-item:after,.timeline-item:before{background-color:#fff;content:"";position:absolute}.timeline-item:after{border:3px solid #6c63ff;border-radius:50%;box-shadow:0 4px 10px #0000001a;height:20px;left:18px;top:10px;width:20px}.timeline-content{border:2px solid #fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;padding:20px;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.timeline-content h3{color:#e8542b;font-size:1.8rem;margin-bottom:10px}.timeline-content .timeline-date{color:#fff;display:block;font-size:.9rem;margin-bottom:10px}.timeline-content p{color:#fff;font-size:1rem;line-height:1.6}.timeline-content:hover{box-shadow:0 8px 20px #0003;transform:translateY(-5px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.experience-section{padding:60px 15px}.timeline-item{padding-left:20px}.timeline-item:before{left:15px}.timeline-item:after{left:8px}.timeline-content{padding:15px}.timeline-content h3{font-size:1.5rem}}@media (max-width:480px){.experience-section h2{font-size:2rem}.timeline-item{padding-left:10px}.timeline-item:before{left:5px}.timeline-item:after{left:0}.timeline-content{margin:20px;padding:30px}.timeline-content h3{font-size:1.3rem}}@media (max-width:400px){.timeline-content{text-align:center}.title{font-size:24px}.column{margin-bottom:20px}.text{font-size:20px;text-align:center}.paragraph-3{font-size:14px;line-height:1.4;margin:0 10px}.button{display:flex;justify-content:center}.button button{font-size:14px;padding:10px 15px}#panel{padding:15px}.ratings-container{align-items:center;flex-direction:column}.rating{cursor:pointer;margin-bottom:10px}.btn{display:flex;justify-content:center;margin-top:10px}.contact-content{align-items:center;flex-direction:column}.column.right{padding:0 15px;width:100%}.fields{display:flex;flex-direction:column;width:100%}.field{margin-bottom:15px}input,textarea{border:1px solid #ccc;border-radius:5px;box-sizing:border-box}button,input,textarea{padding:10px;width:100%}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer}button:hover{background-color:#0056b3}.textarea{margin-bottom:15px}}.btn-card{align-items:center;background-color:#333;border-radius:5px;color:#fff;display:inline-flex;font-size:14px;font-weight:700;justify-content:center;padding:8px 12px;text-decoration:none;transition:background-color .3s ease}.btn-card i{margin-right:8px}.btn-card:hover{background-color:#555}.btn-github{background-color:#333;float:left}.btn-github:hover{background-color:#24292e}.btn-demo{float:right}.btn-demo:hover{background-color:#0056b3}.tooltip{display:inline-block;position:relative}.tooltip-text{background:linear-gradient(135deg,#ff7e5f,#feb47b);border-radius:8px;bottom:120%;box-shadow:0 4px 10px #0003;color:#000;font-size:14px;font-weight:700;opacity:0;padding:8px 12px;text-align:center;transition:opacity .3s ease-in-out,transform .3s ease-in-out;visibility:hidden;white-space:nowrap}.tooltip-text,.tooltip-text:after{left:50%;position:absolute;transform:translateX(-50%)}.tooltip-text:after{border:6px solid #0000;border-top-color:#ff7e5f;content:"";top:100%}.tooltip:hover .tooltip-text{opacity:1;transform:translateX(-50%) translateY(-5px);visibility:visible}.not-found{align-items:center;background-color:#151719;color:#333;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.not-found h1{animation:fadeIn 1s ease-in-out;color:#dc3545;font-size:6rem;margin:0}.not-found h2{color:#fff;font-size:2rem;margin:.5rem 0}.not-found p{color:#fff;font-size:1.2rem;margin:1rem 0}.back-link{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;margin-top:1.5rem;padding:.5rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.back-link:hover{background-color:#0056b3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.splash-cursor-container{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:9999}.splash{animation:ripple .8s ease-out;border-radius:50%;filter:blur(20px);mix-blend-mode:screen;position:absolute;transform:translate(-50%,-50%)}@keyframes ripple{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(3)}}
/*# sourceMappingURL=main.a82893df.css.map*/