@font-face {
    font-family: ComicsCarToon;
    src: url("/fonts/ComicscartoonRegular-240e.woff");
}

@font-face {font-family: Bubble;
src: url("/fonts/SuperBubble-Rpaj3.woff");
}

@font-face {
    font-family: Ravie;
    src: url("/fonts/ravie.woff");
}

body {
    background-image: url(https://xixxii.neocities.org/images/bgs/carpet35.jpg);
}


* {
    scrollbar-width: thin;
    scrollbar-color: #d10f03 #0445bb;
    box-sizing: border-box;
}

.container {
    margin: auto;
    margin-top: 100px;
    width: 1030px;
    height: 1000px;
    position: relative;

}

.container>div {
    position: absolute;
}

.banner {
    top: 0;
    left: 0;
}

.tamanotchis {
    top: 0;
    left: 738px;
}

.moon {
    width: 128px;
    right: 0;
}

.radio {
    top: 100px;
    width: 227px;
    height: 280px;
}

.tarot {
    width: 312px;
    height: 375px;
    border: 1px white solid;
    background-color: black;
    top: 100px;
    right: 180px;
    overflow: hidden;
}

.tabbyads {
    width: 300px;
    height: 300px;
    top: 90px;
    left: 230px;
}

.navlink {
    top: 710px;
    left: 650px;
}

.loser-score {
    top: 1360px;
    left: 160px;
}

.togetic {
    right: 220px;
    top: 480px;
}

.tomie {
    top: 1360px;
    right: 360px;
}

.stamps {
    right: 0;
    top: 200px;
    text-align: center;
    width: 160px;
    height: 700px;
    overflow-y: scroll;
    background-image: url(https://xixxii.neocities.org/images/bgs/splat.jpg);
    border: 25px solid transparent;
    border-image: url(https://xixxii.neocities.org/images/frames/borderattempt.png) 25 round;
}

.nav {
    position: absolute;
    top: 35%;
    left: 15%;
}

.webgarden {
    top: 950px;
    border: 1px darkgreen solid;
    scrollbar-color: darkgreen lightgreen;
    height: 400px;
    width: 100%;
    overflow: auto;
    background-image: url(https://xixxii.neocities.org/images/bgs/13.png)
}

.webgardenstitle {
position:absolute;
top:1300px;
z-index:100;
font-family:'Bubble', sans-serif;
font-size:40pt;
font-weight:bold;
left:-10px;
color:#e6e48f;
text-shadow:#c5e592 2px 2px;}

h1 {
    color: black;
    background-image: url(https://xixxii.neocities.org/images/clipartframes/frame49.png);
    background-size: 329px auto;
    background-repeat: no-repeat;
    font-size: 30px;
    padding-top: 350px;
    padding-left: 25px;
    padding-right: 25px;
    height: 515px;
    width: 329px;
    margin: auto;
    text-align: center;
    font-family: 'Comic Sans MS';
    line-height: 1;
    font-weight: bolder;
}

#savviness {
    top: 1600px;
    left: 180px;
}

.sudoku {
    scale: 0.7;
    width: 500px;
    background-color: bisque;
    overflow: hidden;
    top: 1250px;
    right: -75px;
}

.crossword {
    top: 490px;
    left: 5px;
}

.bannerlink {
    top: 400px;
    left: 40px;
}

.sidelink {
    top: 1360px;
}

.pins {position:absolute;
max-width:125px;
border-radius:100%;

}

#pin10 {top:1710px; 
left:133px; 
transform:rotate(-20deg);}

#pin2 {top:450px;
left:770px;
} 

#pin14 {top:660px;
left:550px;}

#pin4 {top:790px;
left:550px;}

#pin5 {top:90px;
left:810px;
transform:rotate(55deg)}

#pin6 {left:785px;
top:560px;
transform:rotate(15deg)}  

#pin7 {top:860px;
left:800px;
transform:rotate(-25deg)}

#pin8 {top:230px;
right:-90px; 
}

#pin9 {top:-90px;
right:-90px; }

#pin13 {top:10px;
right:-120px;}

#pin11 {top:1560px; 
left:570px;}

#pin12 {top:1730px;
left:250px;}

#pin1 {top:1550px;
left:360px;}

#pin3 {top:120px;
right:-110px;}

#pin15 {top:900px;
right:-160px;
transform:rotate(20deg)}

#pin16 {top:380px;
left:-70px;} 

#pin17 {top:890px;
right:-60px;}

#pin18 {top:1540px;
left:460px;}

#pin19 {top:-130px;
right:20px; }

#pin20 {top:1477px;
left:150px;}

#pin23 {top:780px;
right:-120px;}

#pin24 {top:1640px;
left:470px;} 

#pin25 {top:1640px;
left:370px;
}

#pin26 {top:1670px;
left:570px;}

#pin27 {top:1750px;
left:360px;}

#pin28 {top:990px;
right:-100px;
}

#pin29 {top:410px;
right:-270px;
transform:rotate(10deg)}

#pin30 {top:1755px;
left:510px; }

#pin31 {top:-140px;
right:200px;}

#pin32 {top:1700px;
left:430px;}

#pin33 {top:500px;
right:-130px;}

#pin34 {top:640px;
right:-120px;}

#pin35 {top:700px;
right:-220px;}

#pin36 {top:580px;
right:-225px;}

#pin37 {top:400px;
right:-110px;}

#mywebgarden {position:absolute;
top:1200px;
right:-300px;
display:flex;
flex-wrap:wrap;
width:250px;
justify-content:center;
align-items:center;
transform:rotate(-15deg)}

#mywebgarden p {font-family:'Ravie', Helvetica, sans-serif;
color:white;
font-weight:bold;
font-size:25pt;
line-height:1;
margin:0;
position:absolute;
top:-40px;
right:-120px; 
transform:rotate(25deg);
text-align:center;
text-shadow:cyan 3px 3px,
yellow -3px -3px,
magenta -3px 3px,
black 3px -3px;}


.more {
width:100%;
border:2px white solid; 
top:1820px;}

  .shelf {
    background:url(https://xixxii.neocities.org/gooftown/shelf.png);
    line-height: 150px;
    padding: 0px 20px;
    outline: #5d1c27 solid 15px;
    border: #863133 solid 5px;
    position: absolute;
    vertical-align: text-bottom;
    image-rendering: pixelated;
z-index:-1;
top:1860px;
left:420px;
width:600px;
height:140px;
  }

.clap {top:920px;
left:700px;}

#cheese {top:1820px;
z-index:-1;}

#semeuke {top:1920px;
color:white;
font-family:Tahoma;
font-size:9pt}
#semeuke a {color:inherit;
font-weight: bold;
background-color:black;
padding:2px;}

#faeriequiz {top:1840px;
left:253px;
z-index:-1;}