Logado como Leonardo

Console Framework

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione

Obs: O Console Framework deve ser usado apenas em projetos e práticas offline, ou em projetos hospedados no mesmo servidor. Para projetos em outros servidores/hospedagem, deve haver as folhas de estilo locais

Css padrão

html, body
			{
				margin: 0;
				width: 100%;
				min-height: 100%;
				height: auto;
				overflow-x: hidden;
			}

html
			{
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
			}

body
			{
				max-width: 1400px;
				/*display: grid;
				grid-template-columns: 100%;
				grid-template-rows: repeat(9, auto); */
			}

.flex_row, .flex_col, .flex_row_modify, .flex_col_modify
			{
				display: flex;
				flex-direction: row;
				height: auto;
				overflow: hidden;
			}

.flex_col
			{
				flex-direction: column;
			}

.justify_center, .justify_between, .justify_around, .justify_start
			{
				justify-content: center;
				align-items: center;
			}

.justify_between
			{
				justify-content: space-between;
			}

.justify_around
			{
				justify-content: space-around;
			}

.justify_start
			{
				justify-content: start;
			}

.justify_items_line, .justify_items_line_modify
			{
				justify-content: space-between; align-items: baseline;
			}

.compress
			{
				flex-wrap: nowrap;
			}

.no_compress
			{
				flex-wrap: wrap;
			}

.w_80
			{
				width: 80%;
			}
			
			.w_90
			{
				width: 90%;
			}

.w_100
			{
				width: 100%;
			}

.p_15
			{
				padding: 15px;
			}

.p_25
			{
				padding: 25px;
			}

.m_15
			{
				margin: 15px;
			}

.my_15
			{
				margin-top: 15px;
				margin-bottom: 15px;
			}

.py_15
			{
				padding-top: 15px;
				padding-bottom: 15px;
			}

.py_25
			{
				padding-top: 25px;
				padding-bottom: 25px;
			}

/*
			header div ul li, .header_line_link ul li, #sub_link_head ul li
			{
				list-style-type: none;
				margin: 10px;
			}

header div ul li a, .header_line_link ul li a, #sub_link_head ul li a
			{
				text-decoration: none;    
			}

header div ul li a
			{
				font-size: 0px;
			}

.header_line_link ul li a, #sub_link_head ul li a
			{
				color: white;
				font-weight: 900;
			}
			*/

header img
			{
				width: 200px;
			}

header a
			{
				text-decoration: none;    
				color: black;
			}

.border_circle
			{
				border-radius: 50px;
			}

.icon_social a img
			{
				width: 30px;
				height: 30px;
				margin: 10px;
			}

.nav_site ul
			{
				list-style-type: none;
			}

.nav_site ul li a
			{
				text-decoration: none;
				color: white;
			}

.propa_console
			{
				text-align: center;
				background-color: white;
				color: black;
				font-weight: 900;
				transition: 0.5s all;
			}

.propa_console:hover
			{
				background-color: black;
				color: white;
			}