body {
  font-family: Arial
  padding-top: 56px;
}

.bg-image-full {
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
#special{
	text-align: center;
    font-family: Bernard MT Condensed; 
    font-size: 60px
    padding: 25px 50px

    -webkit-animation: color-change 7s infinite;
    -moz-animation: color-change 7s infinite;
    -o-animation: color-change 7s infinite;
    -ms-animation: color-change 7s infinite;
    animation: color-change 7s infinite;
}
@-webkit-keyframes color-change {
    0% { color: #FF5733; }
    50% { color:#900C3F; }
    100% { color: #C70039y; }
}
@-moz-keyframes color-change {
    0% { color: #FF5733; }
    50% { color: #900C3F; }
    100% { color: #C70039; }
}
@-ms-keyframes color-change {
    0% { color: #FF5733; }
    50% { color: #900C3F; }
    100% { color: #C70039; }
}
@-o-keyframes color-change {
    0% { color: #FF5733; }
    50% { color:#900C3F; }
    100% { color: #C70039; }
}
@keyframes color-change {
    0% { color: #FF5733; }
    50% { color: #900C3F; }
    100% { color: #C70039; }
}



p{
	color: white;
	font-family: Arial;
}

div{
  border: 1px solid black;
  background-color: #aaaaaa50;
  padding-top: 50px;
  padding-right: 30px;
  padding-bottom: 50px;
  padding-left: 80px;

}

.button {
  background-color:#8b0000; /* Green */
  border: none;
  color: WHITE;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.button1:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.6), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.button2:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

i{
	font-size: 25px
}

h1{
	text-shadow: 2px 1px black;
}

h2{
  text-shadow: 2px 1px black;
}

#buku{
	text-align: center;
    font-family:Bernard MT Condensed; 
    padding: 25px 50px

    -webkit-animation: color-change 7s infinite;
    -moz-animation: color-change 7s infinite;
    -o-animation: color-change 7s infinite;
    -ms-animation: color-change 7s infinite;
    animation: color-change 7s infinite;
}

#libb{
    text-align: center;
    font-family:Bernard MT Condensed; 
    padding: 25px 50px

    -webkit-animation: color-change 7s infinite;
    -moz-animation: color-change 7s infinite;
    -o-animation: color-change 7s infinite;
    -ms-animation: color-change 7s infinite;
    animation: color-change 7s infinite;       
}
#LIBK{
    text-align: center;
    font-family:Bernard MT Condensed; 
    padding: 25px 50px

    -webkit-animation: color-change 7s infinite;
    -moz-animation: color-change 7s infinite;
    -o-animation: color-change 7s infinite;
    -ms-animation: color-change 7s infinite;
    animation: color-change 7s infinite;
}

#kami{
	text-align: center;
    font-family:Bernard MT Condensed; 
    padding: 25px 50px

    -webkit-animation: color-change 7s infinite;
    -moz-animation: color-change 7s infinite;
    -o-animation: color-change 7s infinite;
    -ms-animation: color-change 7s infinite;
    animation: color-change 7s infinite;
}

html {
  scroll-behavior: smooth;
}

a{
  font-family: Bernard MT Condensed, sans-serif;
  color:black
  font-size: 25px
  ;
}

p{

	text-shadow: 2px 1px black;
  font-size: 20px
  font-family:Bahnschrift Condensed
}

i{
  color: red;
	text-shadow: 3px 1px black;
	color: white
}