body {
animation: gradient 50s linear infinite;
background-size: cover;

background: conic-gradient(

#000000 90deg,

rgb(255, 255, 255) 90deg 180deg,

#000000 180deg 270deg,

rgb(255, 255, 255) 90deg 180deg

);

background-repeat: repeat ;

background-size: 40px 40px;

background-position: top left; }


@keyframes gradient {

    0% {background-position: top 0% ;}
    100% {background-position:100%}
}

@keyframes bounce {
  0% {scale: 100%;}
  50% {scale: 90%;}
  100% {scale: 100%;}
}


.gradientoverlay {
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('hero.jpg');
  background-size: cover;
  background-position: center;
}

.logo {display: flex; justify-content: center; align-items: center; height: 100vh; animation: bounce 6s ease-in-out; animation-iteration-count: infinite;}

.logo img {max-width: 100%; height: auto;}