/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

   body {
        background-color: #0077be;
        background-image: url("https://starlightangel.neocities.org/indeximg/pattern1.gif");
        color: #000000;
        font-family: 'Faune-Italic', monospace;
        font-size: 15px;
        
   }

html, body {
    cursor: url("https://starlightangel.neocities.org/Cursor/cursor2.gif"), auto;
    
}

#angelabove{
  display: flex;
  justify-content: center;
}

#center{
  display: flex;
  justify-content:center;
  margin: 300px;
}

.balls {
  display: block;
  unicode-bidi: isolate;
  text-align: center;
  width: 400px;

}

#box {
  display:flex;
  border: 25px solid transparent;
  border-image: url("indeximg/platei02.gif") 24 fill round;
  width:300px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

#box2 {
  background: white;
  border-radius: 1px;
  border:1px solid #c3dedd;
}

#box3 {
  display:flex;
  border: 25px solid transparent;
  border-image: url("indeximg/plate01.gif") 24 fill round;
  width: 500px;
  height: 150px;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}

#box4 {
  background: white;
  border-radius: 1px;
  width: 500px;
  height: 130px;
  padding:10px;
  border: 1px solid #ffc2cc;
}

#container{
  display: grid;
}

#style1 {
  
  display: grid;
  column-gap: 10px;
  text-align: center;
  width: 300px;
  
}

#return {
  background-image: url("notfound.gif");
  width: 132px;
  height: 125px;
  display: block;
}

#text {
  margin: 8px;
}

.battat {
  font-family: 'Karbon';
  font-size: 50px;
  color: #ffffff;
  text-align: center;
  background: #FFEEEE;
  background: radial-gradient(circle farthest-corner at center center, #FFEEEE 0%, #FFCFCF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pluey {
  font-family: 'Karbon';
  background: linear-gradient(0deg,rgba(255, 227, 227, 1) 0%, rgba(255, 249, 249, 1) 100%);
  border: 1px solid #ffaaaa;
  transition: 0.5s;
  border-radius: 4px;
  margin-bottom: 0px;
  text-align: center;
  width:200px;
  margin: auto;
}

.plues {
  padding: 25px;
}

.plues a{
  color:#ffaaaa;
  text-decoration: none;
  padding: 5px;
  display:grid;
}

.plues a:hover{
  color:#ffcfcf;
}

.pluey:hover{
  background: linear-gradient(0deg,rgba(255, 249, 249, 1) 0%, rgba(255, 255, 255, 1) 100%);
  color: #ffaaaa;
}
  

.jongler {
  font-family: 'Karbon';
  background: linear-gradient(0deg, hsla(178, 29%, 82%, 1) 0%, hsla(180, 48%, 95%, 1) 100%);
  border: 1px solid #889E9D;
  transition: 0.5s;
  border-radius: 4px;
  margin-bottom: 0px;
  text-align: center;
  width:200px;
  margin: auto;
}

.jongler:hover{
  background: linear-gradient(0deg,hsla(180, 48%, 95%, 1) 0%, rgba(255, 255, 255, 1) 100%);
  color: #70d3ff;
}

.jonger:hover::before{
  content:'~';
}

.eep {
  padding: 15px;
}

.eep a{
      color: #889E9D;
      text-decoration: none;
      padding: 5px;
      display:grid;
}
    
.eep a:hover{
  color: #ADC5C4;
}
  


@font-face {                  
font-family: 'DarkerGrotesque';
src: url(https://humantooth.neocities.org/fonts/DarkerGrotesque-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
} 

@font-face {                  
font-family: 'Afacad';
src: url(https://humantooth.neocities.org/fonts/Afacad-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
} 

@font-face {                  
font-family: 'Karbon';
src: url(https://humantooth.neocities.org/fonts/3621-karbon-web.woff) format('woff');
font-weight: normal;
font-style: normal;
} 

@font-face {                  
font-family: 'Humantooth';
src: url(https://humantooth.neocities.org/fonts/HTType-v1.woff2) format('woff2');
font-weight: normal;
font-style: normal;
} 
@font-face {                  
font-family: 'Compagnon-Bold';
src: url(https://humantooth.neocities.org/fonts/Compagnon-Bold.woff) format('woff');
font-weight: normal;
font-style: normal;
} 
@font-face {                  
font-family: 'Faune-Italic';
src: url(https://humantooth.neocities.org/fonts/Faune-Italic.woff) format('woff');
font-weight: normal;
font-style: normal;
} 
@font-face {                  
font-family: 'Xanh-Italic';
src: url(https://humantooth.neocities.org/fonts/XanhMono-Italic.woff) format('woff');
font-weight: normal;
font-style: normal;
}