body{
background: url(../image/graphics/backgrounds/kitty.png); #fff;
background-size:20%;
}
.container {
background-color:transparent;
display:flex;
flex-wrap:wrap;
gap:15px;
width:1100px;
height:fit-content;
position:relative;
margin-right: auto;
margin-left: auto;
margin-top:15px;
}
.nav-container {
width:99%;
display: flex;
justify-content: center;
gap: 10px;
border-radius:5px;
padding:2px;
outline-offset: 0px;
}
.nav {
width:10%;
text-align: center;
font-family: "Outfit", sans-serif;
background: linear-gradient(to bottom,  rgba(254,232,237,1) 0%,rgba(254,196,214,1) 50%,rgba(255,235,241,1) 100%);
-webkit-box-shadow: 0px 0px 3px 1px rgba(219,151,183,0.86); 
box-shadow: 0px 0px 3px 1px rgba(219,151,183,0.86);
text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
border: 2px solid #FFFFFF;
color: #4a4647;
outline-offset: 0px;
font-size: 1.4em;
border-radius:35px;
padding:5px;
margin:4px;
margin-top:10px;
}
.id{
  background:url(../image/graphics/backgrounds/dot-07-91.gif);
  width:50%;
  height: fit-content;
  border-radius:4px;
  padding-bottom:px;
  margin-left:10px;
  margin-bottom:10px;
  outline: 1px solid #B1ADCE;
outline-offset: 0px;
  -webkit-box-shadow: 2px 3px 7px 0px rgba(21,30,68,0.39); 
box-shadow: 2px 3px 7px 0px rgba(21,30,68,0.39);
transform: rotate(3deg);
}
.id-title {
background:url(../image/graphics/backgrounds/xxxxxxxas.png);
color:#414a4f;
text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
             1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
border-radius:4px 4px 0px 0px;
font-size:1.5em;
padding: 10px;
text-align:left;
font-family: CORP_ROUND_V1;
}
@font-face { 
font-family: CORP_ROUND_V1;
src: url(https://file.garden/Zq4JFSM4zCwoO303/material/fonts/CORP_ROUND_V1.TTF);
  }
.id-info {
  padding:17px;
  font-size: 1.5em;
  font-family: Courier New;
  font-weight: 500;
  color: #4a4647;
  text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
             1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}
.about-title, .lucky-title {
color:#414a4f;
text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
             1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
font-size:2.5em;
font-family: MAGAZINELETTERBYBRNTLBRNL-REGULAR;
z-index:1;
}
@font-face { 
font-family: MAGAZINELETTERBYBRNTLBRNL-REGULAR;
src: url(https://file.garden/Zq4JFSM4zCwoO303/material/fonts/MAGAZINELETTERBYBRNTLBRNL-REGULAR.TTF);
  }
.about-title {
position:absolute;
top:-4px;
left: 580px;
}
.lucky-title {
position:absolute;
top:350px;
left:10px;
}
.main-bg {
background:url(../image/graphics/backgrounds/2a744dfbc6873f0186831dcffd135108.jpg);
background-size:50%;
height:fit-content;
width:53%;
padding:25px;
box-sizing:border-box;
border-radius: 10px;
-webkit-box-shadow: -1px 0px 3px 4px rgba(208,96,152,0.59); 
box-shadow: -1px 0px 3px 4px rgba(208,96,152,0.59);
}
.main{
background: url(../image/graphics/backgrounds/dot-07-92.gif);
border: 2px dashed #FF67C9;
background-color: white;
height:780px;
padding: 10px;
border-radius: 10px;
overflow: auto;
text-align: center;
font-family: "Outfit", sans-serif;
font-size:1.1em;
color: #403834;
}
.lucky-bg {
background:url(../image/graphics/backgrounds/2a744dfbc6873f0186831dcffd135108.jpg);
background-size:60%;
height:fit-content;
width:50%;
padding:25px;
box-sizing:border-box;
border-radius: 10px;
-webkit-box-shadow: -1px 0px 3px 4px rgba(208,96,152,0.59); 
box-shadow: -1px 0px 3px 4px rgba(208,96,152,0.59);
}
.lucky{
background: url(../image/graphics/backgrounds/dot-07-92.gif);
background-color: white;
border: 2px dashed #FF67C9;
font-family: "Outfit", sans-serif;
font-size:1.1em;
color: #403834;
padding: 10px;
height:450px;
border-radius: 10px;
overflow: auto;
text-align: center;
}
a {
  color:#403427;
  text-decoration: none;
}
a:visited {
  color: hotpink;
}
a:hover {
  color: #ed2b7f;
}
.yellow-highlight { 
  display: inline; 
  padding: 1px 7px; 
  background: linear-gradient(104deg, rgba(253, 223, 126, 0) 0.9%, rgba(253, 223, 126, 1) 2.4%, rgba(253, 223, 126, 0.5) 5.8%, rgba(253, 223, 126, 0.1) 93%, rgba(253, 223, 126, 0.7) 96%, rgba(253, 223, 126, 0) 98%), linear-gradient(183deg, rgba(253, 223, 126, 0) 0%, rgba(253, 223, 126, 0.3) 7.9%, rgba(253, 223, 126, 0) 15%); 
  box-decoration-break: clone; 
}
.side-container{
display: flex;
flex-direction: column;
width:90%;
padding:15px;
box-sizing:border-box;
border-radius: 10px;
position: absolute;
top:30px;
margin-left:570px;
padding: 10px;
}
.footer{
width:96%;
background: white;
border: 2px dashed #2F88C9;
padding:15px;
margin-bottom:20px;
font-family: "Outfit", sans-serif;
font-size:1.1em;
color: #403834;
text-align:center;
line-height:1.5em;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
::selection {
  color: #f54988;
  background: transparent;
}
  * {
    scrollbar-width: none;
    scrollbar-color: #ffbfdf #ffe6f2;
  }

  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #ffe6f2;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #ffbfdf;
    border-radius: 10px;
    border: 3px none #ffe6f2;
  }