input[type='checkbox'], input[type='radio']:checked{ accent-color: var(--designaccent1);}

#Header_Main > div{
  position: relative;
  height: calc(100vh - 104px);
  width: 945px;
  margin:auto;
}

#footer .footerbit {display: flex;align-items: center; width: 1456px;margin: 0 auto;}
#footer .footerbit a{color: var(--designaccent1);letter-spacing: 2px;}
#footer .f-credits{
  font-family: Poppins;
  font-size: 7px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
  flex-grow: 1;
  text-align: right;
}

#MainBorder_Right {
  position: fixed;
  z-index: 99;
  bottom: 0;
  right: 0;
  font-family: Poppins;
  font-size: 7px;
  letter-spacing: 1px;
  color: var(--designfont);
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
  display: flex;
  padding: 7px 7px;
  width: 37px;
  flex-direction: column;
}

#MainBorder_Left MainBorder_Pic::before {
  content: "";
  border: 1px solid var(--designborder);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 13px;
  clip-path: polygon(33.33% 115.74%, 100% 100%, 109.26% 40.37%);
}

#MainBorder_Left MainBorder_Pic{
  display: block;
  background-color: var(--designback1);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 13px;
}

#MainBorder_Left MainBorder_Pic div {
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  width: 80px;
  height: 80px;
}

#MainBorder_Left MainBorder_Pic div::before {
  content: "";
  background-color: var(--designborder);
  mix-blend-mode: multiply;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
}

#MainBorder_Left MainBorder_Pic img  {
  height: 100%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%) brightness(150%);
  opacity: 0.7;
}

#MainBorder_Left {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  font-family: Poppins;
  font-size: 7px;
  letter-spacing: 1px;
  color: var(--designfont);
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
  display: flex;
  padding: 110px 7px;
  width: 37px;
}

#MainBorder_Bottom {
  position: fixed;
  width: calc(100% - 92px);
  z-index: 99;
  bottom: 0;
  left: 0;
  font-family: Poppins;
  font-size: 7px;
  letter-spacing: 1px;
  color: var(--designfont);
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
  display: flex;
  padding: 7px 46px;
  height: 37px;
}

#MainBorder_Top .MainBorder_Name > de {
  line-height: 1;
  width: fit-content;
  background-color: var(--designborder);
  border: 5px solid var(--designback1);
  padding: 10px 10px;
  border-radius: 15px;
  font-weight: 300;
  font-size: 10px;
  margin-top: -2px;
}

#MainBorder_Top .MainBorder_Name b{font-weight: 600;}

.MainBorder_Name{display: flex;}
.MainBorder_Top_Links{display: flex;gap: 5px;flex: 1;flex-flow: row-reverse;}
.MainBorder_Top_Links1 {display: flex;gap: 5px;flex-direction: column;}
.LBts{display: flex;gap: 5px;flex: 1;flex-flow: row-reverse;}

.MainBorder_Top_Links1 > div,
#MainBorder_Right > div{
  display: flex;
  background-color: var(--designborder);
  border: 5px solid var(--designback1);
  border-radius: 15px;
  width: 27px;
  height: 27px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  position: relative;
}

.MainBorder_Top_Links1 .infobox1{
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background-color: #d24949;
  color: #fff;
  position: absolute;
  top: 17px;
  left: 15px;
  font-size: 8px;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 1px;
  padding-top: 1px;
}

.Header_Menu_Side_Inside a {
  counter-increment: sidenum;
  font-size: 9px;
  font-weight: 600;
  font-family: Montserrat;
  color: var(--designfont);
  letter-spacing: 0.5px;
  display: flex;
  gap: 5px;
}

.Header_Menu_Side_Inside a::after {
  content:  ' .'counter(sidenum, decimal-leading-zero);
  display: block;
  opacity: 0.5;
  letter-spacing: 0px;
}

.Header_Menu_Title  {
  line-height: 1;
  width: fit-content;
  background-color: var(--designback1);
  padding: 10px 10px;
  font-weight: 500;
  font-size: 9px;
  margin-bottom: 5px;
  margin-top: 20px;
}

.Header_Menu_Side{
  position: absolute;
  top: 52px;
  right: 52px;
  height: calc(100vh - 104px);
  opacity: 0;
  transition: 0.3s;
  overflow: hidden;
  width: 0px;
}

.Header_Menu_Side_Inside{
  background-color: rgba(190, 161, 115, 0.59);
  padding: 30px;
  counter-reset: sidenum;
  width: 200px;
  height: calc(100vh - 163px);
  opacity: 0;
  transition: 0.3s;
  position: relative;
  right: -261px;
  line-height: 240%;
  display: flex;
  flex-direction: column;
  align-items: end;
}

.Header_Menu_Side_Inside.open {right: 0px;opacity: 1;}
.Header_Menu_Side.open {width: 260px;opacity: 1;}

