html { background-image: url('/Images/icons/Transgender_Pride_flag.svg.png');
 background-repeat: no-repeat;
 background-size: 100% 100%;
 background-attachment: fixed;
}
.spacer {
  height: 110px;
}
.smallspacer {
    height: 80px;
}

button {
  float:right;
  transition: .3s;
}
image {
  height: 60px;
}
.Youtube-Button {
  color: black;
  border: none;
  background-color: transparent;
}
.Youtube-Icon {
background-color: transparent;
  height: 47px;
  width: auto;
  overflow: hidden;
  border: hidden;
background-image: none;
transition: .3s;
}

.Youtube-Icon:hover {
background-color: rgba(255, 255, 255, .3);
border-radius: 5px;
  height: 60px;
  width: auto;
  overflow: hidden;
  border: hidden;
background-image: none;
}

.BlueSky-Button {
  color: black;
  border: none;
  background-color: transparent;
}
.BluSky-Icon {
background-color: transparent;
  height: 47px;
  width: auto;
  overflow: hidden;
  border: hidden;
background-image: none;
transition: .3s;
}

.BluSky-Icon:hover {
background-color: rgba(255, 255, 255, .3);
border-radius: 5px;
  height: 60px;
  width: auto;
  overflow: hidden;
  border: hidden;
background-image: none;
}

.Substack-Button {
    color: black;
  border: none;
  background-color: transparent;
}
.Substack-Icon {
background-color: transparent;
  height: 47px;
  width: auto;
  overflow: hidden;
  border: hidden;
background-image: none;
transition: .3s;
}

.Substack-Icon:hover {
background-color: rgba(255, 255, 255, .3);
border-radius: 5px;
  height: 60px;
  width: auto;
  overflow: hidden;
  border: hidden;
background-image: none;
}

.Facebook-Button {
    color: black;
  border: none;
  background-color: transparent;
}
.Facebook-Icon {
background-color: transparent;
  height: 47px;
  width: auto;
  overflow: hidden;
  border: hidden;
background-image: none;
transition: .3s;
}

.Facebook-Icon:hover {
background-color: rgba(255, 255, 255, .3);
border-radius: 5px;
  height: 60px;
  width: auto;
  overflow: hidden;
  border: hidden;
background-image: none;
}

img {
  height:60px;
  width: auto;
}

.header{
  color:white;
    position: absolute;
  font-size: xx-large;
  font-family: Arial, Helvetica, sans-serif;
  display: inline-block;
  align-items: start;
  top:55px;
  left:90px;
}

.header-2{
  color:white;
  position: absolute;
  left: 120px;
  top: 82px;
  font-size: xx-large;
  font-family: Arial, Helvetica, sans-serif;
  display: inline-block;
  align-items: start;
vertical-align: top;

}
.italic-text{
font-style: italic;
}
.bold-text {
 font-weight: bold;
}
.trans-michiana-icon{
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  top:30px;
  left:30px;
}
.Slogan-div{
  position:absolute;
  top: 145px;
  left: 20px;
  font-size: large;
  font-style: italic;
}
.front-page{
  align-self: center;
  align-items: center;
  align-content: center;
  display: inline-block;
  height:100px;
}

.gmail-div {
float: right;

}
.gmail-text-link {
float: right;
color: black;
background-color: transparent;
font-size: large;
font-family: 'Times New Roman', Times, serif;
}