@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'BubbbleGum-Light'; /*a name to be used later*/
    src: url('../media/font/BubbbleGum-Light.otf'); /*URL to font*/
}

body{
	background-color: #85BBE6;
	font-family: 'BubbbleGum-Light';
	color: #fff;
}
input{
	font-family: 'BubbbleGum-Light';
}
input:focus{
	box-shadow: 0 0 0 0.25rem rgba(248,249,250,.5) !important;
	border: solid 1px #fff !important;
}
a{
	text-decoration:  none;
	color: #fff;
}
a:hover{
	text-decoration:  underline;
}
.footerMenuA{
	text-decoration:  none !important;
	color: #fff !important;
}
.footerMenuA:hover{
	color: #85BBE6 !important;
}
.mainBulleAvatar{
	width: 21vw;
	height: 30vw;
	float: left;
	margin: 1vw;
}
.BulleAvatar {
	width: 21vw;
	height: 21vw;
	border: 2px solid #fff;
	border-radius: 500px;
	background-size: cover;
	background-position: center;
	cursor: pointer;
}
.BulleAvatar:hover {
	box-shadow: 0 0 0 0.25rem rgba(248,249,250,.5) !important;
}
.mainBulleTxt{
	text-align: center;
	font-weight: bold;
	margin: 5px;
	color: #fff;
}
.mainBulleAlbum{
	width: 21vw;
	height: 30vw;
	float: left;
	margin: 1vw;
}
.BulleAlbum {
	width: 21vw;
	height: 21vw;
	border: 2px solid #fff;
	border-radius: 10px;
	background-size: cover;
	background-position: center;
	cursor: pointer;
}
.BulleAlbum:hover {
	box-shadow: 0 0 0 0.25rem rgba(248,249,250,.5) !important;
}
.mainBulleTxtAlbum{
	text-align: center;
	font-weight: bold;
	margin: 5px;
	color: #fff;
}
.bottom-navbar{
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	padding-top: 10px;
	background-color: #333;
	text-align: center;
}
.bottom-navbar div{
	width: 33%;
	float: left;
}
.mainBulleAvatar a:hover{
	text-decoration:  none !important;
}
.mainBulleAlbum a:hover{
	text-decoration:  none !important;
	color: #fff;
}
.center-content {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}