.node-list{
	display: grid;
    background-color: #f6f7fa;
    grid-template-columns: repeat(8, calc(100% / 8 - 0.5rem));
    grid-gap: 0.5rem;
    padding: 0.5rem 0 0.5rem 0.5rem;
	border-radius: 3px;
}

.night .node-list{
	background-color: #333;
}

.node-list>div{
	background: #fff;
    border-radius: 0.3rem;
    box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.05);
    position: relative;
    bottom: 0;
    transition: box-shadow 0.2s, bottom 0.2s;
    place-items: center;
    display: grid;
    height: 110px;
    cursor: pointer;
}

.night .node-list>div{
	background-color: #666;
}

@media screen and (max-width: 1340px){
    .node-list{
		grid-template-columns: repeat(6, calc(100% / 6 - 0.5rem));
	}
}

@media screen and (max-width: 1250px){
    .node-list{
		grid-template-columns: repeat(5, calc(100% / 5 - 0.5rem));
	}
}

@media screen and (max-width: 990px){
    .node-list{
		grid-template-columns: repeat(4, calc(100% / 4 - 0.5rem));
	}
}

@media screen and (max-width: 600px) {
    .node-list {
        grid-template-columns: repeat(3, calc(100% / 3 - 0.5rem));
    }
}

@media screen and (max-width: 500px) {
    .node-list {
        grid-template-columns: repeat(2, calc(100% / 2 - 0.5rem));
    }
}

@media screen and (max-width: 300px) {
    .node-list {
        grid-template-columns: repeat(1, calc(100% / 1 - 0.5rem));
    }
}