body {
    background-image: url(30.jpg);
    font-family: "perfect";
    color: white;
    font-size: 18px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 1000px;
}
#list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 50px;
}
@font-face { 
    font-family: "alagard"; 
    src: url("alagard.ttf"); 
} 
@font-face { 
    font-family: "perfect"; 
    src: url("Perfect\ DOS\ VGA\ 437\ Win.ttf"); 
}
a {
    color: rgb(255, 255, 255);
    font-family: "alagard";
    text-decoration: none;
}
a:link {
    color: rgb(255, 255, 255);
}
a:hover {
    color: rgb(184, 12, 12);
    text-decoration: none;
}
p {
    color: rgb(184, 12, 12);
    font-family: "alagard";
    font-size: 20px;
    text-decoration: none;
}
.wrap {
    margin-top: 2%;
    height: 100%;
}
.wrap2 {
    padding: 5%;
}
#header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 2%;
}
.button {
    display: flex;
    flex-wrap: wrap;
    padding-left: 4%;
}
#home {
    padding: 8px;
}
#credits {
    padding: 8px;
}

a:hover {
    color: rgb(194, 14, 14)
}
.johnanddavid {
    background-image: url(https://i.pinimg.com/564x/a7/ad/40/a7ad4022eec46c9135aa82b88ba81fc5.jpg);
    background-repeat:no-repeat;
    background-size: 10% 40%;
    transform: translate(5%, 30%);
    width: 100%;
    height: 100%;
}
.fosse {
    background-image: url(https://i.pinimg.com/736x/08/d6/22/08d62211adebe7c185333d3d605f83ea.jpg);
    background-repeat:no-repeat;
    background-size: 21% 30%;
    transform: translate(49%, -45%);
    width: 100%;
    height: 100%;
}
.eyes {
    background-image: url(https://i.pinimg.com/736x/f2/31/32/f23132f3540642cb8bcc6cfcb8f92a6a.jpg);
    background-repeat:no-repeat;
    background-size: 10% 40%;
    transform: translate(54%, -188%);
    width: 100%;
    height: 100%;
}
.ribcage {
    background-image: url(https://i.pinimg.com/736x/79/bf/92/79bf92b71d87fed719c73c1d4eb454b6.jpg);
    background-repeat:no-repeat;
    background-size: 20% 28%;
    transform: translate(72%, -251%);
    width: 100%;
    height: 100%;
}
.twink {
    background-image: url(https://i.pinimg.com/736x/19/af/3f/19af3fba3e89c27a1aebfef5674e32e0.jpg);
    background-repeat:no-repeat;
    background-size: 18% 15%;
    transform: translate(17%, -332%);
    width: 100%;
    height: 100%;
}
.mannequins {
    background-image: url(https://i.pinimg.com/736x/04/3a/8b/043a8be36b9c3e1766594491ff2a5f6e.jpg);
    background-repeat:no-repeat;
    background-size:18% 55%;
    transform: translate(17%, -490%);
    width: 100%;
    height: 100%;
}
.tina {
    background-image: url(https://i.pinimg.com/originals/61/74/7f/61747f0fb30fbaa63c04fd641203ae60.gif);
    background-repeat:no-repeat;
    background-size: 10% 25%;
    transform: translate(37%, -545%);
    width: 100%;
    height: 100%;
}
.burninghouse {
    background-image: url(https://i.pinimg.com/1200x/d9/c5/71/d9c5712c33f0259aa25d82b8d4e91334.jpg);
    background-repeat:no-repeat;
    background-size: 7% 20%;
    transform: translate(1%, -626%);
    width: 100%;
    height: 100%;
}
.klaus {
    background-image: url(https://i.pinimg.com/736x/3c/a9/9c/3ca99c465df3cff872fe76599a01bf51.jpg);
    background-repeat:no-repeat;
    background-size: 15% 45%;
    transform: translate(10%, -714%);
    width: 100%;
    height: 100%;
}
.teeth {
    background-image: url(https://i.pinimg.com/736x/0f/7e/26/0f7e262b3ad24c0baf64cd4813f900a7.jpg);
    background-repeat:no-repeat;
    background-size: 15% 35%;
    transform: translate(37%, -884%);
    width: 100%;
    height: 100%;
}
.herbert {
    background-image: url(https://i.pinimg.com/736x/95/74/d3/9574d3dfb313169b0ec5c4900e4e35b9.jpg);
    background-repeat:no-repeat;
    background-size: 13% 28%;
    transform: translate(66%, -982%);
    width: 100%;
    height: 100%;
}
.catsmoking {
    background-image: url(https://i.pinimg.com/736x/64/b9/ef/64b9ef77e8dae47bc36afed5c60f5492.jpg);
    background-repeat:no-repeat;
    background-size: 11% 30%;
    transform: translate(27%, -1013%);
    width: 100%;
    height: 100%;
}
.graceanddog {
    background-image: url(https://i.pinimg.com/1200x/75/e4/94/75e494b655cc67c3e5ba0c826a7c6fc3.jpg);
    background-repeat:no-repeat;
    background-size: 18% 50%;
    transform: translate(27%, -1079%);
    width: 100%;
    height: 100%;
}
.devil {
    background-image: url(https://i.pinimg.com/736x/0d/f1/2c/0df12c1c46ba1d8d822ac915725e8258.jpg);
    background-repeat:no-repeat;
    background-size: 14% 65%;
    transform: translate(85%, -1219%);
    width: 100%;
    height: 100%;
}
.peewee {
    background-image: url(https://i.pinimg.com/1200x/08/89/a8/0889a89fdd0c39881e12bf58bc43addc.jpg);
    background-repeat:no-repeat;
    background-size: 19% 50%;
    transform: translate(47%, -1311%);
    width: 100%;
    height: 100%;
}
.myboys {
    background-image: url(https://i.pinimg.com/736x/4a/15/f8/4a15f8616b348b403a9e8588082cbe5f.jpg);
    background-repeat:no-repeat;
    background-size:15% 50%;
    transform: translate(68%, -1378%);
    width: 100%;
    height: 100%;
}
.byrne {
    background-image: url(https://i.pinimg.com/736x/95/8d/9b/958d9b8e7e26ea742c26cb0ebcb251a0.jpg);
    background-repeat:no-repeat;
    background-size: 15% 30%;
    transform: translate(68%, -1511%);
    width: 100%;
    height: 100%;
}
.cards {
    background-image: url(https://blob.gifcities.org/gifcities/HMFUGIUUNVLOBJ7YBOARTEZMSMJYEYH3.gif);
    background-repeat:no-repeat;
    background-size: 15% 15%;
    transform: translate(0%, -1682%);
    width: 100%;
    height: 100%;
}
.whale {
    background-image: url(https://blob.gifcities.org/gifcities/7Y3QME4XZNVEV3WP5XADZPKKMF63KXNG.gif);
    background-repeat:no-repeat;
    background-size: 15% 15%;
    transform: translate(60%, -1757%);
    width: 100%;
    height: 100%;
}
.thread {
    background-image: url(https://blob.gifcities.org/gifcities/AGYUOFO4WJ2NJJJU4ELE5WCGASBJ5C5L.gif);
    background-repeat:no-repeat;
    background-size: 8% 12%;
    transform: translate(93%, -1830%);
    width: 100%;
    height: 100%;
}
.mrmime {
    background-image: url(https://binhardt.neocities.org/mr%20mime.gif);
    background-repeat:no-repeat;
    background-size: 5% 10%;
    transform: translate(10%, -1926%);
    width: 100%;
    height: 100%;
}
.mygirl {
    background-image: url(https://i.pinimg.com/736x/10/de/8a/10de8ab45612d7951a1f84877f0d58c8.jpg);
    background-repeat:no-repeat;
    background-size: 17% 30%;
    transform: translate(81%, -2087%);
    width: 100%;
    height: 100%;
}
.cocacola {
    background-image: url(https://bettysgraphics.neocities.org/images/food/coke.gif);
    background-repeat:no-repeat;
    background-size: 7% 10%;
    transform: translate(39%, -2100%);
    width: 100%;
    height: 100%;
}
.sneasel {
    background-image: url(https://binhardt.neocities.org/sneasel.gif);
    background-repeat:no-repeat;
    background-size: 5% 10%;
    transform: translate(79%, -2219%);
    width: 100%;
    height: 100%;
}
.nan {
    background-image: url(https://i.pinimg.com/736x/f1/e6/20/f1e620f137374d319737c3ec3fd82182.jpg);
    background-repeat:no-repeat;
    background-size: 14% 22%;
    transform: translate(85%, -2250%);
    width: 100%;
    height: 100%;
}
.liza {
    background-image: url(https://i.pinimg.com/1200x/e9/02/ba/e902ba7f75c8b0e74ea7901300c683e6.jpg);
    background-repeat:no-repeat;
    background-size: 20% 60%;
    transform: translate(5%, -2365%);
    width: 100%;
    height: 100%;
}
.contactsheet {
    background-image: url(https://i.pinimg.com/736x/70/c2/50/70c25055a0bd104b79b749bbe072d1ae.jpg);
    background-repeat:no-repeat;
    background-size: 8% 25%;
    transform: translate(0%, -2502%);
    width: 100%;
    height: 100%;
}
.residents {
    background-image: url(https://i.pinimg.com/736x/57/df/d1/57dfd114f36571680394f917f7e6becd.jpg);
    background-repeat:no-repeat;
    background-size: 20% 30%;
    transform: translate(80%, -2523%);
    width: 100%;
    height: 100%;
}
.pinstripe {
    background-image: url(https://i.pinimg.com/736x/b5/3d/2a/b53d2a1d830889e75b86d1b5418e7041.jpg);
    background-repeat:no-repeat;
    background-size: 17% 25%;
    transform: translate(48%, -2657%);
    width: 100%;
    height: 100%;
}
.octavia {
    background-image: url(https://i.pinimg.com/736x/fa/e9/40/fae94051f70f0989ef45f197fa912fcf.jpg);
    background-repeat:no-repeat;
    background-size: 18% 40%;
    transform: translate(60%, -2724%);
    width: 100%;
    height: 100%;
}
.afterhours {
    background-image: url(https://i.pinimg.com/1200x/95/d8/03/95d803d5f78533e95d73bb738d160e34.jpg);
    background-repeat:no-repeat;
    background-size: 20% 25%;
    transform: translate(5%, -2800%);
    width: 100%;
    height: 100%;
}
.anthony {
    background-image: url(https://i.pinimg.com/736x/02/2a/33/022a336b7de76dcf08e5a06a5d54fba3.jpg);
    background-repeat:no-repeat;
    background-size: 20% 60%;
    transform: translate(27%, -2883%);
    width: 100%;
    height: 100%;
}
.cecilbdemented {
    background-image: url(https://i.pinimg.com/736x/a1/54/de/a154dea0a6f6e0f79e93b09959a81679.jpg);
    background-repeat:no-repeat;
    background-size: 31% 35%;
    transform: translate(27%, -3024%);
    width: 100%;
    height: 100%;
}
.freak {
    background-image: url(https://i.pinimg.com/originals/36/54/88/3654882133e4b0c007e7c9c1422c39ea.gif);
    background-repeat:no-repeat;
    background-size: 1% 1%;
    transform: translate(20%, -3130%);
    width: 100%;
    height: 100%;
}
.raja {
    background-image: url(https://i.pinimg.com/736x/33/5c/b6/335cb6a0d1a3c1e4dbe3d7067fd54f8a.jpg);
    background-repeat:no-repeat;
    background-size: 20% 70%;
    transform: translate(80%, -3188%);
    width: 100%;
    height: 100%;
}
.divinecake {
    background-image: url(https://i.pinimg.com/736x/50/b5/22/50b522971cdeeb21a0bfeb41031dea2c.jpg);
    background-repeat:no-repeat;
    background-size: 20% 50%;
    transform: translate(58%, -3280%);
    width: 100%;
    height: 100%;
}
.kiss {
    background-image: url(https://i.pinimg.com/736x/52/3d/81/523d81cda41e3c4c456c46e5ad154add.jpg);
    background-repeat:no-repeat;
    background-size: 30% 40%;
    transform: translate(48%, -3325%);
    width: 100%;
    height: 100%;
}
.scum {
    background-image: url(https://i.pinimg.com/736x/f4/3a/e1/f43ae1ff91189fc35ecabdef231c9891.jpg);
    background-repeat:no-repeat;
    background-size: 9% 30%;
    transform: translate(48%, -3480%);
    width: 100%;
    height: 100%;
}
.twinpeaks {
    background-image: url(https://i.pinimg.com/736x/35/3b/ec/353becfc97ec96df17733af31d23b7d4.jpg);
    background-repeat:no-repeat;
    background-size: 20% 70%;
    transform: translate(5%, -3570%);
    width: 100%;
    height: 100%;
}
.bob {
    background-image: url(https://i.pinimg.com/736x/36/fa/40/36fa40b3d56a263c03986132b4f3f658.jpg);
    background-repeat:no-repeat;
    background-size: 19% 50%;
    transform: translate(27%, -3618%);
    width: 100%;
    height: 100%;
}
.vivienne {
    background-image: url(https://i.pinimg.com/736x/93/9c/5d/939c5d99f1c6ee22500ea1e69aede29c.jpg);
    background-repeat:no-repeat;
    background-size: 20% 60%;
    transform: translate(5%, -3695%);
    width: 100%;
    height: 100%;
}
.rockyhorror {
    background-image: url(https://i.pinimg.com/736x/96/32/7f/96327fd68dfdd859d5a5405a0b619982.jpg);
    background-repeat:no-repeat;
    background-size: 20% 40%;
    transform: translate(80%, -3815%);
    width: 100%;
    height: 100%;
}
.anger {
    background-image: url(https://i.pinimg.com/736x/f3/06/f1/f306f1575ffcb4d470deac34b05d3503.jpg);
    background-repeat:no-repeat;
    background-size: 18% 60%;
    transform: translate(27%, -3864%);
    width: 100%;
    height: 100%;
}
.davidw {
    background-image: url(https://i.pinimg.com/1200x/c5/38/c3/c538c32fae3ab5bca10aeb6452a2e77b.jpg);
    background-repeat:no-repeat;
    background-size: 30% 70%;
    transform: translate(15%, -3900%);
    width: 100%;
    height: 100%;
}
.manray {
    background-image: url(https://i.pinimg.com/736x/49/d5/c0/49d5c017c4b5702bf199d958149cc3d2.jpg);
    background-repeat:no-repeat;
    background-size: 12% 40%;
    transform: translate(1%, -4000%);
    width: 100%;
    height: 100%;
}
.funeral {
    background-image: url(https://i.pinimg.com/736x/ce/da/11/ceda116d996e7075ce1d62e8b32ae5ee.jpg);
    background-repeat:no-repeat;
    background-size: 15% 45%;
    transform: translate(63%, -4180%);
    width: 100%;
    height: 100%;
}
.divine {
    background-image: url(https://i.pinimg.com/originals/ab/78/9d/ab789d4f618768cc9a45082444c11a76.gif);
    background-repeat:no-repeat;
    background-size: 15% 25%;
    transform: translate(7%, -4230%);
    width: 100%;
    height: 100%;
}
.gregg {
    background-image: url(https://i.pinimg.com/1200x/9e/83/1b/9e831ba9ba2cbd0ea4383b268d8facfb.jpg);
    background-repeat:no-repeat;
    background-size: 13% 20%;
    transform: translate(48%, -4380%);
    width: 100%;
    height: 100%;
}
.nan2 {
    background-image: url(https://i.pinimg.com/736x/b2/02/47/b20247853e45cd3c4d00f7d6c177c086.jpg);
    background-repeat:no-repeat;
    background-size: 14% 48%;
    transform: translate(47%, -4455%);
    width: 100%;
    height: 100%;
}
.emcee {
    background-image: url(https://i.pinimg.com/736x/b4/35/f8/b435f803f0fb940066e0422dbb4c837e.jpg);
    background-repeat:no-repeat;
    background-size: 20% 50%;
    transform: translate(80%, -4569%);
    width: 100%;
    height: 100%;
}
.vivienne2 {
    background-image: url(https://i.pinimg.com/736x/9e/05/b5/9e05b51948d065698917cdd631048de8.jpg);
    background-repeat:no-repeat;
    background-size: 15% 50%;
    transform: translate(63%, -4630%);
    width: 100%;
    height: 100%;
}
.john {
    background-image: url(https://i.pinimg.com/1200x/1e/3a/c5/1e3ac567b2615a40bb097594850b3d54.jpg);
    background-repeat:no-repeat;
    background-size: 18% 25%;
    transform: translate(80%, -4714%);
    width: 100%;
    height: 100%;
}
.blacklodge {
    background-image: url(https://i.pinimg.com/736x/11/b8/2b/11b82b0f3d2443f91552c9d528f598bf.jpg);
    background-repeat:no-repeat;
    background-size: 13% 20%;
    transform: translate(80%, -4785%);
    width: 100%;
    height: 100%;
}
.mapplethorpe {
    background-image: url(https://i.pinimg.com/736x/4e/f7/eb/4ef7eb5188e8e1c0530c0d0c7e6652da.jpg);
    background-repeat:no-repeat;
    background-size: 20% 55%;
    transform: translate(77%, -4860%);
    width: 100%;
    height: 100%;
}
.boojiboy {
    background-image: url(https://i.pinimg.com/736x/3d/4a/95/3d4a95c2ff30efb4d468032041888ffc.jpg);
    background-repeat:no-repeat;
    background-size: 14% 42%;
    transform: translate(47%, -5002%);
    width: 100%;
    height: 100%;
}
.akihiro {
    background-image: url(https://i.pinimg.com/736x/2c/32/a0/2c32a0a3ff7c5a552cc6c4d7b453c7f3.jpg);
    background-repeat:no-repeat;
    background-size: 12% 43%;
    transform: translate(63%, -5075%);
    width: 100%;
    height: 100%;
}
.dice {
    background-image: url(https://blob.gifcities.org/gifcities/W7EYYHE5BWWWVYRLETLVZSSIZWPCMAEI.gif);
    background-repeat:no-repeat;
    background-size: 10% 10%;
    transform: translate(0%, -5475%);
    width: 100%;
    height: 100%;
}
.orcas {
    background-image: url(https://blob.gifcities.org/gifcities/46W6A34NVWPE454BL32EQLW3NJX6BGO7.gif);
    background-repeat:no-repeat;
    background-size: 10% 13%;
    transform: translate(50%, -5535%);
    width: 100%;
    height: 100%;
}
.torchic {
    background-image: url(https://binhardt.neocities.org/torchic.gif);
    background-repeat:no-repeat;
    background-size: 3% 7%;
    transform: translate(79%, -5594%);
    width: 100%;
    height: 100%;
}
.gardevoir {
    background-image: url(https://binhardt.neocities.org/gardevoir.gif);
    background-repeat:no-repeat;
    background-size: 5% 12%;
    transform: translate(1%, -5712%);
    width: 100%;
    height: 100%;
}
.vaporeon {
    background-image: url(https://binhardt.neocities.org/vaporeon.gif);
    background-repeat:no-repeat;
    background-size: 4% 8%;
    transform: translate(20%, -5701%);
    width: 100%;
    height: 100%;
}
.xfiles {
    background-image: url(https://blob.gifcities.org/gifcities/AJAOIVFLMB4KLDXNZB43KE5ORAZPXJVE.gif);
    background-repeat:no-repeat;
    background-size: 5% 15%;
    transform: translate(50%, -5845%);
    width: 100%;
    height: 100%;
}
.safetypin {
    background-image: url(https://bettysgraphics.neocities.org/images/objects/pin%201.gif);
    background-repeat:no-repeat;
    background-size: 6% 20%;
    transform: translate(0%, -5825%);
    width: 100%;
    height: 100%;
}
.scissors {
    background-image: url(https://bettysgraphics.neocities.org/images/objects/scissors%2018.gif);
    background-repeat:no-repeat;
    background-size: 8% 10%;
    transform: translate(48%, -6091%);
    width: 100%;
    height: 100%;
}
.film {
    background-image: url(https://bettysgraphics.neocities.org/images/objects/film%2013.gif);
    background-repeat:no-repeat;
    background-size: 6% 8%;
    transform: translate(60%, -6085%);
    width: 100%;
    height: 100%;
}
.lobster {
    background-image: url(https://bettysgraphics.neocities.org/images/animals/crab%2031.gif);
    background-repeat:no-repeat;
    background-size: 10% 10%;
    transform: translate(78%, -6225%);
    width: 100%;
    height: 100%;
}
.disco {
    background-image: url(https://bettysgraphics.neocities.org/images/objects/disco%20ball.gif);
    background-repeat:no-repeat;
    background-size: 8% 20%;
    transform: translate(65%, -6132%);
    width: 100%;
    height: 100%;
}
.vhs {
    background-image: url(https://bettysgraphics.neocities.org/images/gadgets/vhs%202.gif);
    background-repeat:no-repeat;
    background-size: 80px 60px;
    transform: translate(4%, -6255%);
    width: 100%;
    height: 100%;
}
.camera {
    background-image: url(https://bettysgraphics.neocities.org/images/gadgets/camera%2024.gif);
    background-repeat:no-repeat;
    background-size: 7% 10%;
    transform: translate(78%, -6423%);
    width: 100%;
    height: 100%;
}
.theend {
    background-image: url(theend.gif);
    background-repeat:no-repeat;
    background-size: 150px 100px;
    transform: translate(30%, -6400%);
    width: 100%;
    height: 100%;
}