@font-face {
  font-family: "rugles";
  src: url('https://squids-world.neocities.org/Fonts/Daydream%20DEMO.otf');
}

@font-face {
  font-family: "alte";
  src: url('https://squids-world.neocities.org/Fonts/VCR_OSD_MONO_1.001.ttf');
}

html {
    image-rendering: pixelated;
    background: url('https://squids-world.neocities.org/Assets/MOTW/brickwall.png') no-repeat; background-size: cover;
    width: 100%;
    height: auto;    
    background-attachment: fixed;
    scrollbar-color: darkblue lightblue;
    scrollbar-width: thin;
}
body {
    height: 98vh;
    width: 99vw;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bulletinchunk {
    background: url('https://squids-world.neocities.org/Assets/MOTW/bulletinboard.png') no-repeat center center;
    background-size: contain;
    width: max(70vw); /* fit within viewport */
    aspect-ratio: 4 / 2.7;
    position: relative;
}


.saucers {
    position:absolute;
    top:4%;
    left:2%;
    width:19%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
    filter: drop-shadow(-2px 2px 2px #000000);
}
.alienid {
    position:absolute;
    top:25%;
    left:4%;
    width:4%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
    filter: drop-shadow(-2px 2px 2px #000000);
}
.bfphoto {
    position:absolute;
    top:7%;
    left:80%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-12deg);
    filter: drop-shadow(-2px 2px 2px #000000);
}
.bfslave {
    position:absolute;
    top:62%;
    left:30%;
    width:15%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-5deg);
    filter: drop-shadow(-2px 2px 2px #000000);

}
.dapeman {
    position:absolute;
    top:25%;
    left:85%;
    width:7%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(3deg);
    filter: drop-shadow(-2px 2px 2px #000000);
}
.dchup {
    position:absolute;
    top:40%;
    left:4%;
    width:14%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-8deg);
    filter: drop-shadow(-2px 2px 2px #000000);
}
.dfrogman {
    position:absolute;
    top:15%;
    left:20%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
}
.dkeeperfile {
    position:absolute;
    top:15%;
    left:20%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
}
.dloch {
    position:absolute;
    top:15%;
    left:20%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
}
.dmmanvanishes {
    position:absolute;
    top:15%;
    left:20%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
}
.dufo2 {
    position:absolute;
    top:15%;
    left:20%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
}
.fortworthmonster {
    position:absolute;
    top:15%;
    left:20%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
}
.fresno {
    position:absolute;
    top:15%;
    left:20%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
}
.goatman {
    position:absolute;
    top:15%;
    left:20%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
}
.goatmannews {
    position:absolute;
    top:15%;
    left:20%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
}
.hunterprofile {
    position:absolute;
    top:15%;
    left:20%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
}
.jdevil {
    position:absolute;
    top:15%;
    left:20%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
}
.loch2 {
    position:absolute;
    top:15%;
    left:20%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
}
.monster {
    position:absolute;
    top:15%;
    left:20%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
}
.ofthe {
    position:absolute;
    top:15%;
    left:20%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
}
.news1 {
    position:absolute;
    top:15%;
    left:20%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
}
.popelick {
    position:absolute;
    top:15%;
    left:20%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
}
.pln {
    position:absolute;
    top:15%;
    left:20%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
}
.thething {
    position:absolute;
    top:15%;
    left:20%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
}
.ufobird {
    position:absolute;
    top:15%;
    left:20%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
}
.week {
    position:absolute;
    top:15%;
    left:20%;
    width:5%;
    height:auto;
    margin:0;
    padding:0;
    transform: rotate(-15deg);
}