*{margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@media (max-width: 600px){body{background:#1e293b;padding:0}}.navbar{display:flex;align-items:center;justify-content:space-between;background:transparent;padding:10px 16px 0}.logo{display:flex}.logo .icon{margin-top:10px;margin-right:10px}.name{font-size:24px;font-weight:500;display:flex;align-items:center;color:#cbd5e1}.name .green{font-size:24px;font-weight:500;color:#34d399}.right{display:flex;align-items:center;justify-content:space-evenly}.search{display:flex}.search .search-bar span{margin-left:10px;font-weight:400;line-height:24px;font-size:16px;color:#cbd5e1}.cards{display:flex}.cards .card{margin:auto 7px}.cards .card:hover{cursor:pointer}.cards .github{margin:0 20px}.cards .github img{height:26px}.key{background:transparent;padding:3px;border:1px solid white;border-radius:5px;color:#cbd5e1}.social-media{display:flex;align-items:center}.social-media .large-twitter{padding:6px 10px;background:#4487c8;border-radius:50px}.social-media .card{display:flex;justify-content:center;align-items:center;height:20px;width:20px;padding:6px;border-radius:50px;margin:auto 9px}.social-media .toggle{background:#111827}.social-media .facebook{background:#415a96}.social-media .twitter{background:#4487c8}.social-media:hover{cursor:pointer}@media (max-width: 900px){.navbar{flex-direction:column;align-items:flex-start;padding:10px 8px 0}.right{width:100%;justify-content:flex-start;margin-top:10px}}@media (max-width: 600px){.navbar{flex-direction:column;align-items:stretch;padding:8px 4px 0;gap:0}.logo{flex-direction:row;align-items:center;margin-bottom:8px;justify-content:flex-start;padding-left:4px}.logo .icon{margin-top:0;margin-right:6px;height:36px;width:36px}.logo .icon>div{height:36px!important;width:36px!important}.name,.name .green{font-size:18px}.right{flex-direction:row;align-items:center;justify-content:flex-end;width:100%;margin-top:0;gap:0;padding-right:4px}.search{margin-bottom:0;align-items:center;justify-content:flex-end;min-width:unset;margin-right:8px}.search .search-bar{display:none}.cards{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:0;margin:0 8px 0 0;width:auto;overflow-x:auto;background:none}.cards .card{margin:0 4px}.cards .github img{height:20px}.social-media{display:flex;flex-direction:row;align-items:center;gap:4px;margin-top:0;justify-content:flex-end;width:auto;background:none}.social-media .large-twitter{padding:4px 8px;font-size:13px}.social-media .card{height:18px;width:18px;padding:4px;margin:0 2px}}.header{background:#1e293b;height:400px}.header-text{margin-top:100px;text-align:center;color:#cbd5e1}h1{font-size:48px;font-weight:400}h2{font-weight:200}@media (max-width: 600px){.header{height:320px;padding-bottom:24px}.header-text{margin-top:40px;padding:48px 10px 56px}h1{font-size:28px}h2{font-size:15px}}.container{background:#0f172a;height:600px}.container .cards{display:grid;grid-template-columns:repeat(4,1fr);margin:auto 220px}.container .cards .card{margin:20px;display:flex;align-items:center;padding:16px;border-radius:8px}.container .cards .card svg{color:#fff;width:30px;height:30px}.container .cards .card i,span{text-size-adjust:100%;color:#f8f9fa;font-size:14px}.container .cards .card span{margin-left:10px}.container .cards .card i{font-size:30px}.container .cards .card:hover{cursor:pointer}.heading{color:#fff;margin:auto 235px}.heading h1{font-size:20px;font-weight:500;line-height:48px}.line{background:#1e293b;line-height:24px;width:95px;height:3px;margin-top:7px}@media (max-width: 900px){.container .cards{grid-template-columns:repeat(2,1fr);margin:auto 10px}.heading{margin:auto 10px}}@media (max-width: 600px){.container{height:auto;padding-bottom:30px;padding-top:20px}.container .cards{grid-template-columns:repeat(2,1fr);margin:auto 15px;gap:8px}.container .cards .card{margin:6px 0;padding:10px;font-size:15px}.heading{margin:20px 10px 0}.heading h1{font-size:16px;line-height:32px}.line{width:60px;height:2px}}.tx-container{background:#0f172a;display:block;text-align:center}.tx-container .text{margin:auto 235px}.tx-container .text h1{color:#cbd5e1;font-weight:500;line-height:48px;margin:auto 235px}.tx-container .text p{color:#cbd5e1;padding-top:10px;margin:auto 0}.g-line{display:inline-block;height:10px;width:100px;border-radius:50px;background:#10b981}.tx-container .cards{display:flex;justify-content:center;margin-top:32px;gap:10px;padding-bottom:130px}.tx-container .cards .card{background:#1e293b;padding:13px;border-radius:50px;display:flex;align-items:center;color:#cbd5e1;gap:10px}.tx-container .cards .card:hover{cursor:pointer}@media (max-width: 900px){.tx-container .text,.tx-container .text h1{margin:auto 20px}}@media (max-width: 600px){.tx-container .text{margin:auto 8px}.tx-container .text h1{font-size:20px;margin:auto 8px;line-height:32px}.tx-container .text p{font-size:14px;padding-top:6px}.g-line{width:60px;height:6px;margin-top:10px;margin-bottom:10px}.tx-container .cards{flex-direction:column;gap:8px;padding-bottom:40px}.tx-container .cards .card{font-size:15px;padding:8px;border-radius:30px}}footer{background:#1e293b;padding:20px;text-align:center;color:#cbd5e1}