.MainBorder_Top_Links .Header_Menu_Trigger de{cursor: pointer; transition: 0.3s;color: var(--designaccent);}
.MainBorder_Top_Links .Header_Menu_Trigger.active ded{display:block;color: #fff;}
.MainBorder_Top_Links .Header_Menu_Trigger.active de{display:none;}
.MainBorder_Top_Links .Header_Menu_Trigger ded{display:none;cursor: pointer; transition: 0.3s;}

.MainBorder_Top_Links span,
.MainBorder_Top_Links1 span{
  display: block;
  line-height: 1;
  width: fit-content;
  background-color: var(--designborder);
  border: 5px solid var(--designback1);
  padding: 10px 10px;
  border-radius: 15px;
}

#MainBorder{
  border: 52px solid var(--designback1);
  outline: 1px solid var(--designborder);
  outline-offset: -52px;
  position: fixed;
  pointer-events: none;
  width: calc(100% - 104px);
  height: calc(100% - 104px);
  z-index: 97;
}

#SecBorder{
  border: 25px solid transparent;
  outline: 1px solid var(--designborder);
  outline-offset: -25px;
  position: fixed;
  pointer-events: none;
  width: calc(100% - 50px);
  height: calc(100% - 50px);
  z-index: 98;
}

#MainBorder_Top  {
  position: fixed;
  width: calc(100% - 151px);
  z-index: 99;
  top: 0;
  left: 0;
  font-family: Poppins;
  font-size: 7px;
  letter-spacing: 1px;
  color: var(--designfont);
  text-transform: uppercase;
  text-align: left;
  font-weight: bold;
  display: flex;
  padding: 7px 46px 7px 105px;
}

#Header_Main {
  height: calc(100vh - 104px);
  background-color: var(--designback3);
  position: relative;
  background-image: var(--designpic);
  background-blend-mode: soft-light;
  background-position-x: 5%;
	background-position-y: 25%;
	overflow:hidden;
}

#Header_Main .Header_Color {
  background-color: var(--designback4);
  position: absolute;
  top: 0;
  right: 0;
  height: calc(100vh - 104px);
  width: 445px;
  mix-blend-mode: multiply;
  pointer-events: none;
  z-index: 2;
}

#Header_Main .Header_Statue{
  width: 470px;
  position: absolute;
  bottom: 0;
  left: -180px;
}

#Header_Main .Header_BgText{
  position: absolute;
  z-index: -1;
  right: -89px;
  top: 74px;
  background-color: #ddd6d6;
  border-radius: 50%;
  height: 120px;
  width: 120px;
  text-align: center;
  color: var(--designfont);
  text-transform: uppercase;
  font-family: Poppins;
  font-size: 7px;
  letter-spacing: 2px;
  align-content: center;
  border: 30px solid transparent;
  line-height: 180%;
}

#Header_Main .Header_Name{
  position: absolute;
  bottom: 0;
  right: 47%;
  height: 560px;
}

#Header_Main .Header_Name > div{height: 278px;position: relative;}
#Header_Main .Header_Name span{ color: var(--designaccent1);}

#Header_Main .Header_Name span > de{
  font-size: 135px;
  margin-right: -15px;
  filter: brightness(90%);
  font-family: Soligant;
}

#Header_Main .Header_Name div > a  {
  position: absolute;
  top: 0px;
  right: 60px;
  text-transform: uppercase;
  text-align: right;
  font-family: Arome;
  font-size: 180px;
  line-height: 75%;
  z-index: 1;
}

#Header_Main .Header_Sub{
  font-family: Poppins;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 10.7px;
  color: var(--designfont);
  position: absolute;
  top: 135px;
  right: 59px;
  width: max-content;
  z-index: 1;
}

#Header_Main .Header_Sub1  {
  font-family: Poppins;
  font-size: 9px;
  letter-spacing: 1px;
  color: var(--designfont);
  position: absolute;
  top: 258px;
  left: -477px;
  display: flex;
  text-align: right;
  gap: 55px;
  text-transform: uppercase;
  z-index: 1;
}

#Header_Main .Header_Bg  {
  position: absolute;
  bottom: -25px;
  right: 0;
  font-size: 66px;
  font-family: Soligant;
  text-transform: uppercase;
  letter-spacing: 2px;
  width: 442px;
  line-height: 100%;
  text-align: right;
  color: var(--designback1);
  z-index: -1;
  mix-blend-mode: soft-light;
  opacity: 0.2;
}

#Header_Main .Header_Icon{
  font-size: 425px;
  position: absolute;
  top: -81px;
  right: 20px;
  mix-blend-mode: overlay;
  z-index: 0;
  pointer-events: none;
  opacity: 0.5;
}

#Header_Main .Header_UserIcon{
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  margin: 60px auto 0;
}

#Header_Main .Header_UserIcon > img{
  width: 164px;
  position: absolute;
  top: -7px;
  left: -7px;
  mix-blend-mode: darken;
}

#Header_Main .Header_UserIcon1 {
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  top: 28px;
  left: 28px;
  border: 2px solid #0d0d0d;
}

#Header_Main .Header_UserIcon1 > img{
  height: 100%;
  margin-left: -54%;
  filter: grayscale(100);
}