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

div#perfil,
div#notas {
	width: 100%;
	background-color: #fff;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
	padding: 2% 0;
	border-radius: 10px;
	margin-bottom: 2%;
}

h2 {
	color: #64DD17;
    margin-left: 2%;
}

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

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

input.input_search {
   display: inline-block;
   margin: 1% 2%;
   width: 20%;
   font-size: 1.3vw;
   appearance: none;
   box-shadow: none;
   border-radius: none;
   border: none;
   padding: 0 1%;
   border-bottom: solid 2px #C5E1A5;
   transition: border 0.3s;
}

input.input_search:focus {
   outline: none;
   border-bottom: solid 2px #8BC34A;
}

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

p.categ {
	display: none;
	padding: 0.5% 1%;
	margin: 0.5%;
	border: 1px solid #33691E;
	border-radius: 4px;
	cursor: pointer;
	background-color: #fff;
	color: #000;
}

p.categ:hover {
	color: #fff;
	background-color: #33691E;
}

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

a.link_notes:hover {
	background-color: #F1F8E9;
}

p.titulo {
    width: 100%;
    color: #64DD17;
    font-size: 16px;
}

p.categoria,
p.data {
    display: inline;
    font-style: italic;
    font-size: 12px;
    color: #757575;
	margin: 0 1%;
}