*{margin: 0; padding: 0;}

body {
	font-family: var(--tipografia);
	background: var(--dark-bg-1);
	color: var(--dark-secondary);
}
a {
	text-decoration: none;
	font-family: Poppins;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem; /* 150% */
}
a:link {
	color: var(--dark-primary);
}
a:visited {
	color: var(--dark-primary);
}
a:hover {
	color: var(--dark-secondary);
}
a:active {
	color: var(--dark-primary);
}	
a {
	margin:8px;
}
div {
	margin: 0 4% 0 4%;
	border-radius: 1rem;
}
p, li {
	color: var(--dark-gray, #B7B7C2);
	font-family: Poppins;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem; /* 150% */
	margin: 1rem 0px;
}
h1 {
	color: var(--dark-primary);
	font-family: Poppins;
	font-style: normal;
	font-weight: 700;
	line-height: 4.875rem;
	margin: 2rem 0 0 0;
}
h2 {
	color: var(--dark-secondary);
	font-family: Poppins;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 3rem;
	margin: 0 0 1em 0px;

}
h3 {
	color: var(--dark-secondary);
	font-family: Poppins;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 116.667% */
	margin: 0 0 1em 0;
}
h4 {
	color: var(--dark-secondary);
	font-size: 10px;
	font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* Personalizados */
.topo {
	border-radius: 0px;
	text-align: left;
	padding: 4% 0% 2% 0%;
}
.projetos {
	background: var(--dark-bg-2);
	width: auto;
	text-align: left;
	padding: 4%;
}
.imagem {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 8px;
}
.rodape {
	text-align: center;
	padding: 24px 0 24px 0;
}
::selection {
	background: var(--dark-primary);
}
hr.solid {
  border-top: 1px solid #bbb;
  color: var(--dark-gray);
}

:root {

/* Dark */
	--dark-bg-1: #14141F;
	--dark-bg-2:#29293D;
	--dark-primary: #66FFFC;
	--dark-secondary: #C2C2FF;
	--dark-gray: #B7B7C2;

/* Light */
	--azul-primario: #0000ff;
	--azul-primario-escuro: #0000ff;
	--azul-primario-claro: #0000ff;	
	--preto: #00003f;
	--branco: #FFFFFF;
	--cinza: #757575;
	--cinza-claro: #CACACA;
	--cinza-escuro:#424242;
	--rosa:#FFB6C4;
	--cor-de-fundo: #F1F2F4;
	--cor-sucesso:#00A04A;
	--cor-alerta:#FDDC0D;
	--cor-erro:#E01F3D;
	--cor-informativo:#204496;

	/* Type */
	--tipografia: 'Poppins', sans-serif;
}

/* Tamanhos de tela */
@media screen and (min-width: 600px) {
  h1 {
    font-size: 5vw;
  }
  div, .projetos, .topo {
		margin: 0 14% 24px 14%;
  }


@media screen and (min-width: 900px) {
	*{margin: 0; padding: 0;} 
  h1 {
    font-size: 4vw;
  }
  div, .projetos, .topo {
		margin: 0 14% 24px 14%;
  }


@media screen and (min-width: 1200px) {
  *{margin: 0; padding: 0;}
  h1 {
    font-size: 4vw;
  }
	div, .projetos, .topo {
		margin: 0 20% 24px 20%;
  }