body {
	background: url(/data/photo/_orig/e/645fc4b29e30870cd6d025b5fc0454ee.JPG) 50% 100% fixed;
	background-size: 100% auto;
	background-repeat: no-repeat;
	min-height: 100vh;
}

h1 {
	font-size: 1.8rem;
}

h2 {
	font-size: 1.4rem;
}

h1.detail-title {
	font-size: 1.1rem;
}

h2.namegroup {
	font-size: 1.1rem;
	margin-bottom: 0;
}

a {
	color: deepskyblue;
}
a:hover {
	color: deepskyblue;
}

#footer div {
	backdrop-filter: blur(8px);
	padding: 3px 10px;
	position: relative;
	float: right;
	margin-bottom: 15px;
}

.card {
	border-radius: unset;
	border: 1px solid transparent;
	background-color: transparent;
}
.text-muted {
	color: #ccc !important;
}

.card-deck .card-gallery {
	min-width: 18rem;
}

.card-deck .card-gallery a.thumb{
	max-height: 14rem;
	overflow: hidden;
	text-align: center;
}

.card-deck .card-gallery a.thumb img{
	max-width: 350px;
}

.card-deck .card-tag {
	flex: 1 0 10% !important;
	max-width: 10rem;
	min-width: 10rem;
}

.text-background {
	background-color: white;
	padding: 2px;
}
.block-background {
	background-color: white;
}
.block-background.clear {
	background-color: transparent !important;
}

.todo {
	background-color:deepskyblue !important;
	color: white;
}
.card-todo img {
	outline: 2px solid deepskyblue;
	outline-offset: -10px;
}

.card.photo-thumbnail {
	min-width: 14rem;
}

.photo-thumbnail.simple {
	border: none !important;
}

.photo-thumbnail .card-footer {
	z-index: 100;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.photo-thumbnail img {
	z-index: 200;
	position: relative;
}
.photo-thumbnail.simple .card-footer {
	top: 0;
}

.photo-thumbnail:hover .card-footer {
	z-index: 300;
}

.photo-thumbnail:hover .thumb img {
	filter: blur(6px) contrast(70%);
	-webkit-filter: blur(6px) contrast(70%);
}

input[type=text], input[type=password], select, textarea{
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

.container-tf {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.card-deck2 .card2,
.card-deck2 .card-tag,
.card-deck-hp .card-tag {
	border: 1px solid transparent;
}

.card-deck2 .card-tag,
.card-deck-hp .card-tag {
	width: 100%;
}


.card-deck2 .card2 {
	width: 100%;
	position: relative;
}

@media (min-width: 400px) {
	.card-deck2 .card-tag {
		width: 48%;
	}
}

@media (min-width: 600px) {
	.card-deck2 .card-tag {
		width: 32%;
	}
}

@media (min-width: 700px) {
	.card-deck2 .card2 {
		width: 50%;
	}
}
@media (min-width: 750px) {
	.card-deck2 .card-tag {
		width: 24%;
	}
	h1.detail-title {
		font-size: 1.2rem;
	}
}

@media (min-width: 1000px) {
	.card-deck2 .card2 {
		width: 33.33%;
	}
	.card-deck2 .card-tag {
		width: 16%;
	}

	.card-deck-hp .card-tag {
		width: 49%;
	}
	h1.detail-title {
		font-size: 1.4rem;
	}
}
@media (min-width: 1400px) {
	.card-deck2 .card2 {
		width: 25%;
	}
	h1.detail-title {
		font-size: 1.6rem;
	}
}

.card-deck-hp,
.card-deck2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.photo-detail {
	text-align: center;
}
.photo-detail img{
	max-height: 100vh;
}