body {
	background-color: black;
	color: white;
}

.title {
	text-align: center;
	font-size: xxx-large;
	font-size: -webkit-xxx-large;
}
.subtitle,
.subtitle2,
.bio,
.gallery,
.unique-image,
.btn {
	padding-left: 1%;
	padding-right: 1%;
	font-family: Roboto, Arial, sans-serif;
}
	.gallery .text,
	.unique-image .text {
		font-style: italic;
		padding-left: 5%;
		margin-bottom: 1%;
	}
.text {
	font-size: large;
}
.subtitle {
	font-size: x-large;
	color: #06DF19FF;
}
.subtitle2 {
	font-size: x-large;
	color: #ff0000;
}
.form-input * {
	width: 100%;
	font-size: x-large;
}
.form-input textarea {
	font-size: xx-large;
}
.btn {
	margin-left: auto;
	margin-right: auto;
	font-size: x-large;
	background-color: #005a9b;
	color: white;
}

picture {
	display: block;
	margin: auto;
}
img {
	display: block;
	width: 100%;
}
.gallery picture,
.unique-image picture {
	margin-bottom: 1%;
}
.logo {
	width: 80%;
	margin: auto;
}

@media screen and (min-width: 900px) {
	.logo {
		width: 50%;
		margin: auto;
	}
	picture {
		max-width: 30%;
		padding-left: 1%; 
	}
	.section-bio {
		width: 50%;
		margin: auto;
	}
	.section-gallery {
		display: flex;
	}
	.gallery {
		display: flex;
		flex-wrap: wrap;
		max-width: 100%;
	}
		.gallery picture {
			flex: 0 0 33%;
			margin: 0;
		}
}

.social-media {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
	.social-media div {
		flex: 0 0 33%;
		margin: 0%;
	}


@keyframes react-loading-skeleton {
	to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;z-index:1}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}