*{
	box-sizing: border-box;
}


@keyframes colors{
    0% {
        background-image: url("PBL/kids.jpg");
}
    40% {
        background-image: url("PBL/kids2.jpg");
}

    80% {
        background-image: url("PBL/kids3.jpg");
}

    100% {
        background-image: url("PBL/kids4.jpg");
}

}

body{
	background-image: url(PBL/kids.jpg);
	height: 900px;
	width: 100%;
	background-position: center;
	background-size: cover;
    background-repeat: no-repeat;
    animation-name: colors;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    background-attachment: fixed;
    overflow-y: hidden;
}

a{
	text-decoration: none;
}

.one .index{
	position: fixed;
}


.one .index #top{
	font-size: 60px;
	font-family: Century Gothic;
	color: #b4d1c0;
	text-shadow: 2px 2px black;
	text-align: center;
}

.one .index #campaign{
	font-size: 25px;
	font-family: Century Gothic;
	text-align: center;
	color: lightgrey;
	text-shadow: 2px 2px black;
}

.one .index .see{
	margin-top: 20px;
	height: 70px;
	padding-top: 20px;
	background-color: #86a393;
	font-family: Century Gothic;
	color: ghostwhite;
	text-align: center;
	border-radius: 30px;

}

.one .index .see:hover{
    box-shadow: 0 8px 8px 0 rgba(0,0,0,5);
}