h1{
  Text-align:center;
  Color:#525eff;
  Text-shadow: 7px 7px 8px #960b09;
}
.title{
  Background-color: Orange;
  Border-radius:50%;
  box-shadow: 7px 7px 8px;
  Margin-left:25%;
  Margin-right:25%;
}
p{
  Font-weight:bold;
  Background-color:RGBa(135,206,235,.8);
}
body{
  Height:1675px;
	background: radial-gradient(#d40602,#fc9c35,#2930ff);
  background-repeat:no-repeat;
}
h2{
  Text-align:center;
  Color:Black;
  Text-shadow: 7px 7px 8px #960b09;
}
.photos{
  Margin:5px;
  border: 10px Solid #525eff;
  Border-radius: 35px;
  box-shadow: 7px 7px 8px;
}
.Strautman-S{
  Position:fixed;
  Bottom:75px;
  Right:10px;
  width:13%;
  background-color: #c70502;
  border: 0;
  border-radius: 35px;
  color: #c70502;
  cursor: pointer;
  Padding-right:50px;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.Strautman-S:before {
  background-color: initial;
  background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
  border-radius: 125px;
  content: "";
  height: 50%;
  left: 4%;
  opacity: .5;
  position: absolute;
  top: 0;
  transition: all .3s;
  width: 92%;
}

.Strautman-S:hover {
    box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
  transform: scale(1.2);
}

@media (min-width: 768px) {
  .Strautman-S {
    padding: 16px 48px;
  }
}
#Strautman{
  Height:250px;
  Width:250px;
  left:30%;
  z-index:-1;
  Position:Relative;
  Animation-name:Travel;
  Animation-duration:45s;
  Animation-iteration-count:infinite;
}
@keyframes Travel{
  0%{transform:scale(1)}
  15%{transform:scale(2)}
  30%{transform:scale(1.5)}
  45%{Transform:scale(3)}
  60%{Transform:scale(2.25)}
  75%{Transform:scale(3.5)}
  90%{Transform:scale(1.75)}
  100%{transform:scale(1)}
}
#FB:link {
	color: Orange;
}
#FB:visited {
	color: Cyan;
}
#FB:hover,
#FB:focus {
	background-color: red;
}