/* Perfil público de um utilizador */

div#content {
	width: 90%;
	margin: 2% auto;
}

div#perfil,
div#notas {
	width: 100%;
	padding: 2% 0;
	margin-bottom: 2%;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: var(--sombra);
}

h2 {
	color: var(--verde-vivo);
	margin-left: 2%;
}

img.uploaded {
	width: 100px;
	height: 100px;
	margin: 1% 0 0 4%;
	border-radius: 50%;
}

p#nome {
	color: #000;
	font-size: 16px;
	margin: 1% 0 0 2%;
}

input.input_search {
	display: inline-block;
	margin: 1% 2%;
	width: 20%;
	padding: 0 1%;
	font-size: 1.3vw;
	appearance: none;
	border: none;
	border-radius: 0;
	border-bottom: 2px solid var(--verde-claro);
	transition: border 0.3s;
}

input.input_search:focus {
	outline: none;
	border-bottom-color: var(--verde);
}

div#categorias,
div#all_notas {
	width: 96%;
	margin: 2% auto;
}

/* Categorias: aparecem quando se pesquisa */
p.categ {
	display: none;
	padding: 0.5% 1%;
	margin: 0.5%;
	border: 1px solid var(--verde-muito-escuro);
	border-radius: 4px;
	cursor: pointer;
	background-color: #fff;
	color: #000;
}

p.categ:hover {
	color: #fff;
	background-color: var(--verde-muito-escuro);
}

a.link_notes {
	display: block;
	width: 96%;
	margin: 1% 2%;
	padding: 1% 0;
}

a.link_notes:hover {
	background-color: var(--verde-fundo);
}

p.titulo {
	color: var(--verde-vivo);
	font-size: 16px;
}

p.categoria,
p.data {
	display: inline;
	margin: 0 1%;
	font-style: italic;
	font-size: 12px;
	color: var(--cinza-escuro);
}