Transcendence-Fontend (DOM style)

Icon

• Unicons Getting Started
• Where to get icons - Line Icon

Font

• Font type Poppins on Google Fonts

• Font color -Default ** NOT BLACK **

color: #2D3748;

• Font Size - Header

font-size: 0.9rem;

• Font Size - Default

font-size: 0.8rem;

Styles

• Button (Sample)

#offline-pong .btn {
	margin-top: 0rem;
	width: 100%;
	height: 2rem;
	text-align: center;
	border-radius: 0.75rem;
	padding: 1rem 1;
	background-color: white;
	border-color: white;
	font-size: 0.7rem;
}

• Box-shadow

box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02); 

• Border-radius

border-radius: 0.75rem;

Colors

• Font (Default) - dark blue

color: #2D3748;

• Background (Default) - light gray

background-color: #F8F9FA;

• Background (Text-box) - white

color: white;

• Background (Non-active) - darker-gray

background-color: #C4C4C4;

• Theme - green

color: #4FD1C5;

Preview