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