/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

/* font import */
@import url("https://font.download/font/tw-cen-mt-std");

/* import other style sheet */
@import url("hover-min.css");
   
html {
  
}


body {
  /*Setting font color*/
  color: black;
  /* setting TW Cen MT Std as the font*/
  font-family: Tw Cen MT Std;
  /*Setting background image*/
  background-image: url("https://drive.google.com/thumbnail?id=1Ps951UK0fdQyaDMIehXgYRf7dzeW7hU7");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  background-position: center center;
}


/*the banner on the top of the website*/
.banner {
  /*background image*/
  background-image: url("https://diacinthus.neocities.org/images/BrownBanner.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: -10;
  padding: -10;
  top: 0;
  left: 0;
  /*makes this lower than the things we'll put on top*/
  z-index: 1;
  width: 100%;
  height: 15vh;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}


/* body text */
.body {
  position: relative;
}










.stamp{
  }

/* Image styling */

img.title {
  display: block;
  position: relative;
  top: -2vh;
  height: 6vh;
}

img.stamp{
  flex:1;
}


/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}