.features div {display: inline-block; width: 250px; margin: 3px; vertical-align: text-top; font-size: 0.9em;} .reviews {background: rgba(255,255,255, 0.1); color: white; font-size: 2em; padding: 1em;} h3 {margin-top: 1em;} h1 {font-size: 2em; line-height: 1.5em; text-align: center;} .related-links a {color: white; font-size: 0.9em;} .related-links {background: rgba(0,0,0,0.3); padding: 10px; } .related b {clear:right; display: block;} td:first-child {font-weight: 700; padding-right: 10px;} .quintessence td:first-child {text-align: right;} td {line-height: normal; padding:15px 10px 0 0; vertical-align: top; } table {display: inline-block; margin: 10px;} .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } *, ::after, ::before { box-sizing: border-box; } body { --background-color: #111; color: rgba(255,255,255, 0.9); font-family: ColfaxAI, helvetica, sans-serif; font-size: 16px; margin: 0; font-size: 1em; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; } .block { margin-bottom: 1em; padding: 2em 2em; border-radius: 30px; font-size: 1em; line-height: 1.8em; color: rgba(255,255,255,0.9); } .block a { color: rgba(255,255,255,0.95); text-decoration: underline; } .block a { color: rgba(255,255,255,0.95); text-decoration: underline; } .tags.suggests { text-align: center;} .tags a { line-height: 1.8em; background: rgba(9, 74, 200,1); color: rgba(255,255,255,1); border-radius: 30px; padding: 2px 14px; font-size: 1em; margin: 3px; white-space: nowrap; display: inline-block; text-decoration: none; } .block .tags a {background: rgba(0,0,0,0.8);} .tags a:hover {background: rgba(0,0,0,1); text-decoration: none;} @media (any-pointer: coarse) { .tags a { margin: .4em; } } @media (min-width:576px){ .container { max-width: 540px; } .block { padding: 2em 3em; } } @media (min-width:768px){ .container { max-width: 720px; } .block { padding: 2em 5em; } .related p { width: 49%; } } @media (min-width:992px){ .container { max-width: 960px; } .related p { width: 32%; } } .special-block .tags a {font-size: 0.9em; background: rgba(0,0,0,0.1); color:rgba(0,0,0,0.6);} .special-block a { color:rgba(0,0,0,0.9);} .related a { font-size: 1.5em; color:rgba(255,255,255,0.9); white-space: normal; display: flex; height:150px; text-decoration: none; padding:20px; margin:10px; border-radius: 15px; display: flex; align-items: center; justify-content: center;flex-direction: column;} .block p { text-align: left; } .snippet {margin-bottom: 3em;} .column { float: left; width: 33.3333%; padding: 5px; box-sizing: border-box; } .columnbig { float: left; width: 66.6%; padding: 5px; box-sizing: border-box; } .columnsmall { float: left; width: 33.3%; padding: 5px; box-sizing: border-box; } .clearfix::after { content: ""; clear: both; display: table; } h3 { clear: both; } .special-block { background: rgba(255,255,255,0.9); color: rgba(0,0,0,0.7); } .special-block h2 a { color: #1155CC; } h2 {margin-top:2em;} h2,b {color: rgba(0,0,0,1);} input[type=text] {width: 100%; font-size: 1em; background: transparent; border: none; border: 3px solid #1155CC; padding: 10px 20px; border-radius: 50px; } ol { list-style: none; counter-reset: list; padding: 0; } ol li { margin-top:5px; counter-increment: list; } ol li::before { content: counter(list); border: 2px solid rgba(0,0,0,0.6); border-radius: 50%; display: inline-block; width: 30px; height: 30px; text-align: center; margin-right: 10px; } footer { text-align: center; color:rgba(255,255,255,0.8); } footer a { color:rgba(255,255,255,0.8);} center {margin:1em;} .gsc-control-cse {border-radius:25px; opacity:0.9;} --amp-img img {border-radius:25px;} .search a { display: inline-block; position: relative; width: 100%; height: 250px; } .search a .desc { width: 100%; height: 100%; background: rgba(255,255,255,0.8); position:absolute; left:0; top:0; z-index: 2; } .thumbs a, .imgs b { display: inline-block; position: relative; height: 200px; } .thumbs b{ position: absolute; bottom: 0; height: 50px; background: rgba(0,0,0,0.6); color: rgba(255,255,255,0.9); width:100%; } amp-img.alone { margin: 3em 1em; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); } amp-img.alone img { border-radius: 10px; } amp-img.cover img { object-fit: cover; } .header {width: 100%; position: relative; border-bottom: 20px solid black; min-height: 300px; background: black;} .header .shade {width:100%; height: 100%; position: absolute; background: rgba(0,0,0,0.75); top:0; vertical-align: middle; display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,1); flex-direction: column;} .grid-container { background: black; border-top:25px solid black; border-bottom:25px solid black; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-gap: 10px; align-items: center; justify-content: center; } .lighthouse { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-gap: 30px; align-items: center; justify-content: center; margin-bottom: 15em; } .dark { padding:3em; background: rgba(0,0,0,0.9); color: white; margin-bottom: 0em; } .dark input { color: white; } .lighthouse.dark a { color: rgba(255,255,255, 1); font-weight: 500; text-decoration: none; } .lighthouse.dark b { color: rgba(255,255,255,0.7); font-weight: 600; } .lighthouse a { display: inline-block; position: relative; height: 40px; font-size: 1.1em; font-weight: 800; } p:first-child::first-letter { font-weight: 900; font-size: 2em; }