beepweb

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

main.css (2088B)

      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 .dungeon-shot {
     55     border: 1px solid rgba(251, 191, 36, 0.2);
     56     background: rgba(15, 23, 42, 0.72);
     57     border-radius: 24px;
     58     padding: 1rem 1.4rem;
     59     box-shadow: 0 24px 60px rgba(15, 23, 42, 0.3);
     60 }
     61 
     62 .threat-card {
     63     margin: 1rem 0;
     64 }
     65 
     66 .profile-card {
     67     margin: 1rem 0;
     68 }
     69 
     70 .profile-card strong {
     71     color: #fef3c7;
     72 }
     73 
     74 .caveat-box {
     75     margin: 1.5rem 0;
     76     border-color: rgba(94, 234, 212, 0.25);
     77 }
     78 
     79 .dungeon-shot {
     80     white-space: pre-wrap;
     81     overflow-x: auto;
     82     font-family: "Iosevka Term", "Fira Code", monospace;
     83     line-height: 1.35;
     84     color: #d1fae5;
     85 }
     86 
     87 .signal-grid {
     88     display: grid;
     89     grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
     90     gap: 1rem;
     91 }
     92 
     93 .score-pill {
     94     display: inline-block;
     95     margin-left: 0.35rem;
     96     padding: 0.12rem 0.65rem;
     97     border-radius: 999px;
     98     background: rgba(251, 191, 36, 0.12);
     99     color: #fef3c7;
    100     font-size: 0.8rem;
    101     letter-spacing: 0.04em;
    102     text-transform: uppercase;
    103 }
    104 
    105 .footer-note {
    106     margin-top: 3rem;
    107     padding-top: 1rem;
    108     border-top: 1px solid rgba(148, 163, 184, 0.2);
    109     color: #94a3b8;
    110     text-align: center;
    111     font-size: 0.9rem;
    112 }