/* !!!!THIS IS THE ACTUAL MIN SITE!!!! */

/* ----MULTIPLE PAGES---- */

/* FONTS */
@font-face {
  font-family: 'genshinfont';
  src: url('fonts/zh-cn.ttf') format('truetype');
}

.mainfont {
    font-family: 'genshinfont';
}

.font2 {
  font-family: "Yrsa", serif;
  font-optical-sizing: auto;
  font-weight: 100px;
  font-style: normal;
}
/* FONTS */


/* -------------ALL PAGES-------------- */
body {
  background-position: 23px -20px;
  background-size: 1393px 830px;
  color: #5c5c5c;
  font-family: 'font2';
  width: 1432px;
  margin: 0;
}

/* THE TITLE AND LINKS */
.ultitle {
  list-style-type: none;
  margin-left: 105px;
  margin-top: 90px;
}
.a1 {
  font-size: 40px;
  margin-top: 48px;
}
a:link {
  color: #b65ef5;
  text-decoration: none;
}
.uhere {
  color: #7586c0;
}

a:visited {
  color: #8956ad;
}

a:hover {
  color: #d5bde7;
}

.imgcontainer {
  position: relative;
  width: 0;
  height: 0;
}

.imgcontainer2 {
  position: relative; 
  margin-left: 200px;
  width: 0;
  height: 0;
}

.imgcontainer3 {
  position: relative; 
  margin-top: -21px;
  width: 0;
  height: 0;
}

.imgstay {
  width: 130px;
  height: 130px;
}

.imghov1{
  position: absolute;
  top: -130px;
  left: 79px;
  transition: opacity 0.5s ease-in-out; 
}

.imghov2{
  position: absolute; 
  top: -130px;
  left: 170px;
  transition: opacity 0.5s ease-in-out; 
}

.imghov1, .imghov2{
  opacity: 0; 
}

.imgcontainer:hover .imghov1{
  opacity: 1; 
}

.imgcontainer2:hover .imghov2{
  opacity: 1; 
}

.imgcontainer3:hover .imghov1{
  opacity: 1; 
}

.imgcontainer3:hover .imghov2{
  opacity: 1; 
}
/* ----HEADINGS---- */
h2 {
  width:170px;
  font-size: 55px;
  margin-top: -30px;
  margin-bottom: -10px;
  /*background-color: aqua;*/
}

h3.b1 {
  width: 117px;
  font-size: 30px;
  margin-left: 15px;
  margin-top: 0;
  margin-bottom: 0;
  /*background-color: #00ff41;*/
}

h3.b2 {
  width: 66px;
  font-size: 30px;
  margin-left: 15px;
  margin-top: 0;
  margin-bottom: 0;
  /*background-color: #00ff41;*/
}

h4 {
  width: 64px;
  font-size: 20px;
  margin-left: 25px;
  margin-top: 0;
  margin-bottom: 0;
  /*background-color: #faff91;*/
}

h4.b1 {
  width: 64px;
}

h4.b2 {
  width: 35px;
}

h4.b3 {
  width: 10px;
}

h4.b4 {
  width: 10px;
}
/* ----HEADINGS---- */
/* -------------ALL PAGES-------------- */


/* ----CORE PAGE---- */
.corebg {
  background-image: url(Max_Core.jpg);
}

.mainall {
  margin-top: 123px;
}
.maintitle {
  margin-left: 470px;
  letter-spacing: 10px;
  font-size: 38px;
}

.maintitle2 {
  margin-left: 612px;
  margin-top: -12px;
  letter-spacing: 10px;
  font-size: 38px;
}

.choose {
  width: 300px;
  margin-left: 627px;
  margin-top: -25px;
  font-size: 23px;
}

.bottommid {
  font-size: 16px;
  width: 930px;
  margin-left: 346px;
  margin-top: 237px;
  margin-right: 240px;
}
/* ----CORE PAGE---- */


/* ----LVL2 PAGE---- */
.lvl2bg1 {
  background-image: url(Max_Lvl2_Mon.jpg);
}

.lvl2p1 {
  font-size: 20px;
  margin-top: 219px;
  margin-left: 940px;
  width: 455px;
}

.lvl2p2 {
  font-size: 20px;
  margin-top: 31px;
  margin-left: 865px;
  width: 520px;
}

.lvl2imgall {
  margin-top: 50px;
}

.lvl2img1 {
  margin-left: 79px;
}

.lvl2img2 {
  margin-left: 170px;
}

.natall {
  font-size: 27px;
  list-style-type: square;
  margin-top: 1px;
  margin-left: 705px;
  width: 600px;
}

.natli {
  float: left;
  margin-left: 50px;
  margin-top: -36px;
  height: 78px;
}

/* ----LVL2 PAGE---- */


/* ----OTHER LVL2 PAGE---- */
.lvl2bg2 {
  background-image: url(Max_Lvl2_Liy.jpg);
}
/* ---- OTHER LVL2 PAGE ---- */


/* ----LVL3 PAGE---- */
.benbg {
  background-image: url(Max_Ben_BG.jpg);
}

.nametraits {
  font-size: 23px;
  margin-top: 150px;
  margin-left: 880px;
  margin-bottom: 3px;
}

.traitslist {
  list-style-type: square;
  margin-top: 0;
  margin-left: 817px;
  width: 300px;
}

.litbig {
  font-size: 18px;
  margin: 0;
}

.fitlitbig {
  list-style-type: none;
}

.namesum {
  color: aliceblue;
  font-size: 20px;
  margin-top: -247px;
  margin-left: 1094px;
}

.sum {
  font-size: 19px;
  width: 260px;
  margin-top: -34px;
  margin-left: 1123px;
}
/* ----LVL3 PAGE---- */


/* ----2ND LVL3 PAGE---- */
.jeabg {
  background-image: url(Max_Jea_BG.jpg);
}

.nametraits2 {
  font-size: 23px;
  margin-top: 150px;
  margin-left: 895px;
  margin-bottom: 3px;
}

.namesum2 {
  color: aliceblue;
  font-size: 20px;
  margin-top: -247px;
  margin-left: 1104px;
}
/* ----2ND LVL3 PAGE---- */


/* ----3RD LVL3 PAGE---- */
.baibg {
  background-image: url(Max_Bai_BG.jpg);
}

.nametraits3 {
  font-size: 23px;
  margin-top: 150px;
  margin-left: 885px;
  margin-bottom: 3px;
}

.namesum3 {
  color: aliceblue;
  font-size: 20px;
  margin-top: -247px;
  margin-left: 1096px;
}
/* ----3RD LVL3 PAGE---- */


/* ----4TH LVL3 PAGE---- */
.ninbg {
  background-image: url(Max_Nin_BG.jpg);
}

.nametraits4 {
  font-size: 23px;
  margin-top: 150px;
  margin-left: 863px;
  margin-bottom: 3px;
}

.namesum4{
  color: aliceblue;
  font-size: 20px;
  margin-top: -247px;
  margin-left: 1077px;
}
/* ----4TH LVL3 PAGE---- */