.u-button{margin-top:5rem;display:flex;justify-content:space-between;width:320px;height:45px}.u-button a{display:inline-flex;justify-content:center;align-items:center;width:150px;height:100%;background:var(--hover-color);color:var(--bg-color);font-size:1rem;letter-spacing:1px;font-weight:600;transition:.6s;box-shadow:var(--neon-box-shadow);text-decoration:none;border-radius:5px;position:relative;overflow:hidden;z-index:1;border:1px solid var(--hover-color)}.u-button a:hover{color:var(--hover-color)}.u-button a:before{content:"";position:absolute;top:0;left:0;background:var(--bg-color);width:0%;height:100%;z-index:-1;transition:.4s}.u-button a:hover:before{width:100%}.u-button a:nth-child(2){background:var(--bg-color);color:var(--hover-color)}.u-button a:nth-child(2):hover{color:var(--bg-color)}.u-button a:nth-child(2):before{background:var(--hover-color)}@media screen and (min-width: 128px) and (max-width: 900px){.u-button{width:100%;justify-content:center;gap:2rem;margin-top:3rem}}:root{--text-color: #f5f5f5;--hover-color: #12f7ff;--bg-color: #250821;--second-bg-color: #292e33;--primary-color: #f5f5f5;--muted-text-color: #bdbdbd;--on-accent-color: #ffffff;--big-font: 2.5rem;--normal-font: 2rem;--neon-box-shadow: 0 0 .5rem #12f7ff;--h2-font: 3rem;--font-neon-text-shadow: 0 0 10px rgba(18, 247, 255, .3), 0 0 20px rgba(18, 247, 255, .3), 0 0 30px rgba(18, 247, 255, .3), 0 0 40px rgba(18, 247, 255, .3), 0 0 50px rgba(18, 247, 255, .3), 0 0 60px rgba(18, 247, 255, .3), 0 0 70px rgba(18, 247, 255, .3), 0 0 80px rgba(18, 247, 255, .3), 0 0 100px rgba(18, 247, 255, .3), 0 0 150px rgba(18, 247, 255, .3)}.theme-light{--text-color: #1f2937;--hover-color: #0ea5e9;--bg-color: #f9fafb;--second-bg-color: #e5e7eb;--primary-color: #1f2937;--muted-text-color: #6b7280;--on-accent-color: #ffffff;--neon-box-shadow: 0 0 .5rem rgba(14, 165, 233, .6);--font-neon-text-shadow: 0 0 10px rgba(14, 165, 233, .3), 0 0 20px rgba(14, 165, 233, .3), 0 0 30px rgba(14, 165, 233, .3), 0 0 40px rgba(14, 165, 233, .3), 0 0 50px rgba(14, 165, 233, .3), 0 0 60px rgba(14, 165, 233, .3), 0 0 70px rgba(14, 165, 233, .3), 0 0 80px rgba(14, 165, 233, .3), 0 0 100px rgba(14, 165, 233, .3), 0 0 150px rgba(14, 165, 233, .3)}::-webkit-scrollbar{height:0;width:.5rem}::-webkit-scrollbar-track{background:var(--second-bg-color)}::-webkit-scrollbar-thumb{background:var(--hover-color);border-radius:5rem}*{margin:0;padding:0;border:0}html,body{height:100%}body{margin:0;font-family:Poppins,sans-serif;background-color:var(--bg-color);color:var(--text-color)}
