body{
     background: #18609e; 
     font-family: 'arial';
     background-image: url('https://jigglejiggle.neocities.org/gradients-and-more/gradient1.png');
     background-repeat: repeat-x;
     background-size: 70px;
    }
    
    #container{
      margin: auto;
      max-width: 800px;
      width: 100%;
    }
    
    #logo{
     background: url('https://jigglejiggle.neocities.org/logo.png'); 
     width: 95px;
     height: 53px;
     background-size: 95px;
     margin: 10px 0px 0px 10px;
    }
    #header{
     display: flex; 
    }
    #whead {
  background: rgb(216,216,216);
  background: linear-gradient(180deg, rgba(216,216,216,1) 0%, rgba(129,129,129,1) 100%);
  color: black;
  font-family: arial;
  background-size: 550px;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 1px solid black;
  width: 100%;
  height: 25px;
  margin: 0px;
}
    #whead p{
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: bold;
    padding: 4px 0px 4px 10px;
}
#window {
    background-color: white;
    border-radius: 5px 5px 0px 0px;
    margin: 10px;
    color: black;
    font-family: arial;
    border: 1px solid black;
}
#wcontent p{
  padding: 0px 0px 10px 12px;
  margin-top: 8px;
  margin-bottom: 0px;
}
    #nav{
     margin: 10px;
     display: flex;
     margin-left: auto;
    }
    .s{
     display: block;
     color: white;
     font-weight: bold;
     padding: 15px;
     font-size: 17px;
    }
    #pagehead{
    background-image: url("https://rosc.neocities.org/Gradient2.png");
    background-size: 650px;
    width: 100%;
    font-family: arial;
    color: white;
    border-radius: 7px 7px 0px 0px;
    margin-top: 0;
    height: 29px;
    display: flex;
}
#pagehead p{
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: bold;
    padding: 6px 0px 0px 10px;
    font-size: 15px;
}
#pagehead img{
    padding: 2px 0px 0px 10px;
    width: 26px;
}
#container2{
  background: white;
  border: 1px solid black;
}
.button{
 /*background-image: url("https://rosc.neocities.org/gradient3.png");
 background-size: 95px;*/
 background: linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(156,156,156,1) 100%);
 font-weight: bold;
 border-radius: 0px 5px 5px 0px;
 margin-top: 0px;
 height: 100%;
 width: 70px;
 border: 1px solid black;
}
.button:active{
 background: #9e9e9e;
}

#search{
 display: flex; 
 height: 30px;
    margin-left: auto;
 margin-top: 18px;
}
input[type=text], select {
    height: 30px;
    width: 565%;
    box-sizing: border-box;
    display: inline-block;
    font-size: 15px;
    border: 1px solid black;
    color: black;
    padding: 10px;
    border-radius: 5px 0px 0px 5px;
}
::placeholder {
  color: grey;
}