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


body {
  color: rgb(27, 28, 33);
  font-family: "Schwartz";
  font-size: 14px;
  margin:0;
padding:0;
  background-image:url(https://xixxii.neocities.org/images/carpet4.jpg); 
  background-repeat:repeat;
  background-attachment: fixed;
height:100%;
}

*  {cursor: url('https://xixxii.neocities.org/images/Arrow1265.png'), crosshair !important;
box-sizing:border-box;
scrollbar-color:lime purple;
scrollbar-width:thin;}


html {
  margin:0;
padding:0;
height:100%;
}

h1 {
  color: yellow;
text-shadow:5px 5px purple,
-5px -5px lime;
  text-align: center;
  font-size:48px;
width:fit-content;
margin:auto;
margin-top:50px;
margin-bottom:50px;
}

h1:hover {animation:color 1s infinite;
animation-timing-function: linear;}

.main {text-align: center;
  height:auto;
  font-size: 16pt;
line-height:1;
  background-color:#FAF9F6;
  padding:5px;
  position: relative;
  overflow: auto;
  margin:auto;
 border: 10px solid;
border-image:linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
border-image-slice: 1;
  width: 40%;
  border-radius:25px;
}

.main:hover {animation:color 1s infinite;
animation-timing-function: linear;}

@keyframes color {
0% {filter: hue-rotate(0deg);}

100% {filter: hue-rotate(360deg);}
}

.ascii {
  position:absolute;
top:800px;
left:400px;
  }

.foryou{
  position:absolute;
top:50px;
left:1600px;
}

.guys {position:absolute;
top:600px;
left:800px;}

.shirts {
  position:absolute;
top:350px;
left:300px;
  
}

.clipcity {position:absolute;
top:300px;
left:1050px;
  
}

.collections {position:absolute;
top:100px;
left:200px;
rotate:10deg;
}

.gleepgloorp {position:absolute;
top:530px;
}

.duck {position:absolute;
left:1360px;
top:400px;}

.pubdomain {position:absolute;
top:800px;
left:1200px;}

.aquarium {position:absolute;
top:550px;
left:480px;}

.guesttome {width:fit-content;
position:absolute;
top:450px;
left:1700px;}

.playtoys {position:absolute;
left:640px;
top:300px;}

a img {
    transition: .5s;
}
a img:hover, .imgtxt:hover img, .imgtxt:focus img {
     scale: 1.3;
}

.sidebar {
position:absolute;
  height:auto;
  top:25%;
  font-size: 12px;
  padding:10px;
  overflow: auto;
text-align: center;
  font-family: sans-serif;
  height:auto;
  font-size: 14px;
  background-color:#FAF9F6;
  width:100px;
  border-radius:100px;
  border-style:dotted;
  border-color: purple;
}


.imgtxt {
  width: fit-content;
  height: fit-content;
  display: inline-block;
transition: .5s;
}
.imgtxt span {
  opacity: 0;
  position: absolute;
text-align:center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
transition: .5s;
  z-index: 99;
  font-size: 2.5rem;
  color: #FFF;
  filter: drop-shadow(1px 1px 0 black) 
    drop-shadow(-1px 1px 0 black)
    drop-shadow(1px -1px 0 black)
    drop-shadow(-1px -1px 0 black);
}
.imgtxt:hover span, .imgtxt:focus span {
  opacity: 1;
}