@font-face {
 font-family: 'Ubuntu';
 src: url(assets/fonts/Ubuntu/Ubuntu-Regular.ttf) format('ttf');
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url(assets/fonts/Ubuntu/Ubuntu-Regular.ttf) format('ttf');
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url(assets/fonts/Ubuntu/Ubuntu-Medium.ttf) format('ttf');
}

@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url(assets/fonts/Ubuntu/Ubuntu-Italic.ttf) format('ttf');
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url(assets/fonts/Ubuntu/Ubuntu-Bold.ttf) format('ttf');
}

html, body {
	font-family: Ubuntu;
}

body{
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

header{
	
}

footer .container{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}

footer .nav-link {
	display: inline-block;
}

main {
	flex: 1;
}

main > .mb-3 {
	margin-top: 1rem;
}

nav {
	margin-bottom: .75rem;
}

.navbar a.nav-link {
	font-size: 1.1rem;
}

h1 {
	margin-bottom: .75rem;
}

h3 {
	margin: 1rem auto;
}

p {
	margin-bottom: .5rem;
}

.material {
	margin-bottom: 16px;
}

textarea.form-control {
    min-width: 250px;
}

.form-label {
	margin-top: 0.5rem;
}

.row {
	margin-bottom: 16px;
}

.row + button.btn {
    margin-right: 10px;
}

@media (width <= 5000px) {
	
}

.card.h-100 > .card-body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}

.card.w-100 {
	margin-bottom: .75rem;
}

#result {
	margin-top: 16px;
}