beepweb

Source for beep.wimdupont.com.
git clone git://git.beep.wimdupont.com/beepweb.git
Log | Files | Refs | README | LICENSE

main.css (1905B)

      1 body {
      2     background:
      3         radial-gradient(circle at top right, rgba(255, 197, 92, 0.14), transparent 30%),
      4         radial-gradient(circle at top left, rgba(94, 234, 212, 0.12), transparent 24%),
      5         #0b1020;
      6     color: #e5e7eb;
      7     font-family: Inter, ui-sans-serif, system-ui, sans-serif;
      8     max-width: 900px;
      9     margin: 0 auto;
     10     padding: 0 1.25rem 3rem;
     11     line-height: 1.7;
     12 }
     13 
     14 a {
     15     text-decoration: none;
     16     color: #fbbf24;
     17 }
     18 
     19 a:hover {
     20     text-decoration: underline;
     21 }
     22 
     23 h2 {
     24     font-size: 140%;
     25     color: #fde68a;
     26     margin-top: 2rem;
     27 }
     28 
     29 .nav {
     30     text-align: center;
     31     font-size: 0.9rem;
     32     font-weight: bold;
     33     margin-top: 2em;
     34     margin-bottom: 2em;
     35     letter-spacing: 0.08em;
     36     text-transform: uppercase;
     37 }
     38 
     39 .nav a {
     40     padding: 0.6em;
     41 }
     42 
     43 .subheader {
     44     text-align: center;
     45     color: #9ca3af;
     46     margin-bottom: 2em;
     47     font-style: italic;
     48 }
     49 
     50 .hero,
     51 .threat-card,
     52 .profile-card,
     53 .caveat-box {
     54     border: 1px solid rgba(251, 191, 36, 0.2);
     55     background: rgba(15, 23, 42, 0.72);
     56     border-radius: 24px;
     57     padding: 1rem 1.4rem;
     58     box-shadow: 0 24px 60px rgba(15, 23, 42, 0.3);
     59 }
     60 
     61 .threat-card {
     62     margin: 1rem 0;
     63 }
     64 
     65 .profile-card {
     66     margin: 1rem 0;
     67 }
     68 
     69 .profile-card strong {
     70     color: #fef3c7;
     71 }
     72 
     73 .caveat-box {
     74     margin: 1.5rem 0;
     75     border-color: rgba(94, 234, 212, 0.25);
     76 }
     77 
     78 .signal-grid {
     79     display: grid;
     80     grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
     81     gap: 1rem;
     82 }
     83 
     84 .score-pill {
     85     display: inline-block;
     86     margin-left: 0.35rem;
     87     padding: 0.12rem 0.65rem;
     88     border-radius: 999px;
     89     background: rgba(251, 191, 36, 0.12);
     90     color: #fef3c7;
     91     font-size: 0.8rem;
     92     letter-spacing: 0.04em;
     93     text-transform: uppercase;
     94 }
     95 
     96 .footer-note {
     97     margin-top: 3rem;
     98     padding-top: 1rem;
     99     border-top: 1px solid rgba(148, 163, 184, 0.2);
    100     color: #94a3b8;
    101     text-align: center;
    102     font-size: 0.9rem;
    103 }