Шаблон:Research/styles.css

.research {
    display: grid;
    grid-template-rows: 0fr 0fr;
    grid-template-columns: 0fr;
    background: #292931;
    font-size: 14px;
    padding: 10px;
    border-top: 10px solid silver;
    box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
    border-radius: 0.2em;
}

.research__images {
    grid-row: 1 / 3;
    margin-right: 14px;
}

.research__name {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 2px solid #3e3e55;
    padding-bottom: 6px;
}

.research__type {
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
}

.research__unblocks {
    grid-column: 1 / 3;
    margin-top: 8px;
}

.research ul {
    margin: 4px 0 0 0;
}

.research li {
    list-style-type: none;
    color: yellow;
}

.research li::before {
    content: "-"; 
    margin-right: 4px;
    color: lightgrey;
}

#Arsenal.research {
    border-top-color: #a92424;
}
#Industrial.research {
    border-top-color: #dc9f30;
}
#Experimental.research {
    border-top-color: #835dcc;
}
#CivilianServices.research {
    border-top-color: #68a93b;
}

#Arsenal .research__technology {
    color: #dc373b;
}
#Industrial .research__technology {
    color: #eeac34;
}
#Experimental .research__technology {
    color: #9a6ef0;
}
#CivilianServices .research__technology {
    color: #7ecd48;
}

@media (max-width: 800px) {
	.research__technology {
		display: none;
	}
}