@keyframes back-slide {
        0% { background: img src = (images/IMG-20190225-WA0002.jpg);
min-height: 100%;
background-repeat: no-repeat;
background-attachment: relative;
background-position: center;
background-size: cover;
}
        50% { background-image: url('../yth_draft1/IMG-20190225-WA0001.jpg');
min-height: 100%;
background-repeat: no-repeat;
background-attachment: relative;
background-position: center;
background-size: cover;
}
       100% { background-image: url('../yth_draft1/IMG-20190225-WA0002.jpg');
min-height: 100%;
background-repeat: no-repeat;
background-attachment: relative;
background-position: center;
background-size: cover;
}
}

#img1 {display;

}
a {
    text-decoration: none;
}

h5 {
    padding-top: .5%;
    margin-top: 0%;
    margin-left: .3em;
    font-size: 1.2em;
        color: #ffffff;
    border-color: #0b64f4;
}

#about-menu {
   margin-top: 0px;
    text-decoration: none;
    color: #ffffff;
    border-color: #0b64f4;
}

body {
    animation-name: back-slide;
    animation-duration: 10s;
     transition-timing-function: ease-in;
    animation-iteration-count: infinite;
}

#h11 {
    color: #000000;
    border-color: #000000;
    text-align: center;
    font-size: 4em;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

#h21 {
        color: #000000;
    border-color: #000000;
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 2.5em;
    padding-bottom: 2.5em;
}

#div2 {
    width: 12em;
    margin: auto;
}
.button1 {
	height: 1.5em;
    border-width: thin;
    border-radius: 1em;
    font-size: 30px;
    font-family: monospace;
    background-color: azure;
    margin-top: 2em;
    margin-bottom: 6em;
}

.button1:hover {
    border-color: black;
    border-width: medium;
}

.head-divs {
    display: inline;
    margin-top: 3em;
     margin: 0em 10% 0em 12%;
}

#sub-con1, #sub-con2, #sub-con3 {
    text-decoration: none;
    font-size: .4em;
    text-align: center;
}

.heads {
    text-align: center;
    padding: 0em 1em 4em 1em;
    font-size: 2em;
    color: rgba(7, 6, 6, 0.56);
    border: 2px solid rgba(93, 89, 89, 0.33);
    border-radius: 5px;

}

.heads:hover {
    border-color: black;
}

#button2 {
 margin-left: 24em;
 padding-top: 0px;
}