Link to article: OxygenNine's Foundation Related LOGOS.
#page-title {
display: none;
}
:root {
--basalt-bright-element-color: 124,104,238;
--basalt-dark-element-color: 84,58,233;
--basalt-alternate-color: 144,126,241;
--basalt-sub-text-color: 124,104,238;
--basalt-undertone: 124,104,238;
--main-content-width: 95vw;
}
.o-logo {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
justify-items: center;
align-items: stretch;
width: calc(100% - 1em);
margin: 0 auto;
}
.image-container {
background-color: transparent;
width: 90%;
height: calc(100% - 1rem);
padding: 0;
display: flex;
flex-direction: column;
box-shadow: 0rem 0rem #7b68ee;
transition: background-color 0.25s;
justify-content: space-between;
margin-top: 1rem;
}
.image-container:hover {
background-color: #f2f2f2;
}
.image-container>img.image {
padding: 1rem 1rem;
width: auto;
display: block;
margin: auto 0;
}
.image-container>br {
display: none;
}
.caption {
padding: 0.6rem 0.8rem;
background: linear-gradient(90deg, #f2f2f2, transparent);
transition: color 0.25s, box-shadow 0.25s;
}
.image-container:hover .caption {
box-shadow: inset min(90vw,300px) 0rem #303030;
color: #eee;
}
.caption p {
margin: 0;
font-size: 85%;
}
.caption strong {
display: inline-block;
font-size: 1.1rem;
}
#page-options-container {
max-width: 40rem;
margin: 0 auto;
}
hr {
max-width: 42rem;
}
margin-top: -2.5rem;
max-width:40rem;margin:2rem auto;
max-width:40rem;margin:2rem auto;
max-width:40rem;margin:2rem auto;
max-width:40rem;margin:2rem auto;
max-width:40rem;margin:2rem auto;
max-width:40rem;margin:2rem auto;
max-width:40rem;margin:2rem auto;
max-width:40rem;margin:2rem auto;
o-logo
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
o-logo
image-container
caption
ruby
rt
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
o-logo
image-container
caption
image-container
caption
image-container
caption
image-container
caption
o-logo
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
o-logo
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
ruby
rt
o-logo
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
image-container
caption
o-logo
image-container
caption
image-container
caption
image-container
caption
o-logo
image-container
caption
image-container
caption
image-container
caption
image-container
caption