.shadow {
  box-shadow: 0 1px 2px 0 #555;
}


.gradient {
  background: linear-gradient(top, #7a7a7a 0%, #6c6c6c 50%, #545454 51%, #6a6a6a 100%);
}

.hovereffect {
  background: linear-gradient(top, #545454 0%, #434343 50%, #333333 51%, #505050 100%);
}

@font-face {
  font-family: 'AsapRegular';
  src: url('fonts/Asap-Regular-webfont.eot');
  src: url('fonts/Asap-Regular-webfont.eot?#iefix') format('embedded-opentype'), 
        url('fonts/Asap-Regular-webfont.woff') format('woff'), 
        url('fonts/Asap-Regular-webfont.ttf') format('truetype'), 
        url('fonts/Asap-Regular-webfont.svg#AsapRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  background: #030408; /*required correction after Crunch; also color changed to add unique styling*/
  font-family: AsapRegular, sans-serif;
  font-size: 12pt; /*font sie increased to improve readability*/
}
div {
 display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
  border: 1px solid black;
}

@keyframes pulse-glow {
  from {
    box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #007bff;
  }
  to {
    box-shadow: 0 0 20px #fff, 0 0 40px #007bff, 0 0 60px #007bff;
  }
}

img {
  width: 40%;

   border-radius: 10px;
  animation: pulse-glow 2s infinite alternate;
}










/*# sourceMappingURL=styles.css.map */