header{
  width:100%;
  float: center;
  display: inline;
 /* border: red 1px solid; */
}

.langButton {
  background-color: #365BF3;
  border: none;
  color: white;
  padding: 8px 18px;
  margin-top: 3vh;
  margin-right: 1vw;
  margin-left: 1vw;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;    /* 20px is 20/16 = 1.25em, 1vw is 1% of the viewport width (SELF ADJUSTING)*/
  font-family: Azonix;
  float: left;
  /* opacity: 0.75; */
  border-top-right-radius:15px;
  border-top-left-radius:15px;
  border-bottom-right-radius:15px;
  border-bottom-left-radius:15px;
}


.langButton:hover {
  background-color: #99ADFF;
  color: black;
}

.navCross{
    height: 11vw;
    width: 14vw;
    right: 2%;
    top:1%;
    position: absolute;
    /* position: sticky; */
    float: right;
    font-family: Azonix;
    /* border: 1px red solid; */
}

.d1lineSmall{
  height: 115%;
  width: 1%;
  background: white;
  box-shadow: 0px 0px 7px 1px #0402f0 ;
  border-radius: 7px;

  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%) rotate(60deg);
}
.d2lineSmall{
  height: 115%;
  width: 1%;
  background: white;
  box-shadow: 0px 0px 7px 1px #0402f0 ;
  border-radius: 7px;

  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%) rotate(-60deg);
}

.smallLetterA{
  left: 42%;
  top:-8%;
}


.smallLetterH {
  left:44%;
  top:50%;
}

.smallLetterL{
  top:20%;
  left: 85%;
}

.smallLetterG{
  left:5%;
  top: 20%;
}

.smallLetterA, .smallLetterL, .smallLetterH, .smallLetterG{
  /* background-color: grey; */
  position: absolute;
  color: white;
  padding:1vw;
  margin-left: -1vw;
  text-decoration: none;
}

.smallLetterA:hover, .smallLetterL:hover, .smallLetterH:hover, .smallLetterG:hover{
  /* transform: scale(1.2); */
 animation: fadeOutInGlow 1s ease 0s infinite forwards;

/*  animation: fadeIn 0.2s ease 0s 1 forwards; */

}

/* .smallLetterA:hover:before {
  content: "arse!";
}
.smallLetterA:hover span {
  display: none;
} */

.pageTitle{
  font-family: Azonix;
  font-size: 6vw;
  height: 10vw;
  width: 50vw;
  color: white;
  padding:20px;
  margin-bottom: 20px;
  text-align: center;
  margin: auto;
   text-shadow: 0px 5px 5px  black !important;
  /* background-color: grey;
  opacity: 0.5; */
  }

  /* Footer */
  footer {
    font-family: "qualy";
    margin-right: 1vw;
    position: fixed;
    bottom: 0em;
    right: 3em;
    text-align: right;
    font-size:10px;
    color: white;
  }