shipwreckt_website

Source code to shipwreckt page on esse-box.uk
Log | Files | Refs

main.css (1250B)

      1 /* ESSE - attempt 3 at a retro amber terminal theme */
      2 
      3 * {
      4     box-sizing: border-box;
      5 }
      6 
      7 body {
      8     background: #000;
      9     color: #ffb000;
     10     font-family: "Courier New", Courier, monospace;
     11     font-size: 16px;
     12     line-height: 1.6;
     13 
     14     max-width: 900px;
     15     margin: 0 auto;
     16     padding: 2rem;
     17 }
     18 
     19 h1,
     20 h2,
     21 h3 {
     22     color: #ffd35a;
     23     font-weight: normal;
     24     margin-top: 1.5rem;
     25 }
     26 
     27 hr {
     28     border: none;
     29     border-top: 1px solid #8a5a00;
     30     margin: 1.5rem 0;
     31 }
     32 
     33 p,
     34 li {
     35     color: #ffb000;
     36 }
     37 
     38 ul {
     39     padding-left: 2em;
     40 }
     41 
     42 a {
     43     color: #ffd35a;
     44     text-decoration: none;
     45 }
     46 
     47 a:hover {
     48     text-decoration: underline;
     49 }
     50 
     51 a:visited {
     52     color: #d79a00;
     53 }
     54 
     55 strong {
     56     color: #ffe38c;
     57 }
     58 
     59 pre {
     60     font-family: inherit;
     61     white-space: pre-wrap;
     62     margin: 0;
     63 }
     64 
     65 header,
     66 main,
     67 footer {
     68     width: 100%;
     69 }
     70 
     71 footer {
     72     margin-top: 2rem;
     73     color: #c78400;
     74     font-size: 0.95rem;
     75 }
     76 
     77 ::selection {
     78     background: #ffb000;
     79     color: #000;
     80 }
     81 
     82 /* CRTesc glow */
     83 body,
     84 h1,
     85 h2,
     86 h3,
     87 a,
     88 strong {
     89     text-shadow:
     90         0 0 2px rgba(255, 176, 0, 0.8),
     91         0 0 8px rgba(255, 176, 0, 0.2);
     92 }
     93 
     94 
     95 
     96 
     97 h1 {
     98     display: flex;
     99     align-items: center;
    100     gap: 12px;
    101 }
    102 
    103 .pfp {
    104     height: auto;
    105     margin-right: 12px;
    106     vertical-align: middle;
    107 }