:root {
--header-image: none;
--body-bg-image: none;
}

body {
  background-color: #354440;
  background-image: url(https://arboraritia.neocities.org/tripledeity.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
  color: #E2E2E2;
  font-family: "Victor Mono", monospace;
  font-style: italic;
  letter-spacing: -0.3px;
  line-height: 1.25em;
  font-size: 1.1em;
  overflow: hidden;
}

* {
  box-sizing: border-box;
}


#container {
  max-width: 900px;
  margin: 0 auto;
}

#container a {
  color: pink;
  font-weight: bold;
  text-decoration: none;
}

/*
#header {
  width: 100%;
  height: 50px;
}
*/

.flex {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
  height: 800px;
    border-color: pink;
  border-width: 5px;
}

#maja {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 140px;
	animation-name: floating;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 13px); }
    to   { transform: translate(0, -0px); }    
}

#ines {
  width: 100%;
}

#ines:hover {
  -webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 1;
}

#textspace {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

main {
  color: #E2E2E2;
}

h1, h2, h3 {
  color: red;
}

h1 {
  font-size: 25px;
}

strong {
  color: black;
}