body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

header {
	background-color: #ffffff;
	padding: 20px;
	border-bottom: 1px solid #3197c8;
}

.nlogo-site {
  display: flex;
  justify-content: center;
}

.container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

h1 {
  font-size: 36px;
}

p {
  font-size: 18px;
}

a {
  color: #4CAF50;
}

img.profile-pic {
	border-radius: 50%;
	width: 100px;
	height: 100px;
	object-fit: cover;
	/*margin-right: 20px;*/
	margin-bottom: 10px;
	border: 1px solid #f3f3f3;
}

.profile-pic-container {
	display:flex;
	flex-direction:column;
	align-items:center
}

.profile-name {
	font-size:24px
}

.profile-links {
	display:flex;
	flex-direction: column
}

.profile-links a {
	margin-bottom:10px
}

.welcome-message {
	text-align:center
}

.welcome-message p {
	margin-top:20px
}

.welcome-message h1 {
	margin-top:40px
}

.container {
	display:flex;
	flex-direction: column;
	align-items:center
}

.btn-primary{
	background-color:#4CAF50 !important; 
	border-color:#4CAF50 !important; 
	color:white !important; 
	margin-bottom:10px !important; 
	width:200px !important
}

.santo img {
    width: 100%;
}

.form-group input[type="file"] {
  display: none;
}

.form-group label[for="foto_perfil"] {
	background-color: #4CAF50;
	color: white;
	padding: 8px 20px;
	border-radius: 5px;
	cursor: pointer;
	margin: 10px 0px;
}

.form-group label[for="foto_perfil"]:hover {
  background-color: #3e8e41;
}

.form-group {
	margin: 10px 0px;
}