html {
  background-color: black;
  background-image: url(sparkPink.gif)
}
body {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 3px;
  padding-right: 3px;
  
  border-style: groove;
    border-width: 8px;
    border-color: palevioletred;
    border-radius: 50px;
  
  background-color: lightpink;
  
  width:1100px;
  margin: auto;
}
img {
  width: 20%;
  height: auto;
  margin: 0 auto;
  
  border-style: solid;
  border-color: palevioletred;
}
h1 {
  text-align:center;
  font-size: 48px;
  font-family:fantasy; 
  color: antiquewhite;
}
h2 {
  text-align:center;
  font-size: 32px;
  color: antiquewhite;
}
h3 {
  text-align:center;
  font-size: 20px;
}
p {
  
}

footer {
  text-align:center;
}
.divider {
  border-style: dashed;
    border-width: 0px;
    border-bottom-width: 5px;
    border-color: palevioletred;
  padding-bottom: 2px;
}
.flexbox {
	display: flex;
}

.InterestsImages {
	display: flex;
	width: 900px;
	border-style: solid;
	border-width: 2px 2px 2px 1px;
	flex-wrap: wrap;
	align-items: flex-start;

}
.InterestsList {
	flex-wrap: wrap;
	width: "100%";
	border-style: solid;
	border-width: 2px 1px 2px 2px; 
}
.Flexbreak {
	flex-basis: 100%;
	height: 20;
}
.Badges {
	border-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.Badges img {
	width: auto;
	height: auto;
	object-fit: cover;
	display: block;
	border-style: none;
}
.Badges a {
	display: block;
	flex: 1 1 0px;
}
.BFAdvertisment {
  
}

.BFAdvertisment img {
  width: 100%;
  height: auto;
  border-style: none;
}