#firstslide {
  background-image: linear-gradient(135deg, #f4611d, #FBF4A1);
}

#secondslide {
  background-image: linear-gradient(0deg, #FBF4A1, #d8085b);
}

#thirdslide {
  background-image: linear-gradient(0deg, #059234, #cdf3ff, #aad0fc);
}

#fourthslide {
  background-image: linear-gradient(45deg, #f4611d, #cdf3ff, #aad0fc);
}

.mottotitle {
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-size: 4rem;
  color: #014A92;
  position: center;
}

.mottosubtitle {
  font-family: 'B612 Mono', monospace;
  font-weight: 200;
  font-size: 2rem;
  color: #014A92;
}

.descrcolumn {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  text-align: center;
  font-size: 2rem;
  color: #014A92;
}

.commquote {
  font-family: 'Pacifico', cursive;
  font-weight: 300;
  font-size: 2rem;
  color: #014A92;
}

.commauthor {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  font-style: italic;
  position: relative;
  text-align: right;
  align-items: center;
  right: 140px;
}

.mottofinal {
  font-family: 'Pacifico', cursive;
  font-weight: 200;
  font-size: 3.5rem;
  color: #014A92;
}

.actionbutton {
  margin-top: 20px;
  font-family: 'Poppins', sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  width: 250px;
  height: 7opx;
  border-radius: 15px;
  border-width: thick;
  background-color: #bbffcc;
  animation: float 8s ease-in-out infinite;
}

.actionbutton:hover {
  background-color: #f8a9e0;
  animation: float 1s ease-in-out infinite;
}

.actionbutton:active {
  background-color: #f8a9e0;
  animation: float 1s ease-in-out infinite;
}

a{
  color: #014A92;
  text-decoration: none;
  font-weight: 700 !important;
}

a:hover {
  color: #f00f65
}

a:link {
  color: #FBF4A1
}

@keyframes float {
  0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(-20px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
}

.myavatar {
	width: 300px;
	height: 300px;
  display: inline-block;
  justify-content: center;
	box-sizing: border-box;
  border: 5px white solid;
  border-radius: 70%;
  overflow: hidden;
	box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
	animation: float 5s ease-in-out infinite;
}

.svgcontainer { 
	display: inline-block;
	position: center;
	width: 100%;
	padding-bottom: 30%;
  vertical-align: middle;
	overflow: hidden;
}

.svgcontent { 
	display: inline-block;
  position: center;
  margin: 0rem 2rem;
}

.textcontainer { 
  text-align: center;
}

#landing-content {
  /* position: fixed;
  left: 0;
  right: 0; */
  z-index: 9999;
  /* margin-left: 20px;
  margin-right: 20px; */
}

.generalslide {
  width: 100%;
  height: 100%;
  text-align: center;
  align-self: center;
}