/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: dimgrey;
  color: black;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.circlehold {
width:100%;
height:155px;
}

.circletext {
text-align:center;
display: flex;
justify-content: center;
align-items: center;
color:black;
padding:2px;
position:relative;
bottom:150px;
width:300px;
height:140px;
margin:0 auto;
z-index:2;
text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97999px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.51361px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
font-weight:bold;
}

.circle { 
margin:0 auto;
background:#FFC0CB;
opacity:50%; /* feel free to remove this line if needed */
position:relative;
top:2px;
width:300px;
height:150px;
transform: rotate(-10deg);
border-radius:100%;
}