*
{
-webkit-text-size-adjust: none;
box-sizing: border-box;
}

body
{
margin: 0;
background: wheat url(tes.jpg) no-repeat center fixed;
background-size: cover;
font: 24px/1.4 "Playfair Display", Arial, sans-serif;
color: #000;
}


a
{
font-weight: bold;
color: wheat;
text-decoration: none;
}

section {
	-webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
	        animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
/* ----------------------------------------------
 * Generated by Animista on 2024-4-28 7:52:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

section
{
padding: 15vh 10vw;
}

p
{
margin: 0;
padding-right: 6.5vw;
text-align: right;
}


ul
{
padding-left: 0;
list-style-type: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
}


ul a
{
display: inline-block;
background-color: #000;
padding: 1rem 2.5rem;
margin: 1rem;
border-radius: 1.5rem;
transition: all .3s;
}

.moreinfo
{
font-weight: normal;
font-style: italic;
font-size: .7em;
display: block;
text-align: right;
opacity: .5;
}

ul a:hover
{
transform: translateY(-.5rem);
}


@media all and (max-width: 1200px) {
section
{
padding: 7vh 5vw 3vh;
}

}

/*Phone? */
@media all and (max-width: 500px) {
body
{
font-size: 20px;
}

section
{
padding: 5vh 5vw;
}

section p
{
text-align: center;
padding-right: 0;
margin-bottom: 1rem;
}

ul
{
display: initial;
}

ul a
{
width: 80vw;
margin-bottom: .5rem;
}
}