body{
    background-image: url('../img/bkg.jpg');
    background-size: cover;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

a{
    text-decoration: none;
}

li a{
    display:block;
    color:aqua;
    text-align: center;
    padding: 8px 16px;
}

h1 a{
    color:gold;
    text-align: center;
}

li a:hover{
    background-image: url('../img/txt_postrs.jpg');
}

.box{
    display:grid;
    grid-template-columns: 20% 60% 20%;
    margin: 0 20% 0 20%;
}

header h1{
    text-align: left;
    color: #0038A8;
    margin-top: 5%;
    margin-left: 20%;
    margin-right: 20%;
    /*background-color: #4EA699;*/
    background-image: url('../img/txt1.jpg');
    background-position-x: right;
    background-position-y: center;
}

.middle{
    text-align: center;
    /*background-color: #FFCA3A;*/
    background-image: url('../img/bkg-pink.jpg');
}

.middle p{
    margin: 20px 50px 20px 50px;
    color: #0038A8;
}

#navi{
    text-align: center;
    /*background-color: #F3C677;*/
    color: white;
    background-image: url('../img/txt-red.jpg')
}

@keyframes btnVis{
    from{opacity: 1;}
    to{opacity: 0;}
}

button{
    margin: 0 10px 0 10px;
}

#btn{
    border-radius: 25px;
    border-color: transparent;
    width: 100px;
    height: 50px;
    cursor: pointer;
    margin-bottom: 20px;
    background-color: gold;
}

#btnwip{
    border-radius: 25px;
    border-color: transparent;
    width: 100px;
    height: 50px;
    margin-bottom: 20px;
    background-color: darkred;
    animation-name: btnVis;
    animation-duration: 4s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}

@keyframes floTxt{
    from{font-size: 10px; opacity: 0.5;}
    to{font-size: 15px; rotate: 360deg; color: #0038A8; opacity: 1;}
}

#flotxt{
    float: right;
    width: auto;
    rotate: 0deg;
    animation-name: floTxt;
    animation-duration: 3s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
}