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;
}
a {
  color:#403427;
  text-decoration: none;
}
a:visited {
  color: hotpink;
}
a:hover {
  color: #ed2b7f;
}
.about-title,.blorbos-title,.movies-title,.music-title,.games-title {
color: #3b3631;
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;
font-weight: 100;
position:absolute;
top:1px;
}
@font-face { 
font-family: MAGAZINELETTERBYBRNTLBRNL-REGULAR;
src: url(https://file.garden/Zq4JFSM4zCwoO303/material/fonts/MAGAZINELETTERBYBRNTLBRNL-REGULAR.TTF);
  }
.id{
background:url(../image/graphics/backgrounds/dot-07-91.gif);
width:50%;
height: fit-content;
border-radius:4px;
padding-bottom:px;
margin-left:30px;
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;
}
.main-bg {
background:url(../image/graphics/backgrounds/unknown.png);
-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);
height: fit-content;
width:55%;
padding:25px;
box-sizing:border-box;
border-radius: 10px;
}
.main{
border: 2px dashed #E76E8F;
font-family: "Outfit", sans-serif;
font-size:1.1em;
color: #403834;
background: url(../image/graphics/backgrounds/dot-07-92.gif);
background-color: white;
height:730px;
background-color: white;
border-radius: 10px;
overflow: auto;
text-align: center;
padding:20px;
}
.side-container{
background: transparent;
display: flex;
flex-direction: column;
gap:15px;
width:43%;
padding:15px;
box-sizing:border-box;
border-radius: 10px;
position: absolute;
top:10px;
margin-left:620px;
text-align:left;
padding: 10px;
}
.blorbos, .movies, .music, .games{
background-image: url(../image/graphics/backgrounds/c010-1.gif);
border: 3px dotted #E76E8F;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap:2px;
width:100%;
padding:20px;
box-sizing:border-box;
border-radius:10px;
overflow: auto;
-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);
}
.blorbos{
padding:10px;
}
.movies{
height:320px;
padding:5px;
}
.music{
height:200px;
padding:5px;
}
.games{
height:200px;
padding: 5px;
}
.about-title{
position:absolute;
font-size:3.2em;
top:330px;
left:355px;
}
.blorbos-title{
position:absolute;
top:-25px;
left:20px;
}
.movies-title{
position:absolute;
top:410px;
left:20px;
}
.music-title{
position:absolute;
top:750px;
left:20px;
}
.games-title{
position:absolute;
top:960px;
left:20px;
}
.footer{
width:95%;
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;
}
.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; 
}
::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;
  }