body {
background: #f3f2f3;
color: #000000;
font-family: 'EB Garamond', serif;
font-size: 12px;
background-image:url(bgg.jpg) ;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;


}

    #wrapper{
      margin:auto;
      width:93%;
      height:75%
}

#header {
     background-image: url(map.jpg);
      background-repeat: no-repeat;
      background-size: 930px 368px;
      width: 900px;
      height: 230px;
}
#bg{
      background-image: url(map.png);
}

.text{
      padding-left: 208px;
}
#panel{
border:30px outset red;


}
#back{
      color: grey;

}

.ayak{
      color: #ffc107;
      font-size:33px;
      font-family: Bell MT;
      text-align: center;
}
.lor{
    color: #BA55D3;
    font-size: 20px;
    font-family: Arial;
}



#navigation {
      background: #a2a2a2;
      width: 900px;
      height: 20px;
      text-align: center;
      }

#menu {
      background: #333333;
      float: left;
      width: 200px;
      height: 624px;
      }
      
.a_text{
      text-decoration: none;
}

#content {
      width: 900px;
      }

.DPS{
      width: 900px;
      background: rgba(255, 255, 255, 0.80);
      box-shadow: 0 1px 2px #666;
      padding-bottom: 15px;
}

.tabl{
    border: solid 3px;
    margin-right: 5px;
    margin-left: 10px;
    margin-right: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
}
   
#footer {
      background: #838283;
      height: 80px;
      width: 900px;
      }
.colon {
      white-space: nowrap;
      margin-bottom: 8px;
}
.colom {
    background: rgba(255,255,255,.80);
    box-shadow: 0 1px 2px #666;
    white-space: normal;
    display: inline-block;
    border-style: solid;
    border-color: yellow;
    width: 292px;
    height: 920px;
    vertical-align: top;
}

.colons {
      margin-right: 4%;
}
.off {
    padding-top: 7px;
    color: #9932CC;
    font-size: 18px;
    margin-bottom: 5px;
    text-align: center;
}
.atack {
      color: black ;
      font-size: 16px ;
      font-weight: 500;
      margin: 0;
      text-align: center;
}

.ayaka{ 
      background-image: url(icons.png);
      width: 100px;
      height: 100px;
      background-repeat:no-repeat ;

}
.texts{
      text-align: left;
      font-size: 14px;
      color: #00008B;
      text-align: center;
    padding: 10px;
    width: 250px;
    margin: 0;
}
.icons1{
      display: block; 
      background-repeat: no-repeat;
      background-size: 100px 100px;
      text-align: center;

}

.H1{
  padding-top: 10px;
    padding-left: 15px;
}

.gold{
  width: 66.25px;
  height: 66.25px;
  background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/7/76/Background_Item_5_Star.png);
}

.gold_ot{
  display: flex;
  margin-right: 100px;
  margin-left: 15px;
}

.ora{
    margin-top: 48px;
    margin-left: 10px;
    margin-bottom: 0;
}

.gold_icon{
      display: flex;
}

.DPS_Table{
  border: solid 2px;
  margin-left: 15px;
  margin-right: 15px;
}


.discr{
    padding-left: 180px;
}

.cloo{
  
    justify-content: center;
    white-space: normal;
    border-style: solid;
    border-color: yellow;
    width: 895px;
    vertical-align: top;
    background: rgba(255,255,255,.80);
}

.colo{
  display: flex;
}

.colom1 {
    white-space: normal;
    display: inline-block;
    border-width: 34%;
    border-style: solid;
    border-color: yellow;
    width: 895px;
    height: 345px;
    vertical-align: top;
      background: rgba(255,255,255,.80);

}
.colom2{
      background: rgba(255,255,255,.80);
    box-shadow: 0 1px 2px #666;
    padding: 1rem;
    border-radius: .25rem;
    margin-bottom: 1rem;

}
.words{
      text-align: center;
      font-family: Lucida Console;
}

.border{
         margin: 10px 10px;
         border: solid 2px;
}
.none{
      font-size: 0.5px;
      color: rgba(0, 0, 0, 0.0);
}