.logo {
height: 60px;
}

table td, table th {
  padding:5px;
}
body {
	 background-image: url("sunset_bg.jpg");
	font-family:sans-serif;
}
h2{
background-image: none;
	background-color: lightgreen;
	width: 50%;
}
.song {
	background-image: none;
	background-color: lightgreen;
	width: 50%;
	
}
.content-text {
	background-image: none;
	background-color: lightgreen;
	width: 50%;
	
}

.center {
    display: block;
	background-image: none;
	background-color: white;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

p {
    padding: 15px;
}
/*standard value for mobile devices, bootstrap is mobile first: */
.content {
  margin-top:50px;
  padding: 30px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
.content {
  margin-top: 100px;
  padding: 30px;
}
 }


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 .content {
  margin-top: 80px;
  padding: 30px;
}
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
   .content {
  margin-top: 60px;
  padding: 30px;
}
 }
 
 
 .cloud-text {
	font-family: 'Coiny', cursive;
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;	
	background-image: url("https://chilembwe.com/captnemo/img/headers/header%20(29).jpg" );
	background-size: auto;
	background-attachment: unset;
	background-position: 0%;
	width: 100%;
	text-shadow: 4px 4px #ff0000;
	font-size: 3em;
	animation: cloud-moving infinite 220s;
	animation-fill-mode: forwards;
	animation-play-state: running;
	animation-timing-function: linear;
	text-align: center;
}
@keyframes cloud-moving {
	0% {
		background-position: 0%;	
	}
	50% {
		background-position: 100%;	
	}
	100% {
		background-position: 0%;
	}
}
.attribute {
	position: relative;
	font-size: 26px;
	text-align: center;
}

.grad_div{
    background-image: linear-gradient(90deg, #a50026, #d3322b, #f16d43, #fcab64, #fedc90, #faf8c0, #dcf1ec, #abd6e8, #76abd0, #4a74b4, #4a74b4);
    padding: 20px;
}

.gradient-text {
  background: linear-gradient(90deg,  #04726e 15%, #048dcc 40%, #0d85d7 50%, #464fb1 70%, #9043a2 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #0B2349;
}
.striped-text {
  text-transform: uppercase;
  background: repeating-linear-gradient(white, white 3px, #7AB4E2 4px, #7AB4E2 9px);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #183D58; 
}
.transparent-text {
  background: #2E2F45;
  display: table;
  margin: 20px auto;
  color: white;
  border-radius: 5px;
  mix-blend-mode: multiply;
  padding: 5px 10px;
}
.gradient-border {
  padding: 20px;
  border: 3px solid;
  border-image: linear-gradient(20deg, #f92056 38%, #00deff 65%);
  border-image-slice: 1;

}
.gradient-all {
  background: linear-gradient(135deg, #12BCB0 20%, #FABE0E 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 20px ;
  border: 3px solid transparent;
  border-image: linear-gradient(135deg, #12BCB0 20%, #FABE0E 70%);
  border-image-slice: 1;
}