body {
    background-image: url(white\ halftone\ bg.jpg);height: 1280; width: 720;
    background-size: cover;

    text-align: center;
    font-family: 'Times New Roman', Times, serif;
}

.logo {
    position: fixed;
    display: inline-block;
    margin: auto;
    left: 340px;
    top: -70px;
    z-index: 1;
    animation: mymove 3s infinite;
    transition: all 3s ease;
    &:hover {
        color: white
    }
}

@keyframes mymove {
    0% {
        transform: translatey(0px)
    }
    50% {
        transform: translatey(3px)
    }
    100% {
        transform: translatey(0px)
    }
}

.welcome {
    width: 500px;
    height: 500px;
    padding: 10px;
    margin: auto;
    position: fixed;
    background-color: white;
    border: 1px black dotted;
    outline:auto;
    left: 669px;
    top: 240px;
    font-weight: bolder;
}

 .grid-container {
    display: grid;
    grid-template-columns: 200px 600px 200px;
    gap: 4px;
    background-color: white;
    padding: 10px;
    margin:auto;
    margin-top: 220px;
    position:fixed;
    left: 430px;
 }

.grid-container > div{
    background-color: white;
    border: 1px dotted black;
    outline: auto;
    padding: 10px;
    font-size: 30px;
    text-align: center;
}

button{
    font-family: 'Times New Roman', Times, serif;
    position: fixed;
    left: 490px;
}

marquee {
    text-shadow: 2px 2px 1px black;
    color: white;
    position: relative;
    z-index: 2;
}

p1 {
    font-size: 17px;
    text-align: left;
    overflow: auto;
    position: fixed;
    left: 650px;
    top: 330px;
    width: 200px;
    height: 100px;
}

p2 {
    font-size: 17px;
    text-align: left;
    overflow: auto;
    position: fixed;
    width: 200px;
    height: 160px;
    right: 465px;
    top: 290px;
}

p3 {
    color: black;
    margin: auto;
    position: fixed;
    bottom: 435px;
    right: 837px;
}

p4 {
    color: black;
    position: fixed;
    top: 500px;
    right: 655px;
    text-align: center;
    margin: auto;
}

.blinkie404 {
    position: fixed;
    top: 470px;
    margin: auto;
    left: 845px;
}

.back404 {
    font-family: 'Times New Roman', Times, serif;
    position: fixed;
    left: 895px;
    top: 530px;
}

.kaiserthink {
    position: fixed;
    top: 245px;
    left: 650px;
}

p5 {
    font-size: 14px;
    text-align: left;
    position: fixed;
    left: 750px;
    top: 315px;
}

.welcomebutt {
    position: fixed;
    top: 700px;
    left: 900px;
}

p7 {
    color: black;
    margin: auto;
    position: fixed;
    bottom: 205px;
    right: 850px;
}

p8 {
    color: black;
    margin: auto;
    position: fixed;
    bottom: 435px;
    right: 837px;
}

p9 {
    color: black;
    margin: auto;
    position: fixed;
    bottom: 410px;
    right: 857px;
}

.chatroom {
    position: fixed;
    right: 470px;
    bottom: 200px;
    z-index: 2;
}

.guestbook {
    font-size: 14px;
    text-align: left;
    position: fixed;
    left: 470px;
    top: 500px;
}

.navads {
    position: fixed;
    top: 400px;
    left: 249px;
    z-index: 2;
}

.riceads {
    position: fixed;
    top: 200px;
    left: 229px;
    z-index: 2;
}

.sidlink {
    position: fixed;
    top: 170px;
    right: 305px;
    z-index: 2;
}