66 lines
No EOL
1 KiB
CSS
66 lines
No EOL
1 KiB
CSS
body{
|
|
--theme-primary-color:white;
|
|
--theme-secondary-color:black;
|
|
background-color:var(--theme-primary-color);
|
|
color:var(--theme-secondary-color);
|
|
overflow-x:hidden;
|
|
margin:0;
|
|
display:flex;
|
|
flex-direction: column;
|
|
font-size:100%;
|
|
|
|
}
|
|
@media screen and (min-width:1000px) {
|
|
body{
|
|
font-size:100%;
|
|
}
|
|
|
|
}
|
|
img {
|
|
max-width:15rem;
|
|
}
|
|
.inververse{
|
|
display:flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
|
|
}
|
|
|
|
#interverse-details{
|
|
display:flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
#interverse-resources{
|
|
flex-wrap: wrap;
|
|
display:flex;
|
|
flex-direction: row;
|
|
|
|
}
|
|
.interverse-resource{
|
|
padding:2rem;
|
|
}
|
|
|
|
.interverse-resource-icon{
|
|
height:3rem;
|
|
width:3rem;
|
|
}
|
|
#interverse-connections{
|
|
display:flex;
|
|
flex-wrap: wrap;
|
|
flex-direction: row;
|
|
align-items: flex-start;
|
|
}
|
|
.interverse-connection{
|
|
width:fit-content;
|
|
border: 1px solid var(--theme-secondary-color);
|
|
padding:1rem;
|
|
margin:0.25rem;
|
|
}
|
|
|
|
.interverse-widget{
|
|
width:50vw;
|
|
height:60vh;
|
|
} |