@import"https://fonts.googleapis.com/css2?family=Arima:wght@100..700&family=Cabin:ital,wght@0,400..700;1,400..700&family=Caveat+Brush&family=Concert+One&family=Faculty+Glyphic&family=Itim&family=Parkinsans:wght@300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&family=Sour+Gummy:ital,wght@0,100..900;1,100..900&family=Spicy+Rice&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}.header{width:100%;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;box-shadow:0 0 8px #2e86c1;background:#fff;position:fixed;top:0;left:0;z-index:2000}.header h2{font-size:23px;font-weight:600}.header .mobile-menu{display:none}.header .links{align-items:center;display:flex;justify-content:start;gap:30px}.header .links a{text-decoration:none!important;color:#000!important;position:relative!important;font-size:16px;font-weight:530}.header .links a:hover{color:#2e86c1!important;font-weight:530}.header .links a:hover:after{width:55%}.header .links a:after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:2px;background:#2e86c1;border-radius:4px}.header .links .active{color:#2e86c1!important;font-weight:700}.header .links a.active:after{content:"";left:0;width:55%!important;height:2px;background:#4682b4!important;position:absolute;bottom:-2px}.footer{width:100%;height:190px;background-color:#f3f0f0;display:flex;flex-direction:row!important;align-items:start;justify-content:space-between;gap:60px;padding:20px 10%}.footer .footer-left .links{display:flex;align-items:start;justify-content:center;flex-direction:column;gap:8px;margin-left:30px}.footer .footer-left .links a{text-decoration:none;outline:none;display:flex;align-items:start;justify-content:center;flex-direction:column;gap:5px;color:#000;cursor:pointer}.footer .footer-left .links a:hover{color:#00f;font-weight:700;margin-left:4px}.footer .footer-center{display:flex;align-items:start;justify-content:start;flex-direction:column!important;gap:10px}.footer .footer-center .middle{display:flex;align-items:start;justify-content:center;gap:10px}.footer .footer-center .middle i:hover{color:#fff!important;background:linear-gradient(180deg,#00f,#4682b4,#8a2be2)!important;border:1px solid steelblue;cursor:pointer}.footer .footer-center .middle:nth-child(1) i{padding:7px 10px;font-size:20px;background:#dad8d8;border:2px solid rgb(218,216,216);border-radius:50%;color:red}.footer .footer-center .middle:nth-child(2) i{padding:9px 10px;font-size:20px;border:1px solid rgb(218,216,216);background:#dad8d8;border-radius:50%;color:brown}.footer .footer-center .middle:nth-child(3) i{padding:9px 10px;font-size:20px;background:#dad8d8;border:1px solid rgb(218,216,216);border-radius:50%;color:#ff8c00}.footer .footer-center .middle p{padding:10px}.footer .footer-right{width:300px}.footer .footer-right .icons{width:100%;height:50px;display:flex;align-items:center;justify-content:start;gap:15px;margin-top:15px}.footer .footer-right .icons a{text-decoration:none}.footer .footer-right .icons a i{width:40px;height:40px;font-size:22px;background:#dad8d8;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.footer .footer-right .icons i:hover{color:#fff!important;background:linear-gradient(180deg,#00f,#4682b4,#8a2be2)!important}.footer .footer-right .icons a:nth-child(1) i{color:green!important}.footer .footer-right .icons a:nth-child(2) i{color:#000!important}.footer .footer-right .icons a:nth-child(3) i{color:#2384d3!important}.footer .footer-right .about-me .icons a:nth-child(4) i{color:#00f!important}.copyright{width:100%;height:50px;display:flex;align-items:center;justify-content:center;background:#8080805e}@media (min-width:768) and (max-width:998px){.header{width:100%;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 7%!important;box-shadow:0 0 10px #53a1d4;background:#fff}.header .links{display:none}.header .links-mobile{position:absolute;display:block;right:0;top:120%;width:50%;height:600px;background:#00000089;z-index:1000}.header .mobile-menu{display:block}.header h2{font-size:18px}.header .mobile-menu i{font-size:20px;cursor:pointer}.header .links-mobile a{display:flex;align-items:start;flex-direction:column;justify-content:center;gap:20px;margin-left:50px;margin-top:20px;color:#fff;text-decoration:none}.header .links-mobile .active{color:#00f}.footer{width:100%;height:170px;display:flex;align-items:center;justify-content:center;gap:20px}.footer .footer-left .links{width:100%;height:50px;display:flex!important;flex-direction:column!important;align-items:start!important;justify-content:center!important;gap:5px;margin-right:80px}.footer .footer-left .links a{font-size:14px}.footer .footer-center .middle{display:flex;align-items:start;justify-content:center;gap:10px}.footer .footer-center .middle i{padding:7px 9px!important;font-size:14px!important}.footer .footer-center .middle p{font-size:14px;padding:6px}.footer .footer-right .about-me span{font-size:14px}.footer .footer-right .about-me .icons{display:flex;align-items:center;justify-content:center}.copyright{margin-top:10px;font-size:13px}}@media screen and (max-width:767px){.header{width:100%;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 8%;box-shadow:0 0 10px #53a1d4;background:#fff;margin:0 auto!important}.header .links{display:none}.header .links-mobile{position:absolute;display:block;right:0!important;top:120%;width:50%;height:600px;background:#00000089;z-index:1000}.header .mobile-menu{display:flex}.header h2{font-size:18px}.header .mobile-menu i{font-size:20px;cursor:pointer}.header .links-mobile a{display:flex;align-items:start;flex-direction:column;justify-content:center;gap:20px;margin-left:50px;margin-top:20px;color:#fff;text-decoration:none}.header .links-mobile .active{color:#00f}.footer{width:100%;height:330px;display:flex;flex-direction:column!important;align-items:center;justify-content:center;gap:20px}.footer .footer-left .links{width:100%;height:50px;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:20px}.footer .footer-left .links a{font-size:14px}.footer .footer-center .middle{display:flex;align-items:start;justify-content:center;gap:10px}.footer .footer-center .middle i{padding:7px 9px!important;font-size:14px!important}.footer .footer-center .middle p{font-size:14px;padding:6px}.footer .footer-right .about-me span{font-size:14px}.footer .footer-right .about-me .icons{display:flex;align-items:center;justify-content:center}.copyright{margin-top:10px;font-size:13px}}.home{width:100%;height:calc(100vh - 95px);display:flex;align-items:center;justify-content:center;gap:10px;margin:55px 0}.home .info{width:70%;height:100%;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:10px;padding:0 70px 0 13%;margin-top:50px!important}.home .image{width:40%;height:100%}.home .info h1{font-size:26px;background:linear-gradient(180deg,#00f,#4682b4,#8a2be2);color:transparent;background-clip:text;-webkit-background-clip:text;padding-bottom:3px}.home .info h3{color:#f5b041;font-size:20px;padding-bottom:0}.home .info p{font-size:17px;padding:10px 0;line-height:25px;text-align:justify}.home .info button{position:relative;text-align:center;padding:8px 20px;font-size:16px;font-weight:400;background:linear-gradient(60deg,#4682b4,#8a2be2);color:#fff;cursor:pointer;outline:none;border:2px solid white;border-radius:6px;z-index:1;transition:ease-in .4;overflow:hidden}.home .info button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:plum;transform:scaleX(0);transform-origin:right;transition:transform .4s;color:#fff;opacity:0;z-index:-1;overflow:hidden}.home .info button:hover{color:#000;font-weight:500}.home .info button:active{background:#fff;color:#000}.home .info button:hover:before{transform:scaleX(1);transform-origin:left;transition:transform .4s;opacity:1}.home .info .icon{display:flex;align-items:start;justify-content:center;gap:22px;cursor:pointer;transition:all ease-in .2s;margin-top:20px}.home .info .icon i{font-size:22px;padding:8px;background:#e9e7e7;border-radius:50%;overflow:hidden;cursor:pointer}.home .info .icon i:hover{color:#fff!important;background:linear-gradient(180deg,#00f,#4682b4,#8a2be2)!important}.home .info a:nth-child(1) i{color:#2c3e50}.home .info i:nth-child(4){color:#2e86c1}.home .info a:nth-child(2) i{color:#27ae60}.home .info a:nth-child(3) i{color:#2e86c1}.home .info i:active{font-size:25px}.home .image{width:50%;height:100%;display:flex;flex-direction:column;align-items:start;justify-content:center;margin-left:60px}.home .image img{width:360px;height:360px;object-fit:contain;border:3px solid #89c2e7;object-position:center;border-radius:50%}.home .image img:hover{transform:scale(1.04);box-shadow:4px 4px 10px #00000057}@media screen and (max-width:768px){.home{width:100%;height:100%;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:30px;margin-top:70px}.home .info{width:100%;display:flex;align-items:center;justify-content:center;gap:0px}.home .info h1{margin-top:0;font-size:20px}.home .info h3{font-size:17px}.home .info p{width:100%;text-align:justify;font-size:14px;margin:0 auto 0 20px}.home .info button{font-size:14px;padding:7px 12px}.home .image{display:flex;align-items:center!important;justify-content:center!important;margin-right:60px}.home .image img{margin-top:30px;width:200px;height:200px;border-radius:50%;border:2px solid black}}@media screen and (max-width:1024px){.home{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:30px;margin-top:130px}.home .info{width:100%;display:flex;align-items:center;justify-content:center;gap:0px}.home .info h1{margin-top:0;font-size:22px}.home .info h3{font-size:18px}.home .info p{text-align:justify;font-size:15px;margin:0 auto 0 20px}.home .info button{font-size:14px;padding:7px 12px}.home .image{display:flex;align-items:center!important;justify-content:center!important;margin-right:60px}.home .image img{margin-top:30px;width:270px;height:270px;border-radius:50%;border:2px solid black}}.about{width:100%;height:calc(100vh - 105px);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:100px;padding:0 30px}.about h2{width:100%;height:30px;text-align:center;background:linear-gradient(180deg,#00f,#4682b4,#8a2be2);color:transparent;background-clip:text;-webkit-background-clip:text}.about-page{width:100%;height:100%;background:#fff;padding:10px 30px;display:flex;align-items:center;justify-content:center;gap:15px}.about .about-page .main{width:40%;height:100%;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:start;padding:10px 0;margin-top:0;position:relative}.about .main .image{position:absolute;top:10!important;left:30;width:130px;height:130px;margin-bottom:10px;border-radius:60%;border:2px solid black;background:url(/images/profile.png);background-position:center;background-repeat:no-repeat;background-size:cover}.about .about-page .main .intro{width:90%;height:350px;border:2px solid black;border-radius:10px;padding:70px 0 20px;margin-top:70px}.about .about-page .main .intro .name{width:100%;display:flex;align-items:start;justify-content:start;gap:20px}.about-page .main .intro .name h3{width:30%;height:30px;text-align:end!important;margin-bottom:10px;font-size:17px;font-weight:550}.about-page .main .intro p{width:80%;font-size:16px;padding:2px;text-align:start;margin-bottom:10px}.about .about-page .introduction{width:50%;height:100%;display:flex;flex-direction:column;align-items:start;justify-content:start;margin-top:10px;padding:10px}.about .about-page .introduction p{width:100%;line-height:25px;padding-bottom:30px;font-size:15px;text-align:justify}.about .about-page .introduction p #highlight{color:#1085d3;font-size:16px;padding:0 8px;font-weight:500}.about .about-page .introduction p span{color:#ff4500;font-size:16px;padding:0 8px;font-weight:500}@media screen and (max-width:768px){.about{width:100%;height:100%;display:flex;flex-direction:column!important;align-items:center;justify-content:center}.about h2{font-size:20px;margin-bottom:10px}.about .about-page{width:100%;height:100%;display:flex;flex-direction:column!important;align-items:center;justify-content:center;padding:10px 0}.about .about-page .main{width:120%!important}.about-page .main .intro .name h3{font-size:15px}.about-page .main .intro .name p{font-size:14px}.about .about-page .introduction{width:110%!important;height:100%;padding:0 25px;text-align:justify}.about .about-page .introduction p{width:100%;padding-bottom:20px;font-size:14px;text-align:justify}.about .about-page .introduction #highlight{font-size:14px!important}}@media (min-width:768px) and (max-width:1024px){.about{width:100%;height:100%;display:flex;flex-direction:column!important;align-items:center;justify-content:center}.about h2{font-size:24px;margin-bottom:10px}.about .about-page{width:70%;height:100%;display:flex;flex-direction:column!important;align-items:center;justify-content:center;padding:10px 0}.about .about-page .main{width:100%}.about-page .main .intro .name h3{font-size:15px}.about-page .main .intro .name p{font-size:14px;text-align:justify}.about .about-page .introduction{width:100%!important;height:100%;padding:0 25px;text-align:justify;margin-bottom:80px}.about .about-page .introduction p{font-size:14px}.about .about-page .introduction #highlight{font-size:14px!important}}.academics{width:100%;height:900px;padding:20px 30px;display:flex;align-items:center;justify-content:center;margin-top:60px;margin-bottom:160px}.academics .container{width:100%;padding:35px 10%}.academics .container{padding-right:calc(10% - 30px)}main.row{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:80px}.col header.title{background:linear-gradient(180deg,#00f,#4682b4,#8a2be2);color:transparent;background-clip:text;-webkit-background-clip:text;padding:0 0 20px 30px;margin-top:50px}.col .contents{padding:0 30px;border-left:2px solid steelblue}.col .contents .box{position:relative;padding:10px;border:2px solid #ddd;border-radius:10px;background:#fff;cursor:pointer;transition:all ease-in .25s;margin-bottom:30px}.col .contents .box:hover{border:2px solid steelblue;box-shadow:4px 4px 10px #00000082}.col .contents .box:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;right:calc(100% + 23px);top:0;background:#4682b4;border:2px solid steelblue}.box h4{position:relative;color:#000}.box h3{padding:5px 0;font-size:16px}.box h5{margin-bottom:10px}.box p{font-size:15px}@media (max-width: 768px){.academics{width:100%;height:80%;padding:20px 30px;display:flex;align-items:center;justify-content:center;margin-top:40px;margin-bottom:10px}main.row{grid-template-columns:1fr}.row .col:nth-child(2){margin-top:40px}.col .contents{padding:0 20px;border-left:2px solid steelblue}.col .contents .box{position:relative;width:300px;height:210px;border:2px solid #ddd;border-radius:10px;background:#fff;cursor:pointer;transition:all ease-in .25s;margin-bottom:30px}.col .contents .box:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;right:calc(100% + 16px);top:0;background:#4682b4;border:2px solid steelblue}.box h4{font-size:15px}.box h3{padding:5px 0;font-size:14px;color:#00f}.box h5{margin-bottom:10px}.box p{font-size:14px}.col header.title{margin-top:0}.col header.title h2{font-size:20px}}@media screen and (max-width:1024px){.academics{width:100%;height:80%;padding:20px 30px;display:flex;align-items:center;justify-content:center;margin-top:40px;margin-bottom:10px}main.row{grid-template-columns:1fr}.row .col:nth-child(2){margin-top:40px}.box h4{font-size:15px}.box h3{padding:5px 0;font-size:14px}.box h5{margin-bottom:10px}.box p{font-size:14px}.col header.title{margin-top:0}.col header.title h2{font-size:20px}}.skill-title{width:100%;height:50px;padding:3px;text-align:center;margin-top:70px}.skill-title h2{background:linear-gradient(180deg,#00f,#4682b4,#8a2be2);color:transparent;background-clip:text;-webkit-background-clip:text}.skill-icon{width:60%;height:190px;display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px!important;margin:0 auto;padding:10px 0;flex-wrap:wrap;box-shadow:5px 5px 10px #00000054}.skill-icon .language{width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.skill-icon .language i{font-size:40px}.skill-icon .language i:hover{transform:scale(1.19)}.skill-icon .language:nth-child(1) i{color:#ff4500}.skill-icon .language:nth-child(2) i{color:#4682b4}.skill-icon .language:nth-child(3) i{color:#e6b822}.skill-icon .language:nth-child(4) i{color:purple}.skill-icon .language:nth-child(5) i{color:green}.skill-icon .language:nth-child(6) i{color:orange}.skill-icon .language:nth-child(7) i{color:#0d85e7}.skill-icon .language:nth-child(8) i{color:red}.skill-icon .language:nth-child(9) i{color:#ff4500}.skill-icon .language:nth-child(10) i{color:#00000098}.skill-container{width:100%;margin:10px auto;padding:10px 20px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:10px}.skill-container .first,.skill-container .second{width:50%;height:100%;padding-left:100px;margin-bottom:70px}.skill-container .skill-box{width:80%;margin:25px 0}.skill-box .title{display:block;font-size:14px;font-weight:600;color:#000}.skill-box .skill-bar{height:18px;width:100%;border-radius:6px;margin-top:6px;background:#0003}.skill-bar .skill-per{position:relative;display:block;height:100%;width:90%;border-radius:6px;background:#4070f4;animation:progress .4s ease-in-out forwards;opacity:0}.skill-per.html{width:69%;animation-delay:.1s}.skill-per.css{width:80%;animation-delay:.1s}.skill-per.javascript{width:70%;animation-delay:.2s}.skill-per.bootstrap{width:58%;animation-delay:.3s}.skill-per.react{width:75%;animation-delay:.1s}.skill-per.angular{width:80%;animation-delay:.1s}.skill-per.node{width:60%;animation-delay:.2s}.skill-per.mysql{width:78%;animation-delay:.3s}@keyframes progress{0%{width:0;opacity:1}to{opacity:1}}.skill-per .tooltip{position:absolute;right:-14px;top:-28px;font-size:9px;font-weight:500;color:#fff;padding:2px 6px;border-radius:3px;background:#4070f4;z-index:1}.tooltip:before{content:"";position:absolute;left:50%;bottom:-2px;height:10px;width:10px;z-index:-1;background-color:#4070f4;transform:translate(-50%) rotate(45deg)}@media screen and (max-width:768px){.skill-title{width:100%;height:50px;padding:3px;text-align:center;margin-top:70px}.skill-icon{width:100%!important;height:320px!important;display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px!important;margin:0 auto;padding:10px 0;flex-wrap:wrap;box-shadow:5px 5px 10px #00000054}.skill-icon .language{width:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.skill-icon h5{font-size:12px}.skill-container{width:100%!important;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}.skill-container .first,.skill-container .second{width:120%!important;height:100%;margin-bottom:20px}}@media screen and (max-width:1024px){.skill-title{width:100%;height:50px;padding:3px;text-align:center;margin-top:70px}.skill-icon{width:60%;height:190px;display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px!important;margin:0 auto;padding:10px 0;flex-wrap:wrap;box-shadow:5px 5px 10px #00000054}.skill-icon .language{width:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.skill-icon h5{font-size:12px}.skill-container{width:70%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}.skill-container .first,.skill-container .second{width:100%;height:100%;padding-left:50px;margin-bottom:20px}}.project-title{width:100%;height:50px;display:grid;place-content:center;margin-top:80px}.project-title h2{background:linear-gradient(180deg,#00f,#4682b4,#8a2be2);color:transparent;background-clip:text;-webkit-background-clip:text}.card-container{width:100%;padding:30px 10px;display:flex;align-items:center;justify-content:center;margin-top:10px;flex-wrap:wrap;gap:80px 60px}.card-container .card{width:330px;height:360px;border:2px solid black;border-radius:10px;display:flex;align-items:start;justify-content:start;gap:10px;flex-direction:column;flex-wrap:wrap;overflow:hidden;transition:all ease-in .25s}.card-container .card:hover{transform:scale(1.04);box-shadow:4px 4px 10px #00000057}.card-container .card img{width:100%;height:170px!important}.card-container .card h3{font-size:18px;margin:0 auto}.card-container .card p{padding:0 20px;font-size:15px}.card-container .card .card-links{width:100%;height:40px;display:flex;align-items:start;justify-content:space-between;padding:10px 20px}.card-container .card .card-links a:nth-child(1){text-decoration:none;color:#fff;padding:4px 19px;background:gray;border:2px solid gray;border-radius:5px;font-size:15px}.card-container .card .card-links a:nth-child(2){text-decoration:none;color:beige;padding:4px 10px;background:#4682b4;border:2px solid steelblue;border-radius:5px;font-size:15px;transition:all ease-in .4s}.card-container .card .card-links a:active{background:#fff;color:#000}@media screen and (max-width:768px){.card-container .card{width:310px;height:360px;border:2px solid black;border-radius:10px;display:flex;align-items:start;justify-content:start;gap:10px;flex-direction:column;flex-wrap:wrap}}.contact{position:relative;padding:10px 90px;display:flex;align-items:center;justify-content:start;margin-top:50px}.contact-container{width:100%;height:100%;display:flex;align-items:start;justify-content:start!important;flex-direction:column;margin-left:60px}.contact-container .contact-content{width:70%}.contact-container .contact-content h2{font-size:24px;background:linear-gradient(180deg,#00f,#4682b4,#8a2be2);color:transparent;background-clip:text;-webkit-background-clip:text;margin-bottom:0}.contact-container .contact-content p{font-weight:450;margin-bottom:20px}.contact-container .contact-info{display:flex;align-items:start;justify-content:start;gap:40px;flex-direction:column}.contact-container .contact-info .box{width:100%;display:flex!important;flex-direction:row!important;align-items:start;justify-content:start;gap:20px}.contact .contact-container .contact-info .box .icn{display:grid;place-content:center;margin-top:10px}.contact .contact-container .contact-info .box .icn i{font-size:18px;padding:9px 10px;background:linear-gradient(180deg,#00f,#4682b4,#8a2be2)!important;border-radius:50%;color:#fff}.contact .connect-container{width:100%;height:100vh;background:#fff;display:grid;place-content:center;margin-top:0}.connect-container form{width:540px;padding:5px 30px;background:#fff;border-radius:5px;box-shadow:5px 5px 10px #00000067}form .title{width:100%;height:30px;display:flex;align-items:center;justify-content:center;text-transform:capitalize}form .title h2{font-size:20px;font-weight:560;background:linear-gradient(180deg,#00f,#4682b4,#8a2be2);color:transparent;background-clip:text;-webkit-background-clip:text}form .input-field{width:100%;margin:10px 0}form .input-field input:disabled,form .input-field textarea:disabled{background:#f0f8ff;cursor:no-drop}.input-field label{font-size:14px;font-weight:500}.input-field input:user-invalid{border-bottom:2px solid red}.input-field textarea:user-invalid{border:2px solid red!important}.input-field input,.input-field textarea{width:100%;margin-top:0;padding:5px;border:none;border-bottom:2px solid gray;border-radius:0;outline:none;transition:all ease-in .25s;resize:none}.input-field textarea{border:2px solid gray;border-radius:5px}form button{margin:15px 0;width:100%;padding:8px;background:transparent;background:linear-gradient(180deg,#00f,#4682b4,#8a2be2)!important;border:steelblue;border-radius:5px;color:#fff;font-size:16px;font-size:530;outline:none;transition:all ease-in .25s;cursor:pointer}form button:disabled{background:#ac62f1;border:2px solid rgb(172,98,241);cursor:no-drop}@media screen and (max-width:768px){.contact{position:relative;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:start;margin-top:60px}.contact-container .contact-info{display:flex;align-items:start;justify-content:start;gap:10px;flex-direction:column}.contact-container .contact-info .box{width:100%;display:flex!important;flex-direction:row!important;align-items:start;justify-content:start;gap:20px}.contact-container .contact-content h2{font-size:20px;background:linear-gradient(180deg,#00f,#4682b4,#8a2be2);color:transparent;background-clip:text;-webkit-background-clip:text;margin-bottom:20px}.contact-container .contact-content p{width:100%!important;font-size:15px;font-weight:450;margin-bottom:20px}.contact .connect-container form{width:350px!important}form .title h2{font-size:18px;font-weight:500;background:linear-gradient(180deg,#00f,#4682b4,#8a2be2);color:transparent;background-clip:text;-webkit-background-clip:text}form button{margin:15px 0;width:100%;padding:8px;background:transparent;background:linear-gradient(180deg,#00f,#4682b4,#8a2be2)!important;border:steelblue;border-radius:5px;color:#fff;font-size:14px;font-size:530;outline:none;transition:all ease-in .25s;cursor:pointer}}@media screen and (max-width:1024px){.contact{position:relative;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:start;margin-top:60px}.contact-container .contact-info{display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;margin:10px auto}.contact-container .contact-info .box{width:100%;display:flex!important;flex-direction:row!important;align-items:start;justify-content:start;gap:20px}.contact-container .contact-content{margin:0 auto}.contact-container .contact-content h2{font-size:24px;background:linear-gradient(180deg,#00f,#4682b4,#8a2be2);color:transparent;background-clip:text;-webkit-background-clip:text;margin-bottom:20px;text-align:center}.contact-container .contact-content p{font-size:15px;font-weight:450;margin-bottom:20px}.contact .connect-container form{width:500px}form .title h2{font-size:18px;font-weight:500;background:linear-gradient(180deg,#00f,#4682b4,#8a2be2);color:transparent;background-clip:text;-webkit-background-clip:text}form button{margin:15px 0;width:100%;padding:8px;background:transparent;background:linear-gradient(180deg,#00f,#4682b4,#8a2be2)!important;border:steelblue;border-radius:5px;color:#fff;font-size:14px;font-size:530;outline:none;transition:all ease-in .25s;cursor:pointer}}.not-found-container{width:100%;height:450px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.not-found-container button{padding:10px 20px;background:#4682b4;border:2px solid steelblue;border-radius:4px;cursor:pointer;color:#fff;outline:none;font-weight:600;font-weight:16px}