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-groups{
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.interverse-group{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#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-connection-preview{
    display:flex;
    flex-direction: column;
}

.interverse-widget{
    width:50vw;
    height:60vh;
}