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:185%;

}
@media screen and (min-width:1000px) {
    body{
        font-size:100%;
    }
    
}
table {
    border-spacing:0;
    
}

th,td {
    padding:0.5rem;
    border:2px solid var(--theme-secondary-color);
}

a{
    color:var(--theme-secondary-color)
}


a {
    text-decoration: none;
}

    


.inververse{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;

}

#interverse-details{
    display:flex;
    flex-direction: row;
    align-items: center;

}

#interverse-resources{
    justify-content: space-evenly;
    flex-wrap: wrap;
    display:flex;
    flex-direction: row;
    
}
.interverse-resource{
}
.interverse-resource-icon{
    height:3rem;
    width:3rem;
}
#interverse-connections{
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start;
}
.interverse-connection{
    width:fit-content;
    border: 1px solid var(--theme-secondary-color);
    padding:0.5rem;
    margin:0.25rem;
}

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