style.css (2326B)
1 .spacer{ 2 height: 50px; 3 } 4 .pgp-container { 5 text-align: center; 6 padding: 20px; 7 margin-top: 20px; 8 background-color: #ffffff; 9 width: 100%; 10 max-width: 900px; 11 margin-left: auto; 12 margin-right: auto; 13 } 14 15 .pgp-key { 16 white-space: pre-wrap; 17 word-wrap: break-word; 18 } 19 body { 20 font-family:'Lucida Console', monospace; 21 font-size: 18px; 22 color: #111; 23 background-color: white; 24 max-width: 1280px; 25 margin: 0 auto; 26 padding: 0 50px; 27 box-sizing: border-box; 28 } 29 .landing { 30 display: flex; 31 flex-direction: column; 32 align-items: center; 33 justify-content: center; 34 min-height:100vh; min-height:100dvh; 35 text-align: center; 36 } 37 svg { width: 100%; height: auto; } 38 .svg-container { width: 100%; max-width: 400px; display: inline-block; } 39 .separator { letter-spacing: -9px; } 40 hr { border: none; height: 2px; background-color: lightgrey; width: 100%; margin: 30px auto; } 41 table { border-collapse: collapse; text-align: center; width: 100%; } 42 td { 43 padding: 5px 20px; 44 border: 1px solid #dddddd; 45 } 46 .quiet, .links-container a { color: inherit; } 47 .links-container { font-size: 24px; margin: 20px; } 48 .links-container a { text-decoration: none; margin: 0 10px; } 49 .product-photo { display: block; max-height: 640px; width: 100%; margin: 0 auto; } 50 .faqtable dt { margin-bottom: 0.75em; font-style: italic; } 51 .faqtable dd { margin-left: 0; margin-bottom: 2em; } 52 53 h1 { 54 font-family:'Lucida Console', monospace; 55 font-size: 2.25rem; 56 margin-bottom: 20px; 57 text-align: left; 58 } 59 60 /* Styling for the navigation container */ 61 .navigation { 62 display: flex; 63 justify-content: left; 64 align-items: center; 65 gap: 15px; 66 font-size: 1.25rem; 67 font-family:'Lucida Console', monospace; 68 } 69 70 /* Styling for the links */ 71 .navigation a { 72 text-decoration: none; 73 color: #333; /* Dark gray for a clean, modern look */ 74 transition: color 0.3s; 75 } 76 77 .navigation a:hover { 78 color: #007bff; 79 } 80 81 a { 82 color: #007bff; 83 text-decoration: none; 84 } 85 86 a:hover { 87 color: #0056b3; 88 text-decoration: underline; 89 } 90 91 92 /* Styling for the separator */ 93 .separator { 94 color: #ccc; /* Lighter gray for separator */ 95 font-weight: normal; 96 margin: 0 5px; 97 }