@import url('https://fonts.googleapis.com/css?family=Quicksand:400,700');

body {
	font-family: 'Quicksand', sans-serif;
}

h1 {
	font-weight: bold;
}

h2 {
	font-size: 25px;
}

form h3 {
	font-size: 20px;
}

input {
    box-sizing: border-box;
}

button {
	transition-duration: 0.3s;
}

button {
	outline: none !important;
}

.fb-btn {
	background-color: rgba(59,89,152,1.0);
	color: white;
}

.fb-btn:hover {
	background-color: rgba(59,89,152,0.9);
	color: white;
}

.twitter-btn {
	background-color: rgba(64,153,255,1.0);
	color: white;
}

.twitter-btn:hover {
	background-color: rgba(64,153,255,0.9);
	color: white;
}

.bookmark-btn {
	background-color: rgba(243, 156, 18,1.0);
	color: white;
}

.bookmark-btn:hover {
	background-color: rgba(243, 156, 18, 0.7);
	color: white;
}

.btn, input[type=submit] {
	transition-duration: 0.3s;
	font-weight: bold;
}

.loading {
	font-size: 2em;
}

.tumblr-btn {
	background-color: rgba(54,70,93, 1.0);
	color: white;
}

.tumblr-btn:hover {
	background-color: rgba(54,70,93, 0.7);
	color: white;
}

.github-btn, input[type=submit] {
	background-color: rgba(36,41,46, 1.0);
	color: white;
}

.github-btn:hover, input[type=submit]:hover {
	background-color: rgba(36,41,46, 0.7);
	color: white;
}

.input-form {
	background-color: #eee;
    margin-bottom: 1em;
    border-radius: 5px;
}

.question {
	cursor: pointer;
}

.lists {
	font-size: 1.3em;
}

.lists h3 {
	text-align: center;
}

[v-cloak] {
  display: none;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

#api-form {
	/*text-align: center;*/
}

.form-group {
	margin-bottom: 1em !important;
}

@media (min-width: 992px) { /* Rules for screens size medium and up */

	.form-group {
		margin-right: 1em;
	}

}

@media (max-width: 991px) { /* Rules for screens size less than medium */
	
}


a {
	cursor: pointer;
}