49 lines
1 KiB
CSS
49 lines
1 KiB
CSS
.Aboutbox {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
justify-content: start;
|
|
gap: 8px;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
|
|
border: 1px solid currentColor;
|
|
padding: 8px;
|
|
background: var(--background) var(--tiles-last-black);
|
|
box-shadow: inset var(--inset) var(--inset) 0 var(--foreground);
|
|
|
|
.AboutboxElement {
|
|
--height: 150px;
|
|
width: 100%;
|
|
height: var(--height);
|
|
display: grid;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
grid-template-columns: 1fr calc(var(--height) - 2px);
|
|
box-shadow: var(--inset) var(--inset) 0 var(--foreground);
|
|
|
|
border: 1px solid currentColor;
|
|
background: var(--background);
|
|
|
|
.AboutboxElementText {
|
|
display: inline-block;
|
|
padding: 1rem;
|
|
|
|
h1 {
|
|
margin-top: 0;
|
|
margin-bottom: 1rem;
|
|
font-family: var(--font-text-top);
|
|
}
|
|
}
|
|
.AboutboxElementImage {
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* @media (max-width: 600px) {
|
|
.Aboutbox .AboutboxElement {
|
|
--height: 200px;
|
|
}
|
|
} */
|