/* Load pixel fonts */
@font-face {
  font-family: pixel_font;
  src: url("Fonts/pixel_operator/PixelOperator.ttf");
}

@font-face {
  font-family: pixel_title;
  src: url("Fonts/pixel_operator/PixelOperator-Bold.ttf");
}
/*
@keyframes jump-shaking {
  0% { transform: translateX(0) }
  25% { transform: translateY(-9px) }
  35% { transform: translateY(-9px) rotate(17deg) }
  55% { transform: translateY(-9px) rotate(-17deg) }
  65% { transform: translateY(-9px) rotate(17deg) }
  75% { transform: translateY(-9px) rotate(-17deg) }
  100% { transform: translateY(0) rotate(0) }
}

span.rise-shake {
  animation: jump-shaking 0.83s infinite;
} */

/* Font specs */
* {
  box-sizing: border-box;
  font-family: pixel_font, sans-serif;
  text-align: center;
  font-size: 16pt;
}

/* Font color
   Note:: H1 color is defined in-line*/
p {
  color: #ffb400;
}

/* Hyperlink color  */
a {
  color: #337ab7;
}

/* Background color */
body {
  background-color: #2b2b2b;
}

h1 {
  font-family: pixel_title, sans-serif;
  font-size: 2rem;
  line-height: 2rem;
}


.title-text {
  /* background: #e9b205; */
  color: #2b2b2b;
  font-size: 1rem;
}

.vienna-image {
  background-image: url("background_vienna_centered2b_cropped.webp");
  height: 1100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.vienna-text {
  text-align: center;
  position: relative;
  top: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ff193f;
  padding: 1.5rem;
}


.invader {
  position: relative;
  top: 270px;
  width: 200px;
/* }
.invader:hover {
  transform: scale(1.1);
  transition: transform 0.2s;
  cursor: pointer;
  z-index: 2;
} */


.section-content {
  max-width: 900px;
  margin: 0 auto;
  padding: 1.5em;
}




/* For mobile devices */
/* @media only screen and (orientation: portrait){
  * {
    box-sizing: border-box;
    font-family: pixel_font, sans-serif;
    text-align: center;
    font-size: 36pt;
  }
} */