a {
    cursor: pointer;
}

h1 {

    left: 0;
    right: 0;
    top: 40px;
    
    margin: auto;

    width: 1280px;
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 17px;

    border: 1px solid #00f2ff;
    background-image: url(../Backgrounds/BorderBackgrounds2.png);
    padding: 8px;

    font-family: 'Courier New', Courier, monospace;
    text-shadow: 2px 2px black;
}

h3 {

    padding-bottom: -14px;

    left: 0;
    right: 0;
    
    text-align: center;
    margin: auto;

    width: 1280px;
    color: rgb(255, 238, 0);

    font-size: 16px;

    text-shadow: 2px 2px black;
    z-index: 100;



}

.BubbleDragons {

    padding-bottom: 6px;
    left: 0;
    right: 0;
    
    margin: auto;

    width: 1252px;
    height: 32;

    background-color: transparent;
    z-index: 80;

    display: flex;
    justify-content: space-around;
}

.New {

    position: absolute;
    margin-left: -30px;
    margin-top: -25px;
    z-index: 200;
    pointer-events: none;
}

.NewSmall {

    position: absolute;
    margin-left: 5px;
    margin-top: -3px;

}
.RoomPictures {

    left: 0;
    right: 0;

    margin: auto;

    width: 1362px;
    height: 394px;
    background-image: url(../Backgrounds/BorderBackgrounds.png);

    justify-content: space-around;
    padding: 8px;

    border: 5px solid transparent;
    box-shadow: 0 0 0 1px #00a0ff,
                inset 0 0 0 1px #00f2ff;
}


.WakaWaka {

    left: 0;
    right: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    margin: auto;

    width: 388px;
    height: auto;
    display: flex;
    justify-content: space-around;
}

.BorderPhotos {

    width: 264px;
    height: 354px;
    margin-top: 3px;

    border: 1px solid #00f2ff56;
}

.BorderPhotos:hover {

    filter: brightness(75%);
    border: 1px solid #78f2ffe5;

}

.Divider {

    left: 0;
    right: 0;

    margin: auto;

    border: 1px solid white;
    width: 90%;

    
}

.DigDug {

    position: absolute;

    left: 0;
    right: 1279px;
    top: 1020px;

    margin: auto;

    width: 140px;
    height: 76px;

}

.DKJr {

    position: absolute;

    left: 1259px;
    right: 0;
    top: 1020px;

    margin: auto;
    height: 92px;
    width: 92px;



}

.ArcadeCab {

    padding-top: 230px;
    padding-left: 200px;
    margin: auto;

    float: left;
}

.Joystick {
    padding-top: 260px;

    padding-right: 300px;
    float: right;
}

.PCBtalk {

    left: 0;
    right: 0;

    margin: auto;

    width: 1000px;
    height: auto;


    border: 1px solid #00f2ff;
    background-image: url(../Backgrounds/BorderBackgrounds2.png);
    padding: 8px;

    text-align: center;
}

h2 {

    color: white;
    font-weight: bold;
    font-size: 17px;

    font-family: 'Courier New', Courier, monospace;
    text-shadow: 2px 2px black;

    padding: 8px;
}

h4 {

    color: rgb(173, 221, 255);
    text-align: left;
    margin-left: 340px;

}

.Kirbo {

    padding-right: 0;
    padding-left: 420px;
    image-rendering: pixelated;


}

.Padding {
    padding-bottom: 32px;
    padding-top: 40px;
}

.PaddingPCB {
    padding-top: 51px;
}

.PCBPicture {
    margin: auto;

    width: 550px;
    height: 470px;
    background-image: url(../Backgrounds/BorderBackgrounds.png);

    display: flex;
    align-items: center;
    justify-content: space-around;

    border: 5px solid transparent;
    box-shadow: 0 0 0 1px #00a0ff,
                inset 0 0 0 1px #00f2ff;

}

.PCBPhoto {

    width: 510px;
    height: 433px;
    margin-top: 3px;

    border: 1px solid #00f2ff56;

}

.PCBPhoto:hover {

    filter: brightness(75%);
    border: 1px solid #78f2ffe5;

}


@media only screen and (max-width: 1400px) {
    .DigDug {

        display: none;

    }
    .DKJr {

        display: none;

    }
    .ArcadeCab {

        display: none;

    }
    .Joystick {

        display: none;
        
    }

    h1 {

        left: 0;
        right: 0;
        top: 70px;
    
        width: 830px;
        height: auto;

        padding: 10px;
        font-size: 17px;
    }
    
    h3 {

        left: 0;
        right: 0;
        top: 310px;

        width: 100%;

    }

    .BubbleDragons {

        left: 0;
        right: 0;
        top: 274px;

        width: 50%;
        height: 32px;

        display: flex;
        justify-content: space-between;
        image-rendering: pixelated;

    }

    .RoomPictures {

        left: 0;
        right: 0;
        top: 340px;

        width: 830px;
        height: auto;

    }

    .BorderPhotos {

        margin-top: 3px;
        
        width: 265px;
        height: 280px;

        object-fit: cover;
        border: 1px solid #00f2ff56;
    }

    .PCBtalk {

        left: 0;
        right: 0;
        top: 1090px;

        width: 730px;
        height: auto;

        text-align: center;
    }

    h2 {

        color: white;
        font-weight: bold;
        font-size: 17px;

        font-family: 'Courier New', Courier, monospace;
        text-shadow: 2px 2px black;

        padding: 8px;
    }

    h4 {

        color: rgb(173, 221, 255);
        text-align: left;
        margin-left: 200px;

    }

    .Divider {

        left: 0;
        right: 0;
        top: 1040px;
    
    }

    .PCBPadding {

        padding-top: 40px;
    }

    .Kirbo {

        padding-left: 520px;

    }

    .PCBPicture {

        left: 0;
        right: 0;
        top: 1700px;

        width: 430px;
        height: auto;

    }

    .PCBPhoto {

        width: 400px;
        height: auto;
        margin-top: 3px;

        border: 1px solid #00f2ff56;

    }

    .WakaWaka {

        left: 0;
        right: 0;
        top: 970px;

        width: 35%;
        height: auto;

    }
}

@media only screen and (max-width: 992px) {

    h1 {

        left: 0;
        right: 0;
        top: 70px;
    
        width: 630px;
        height: auto;

        padding: 20px;
        font-size: 17px;
    }
    
    h3 {

        left: 0;
        right: 0;
        top: 370px;

        font-size: 11px;
        width: 100%;

    }

    .BubbleDragons {

        left: 0;
        right: 0;
        top: 330px;

        width: 60%;
        height: 32;

        display: flex;
        justify-content: space-between;
        image-rendering: pixelated;

    }

    .RoomPictures {

        left: 0;
        right: 0;
        top: 400px;

        width: 630px;
        height: auto;

    }

    .BorderPhotos {

        margin-top: 3px;
        
        width: 294px;
        height: 280px;

        object-fit: cover;
        border: 1px solid #00f2ff56;
    }

    .PCBtalk {

        left: 0;
        right: 0;
        top: 1425px;

        width: 630px;
        height: auto;

        text-align: center;
    }

    h2 {

        color: white;
        font-weight: bold;
        font-size: 17px;

        font-family: 'Courier New', Courier, monospace;
        text-shadow: 2px 2px black;

        padding: 8px;
    }

    h4 {

        color: rgb(173, 221, 255);
        text-align: left;
        margin-left: 125px;
        font-size: 12px;


    }

    .Divider {

        left: 0;
        right: 0;
        top: 1380px;
    
    }
    
    .PCBPadding {

        padding-top: 40px;
    }

    .PCBPicture {

        left: 0;
        right: 0;
        top: 2100px;

        width: 530px;
        height: auto;

    }

    .PCBPhoto {

        width: 500px;
        height: auto;
        margin-top: 3px;

        border: 1px solid #00f2ff56;

    }

    .Kirbo {

        padding-left: 420px;

    }

    .WakaWaka {

        left: 0;
        right: 0;
        top: 1310px;

        width: 50%;
        height: auto;

    }
}

@media only screen and (max-width: 728px) {

    h1 {

        left: 0;
        right: 0;
        top: 70px;
    
        padding: 10px;

        width: 330px;
        height: auto;

        font-size: 14px;
    }
    
    h3 {

        font-size: 12px;
        left: 0;
        right: 0;
        top: 578px;
    
        width: 100%;

    }

    .BubbleDragons {

        left: 0;
        right: 0;
        top: 511px;

        width: 80%;
        height: 32;

        display: flex;
        justify-content: space-between;
        image-rendering: pixelated;

    }

    .RoomPictures {

        left: 0;
        right: 0;
        top: 600px;

        width: 330px;
        height: auto;

    }

    .BorderPhotos {

        margin-top: 3px;
        
        object-fit: cover;
        width: 300px;
        height: 230px;

        padding: 10px;

        border: 1px solid #00f2ff56;
    }

    .PCBtalk {

        left: 0;
        right: 0;
        top: 1925px;

        width: 330px;
        height: auto;

        text-align: center;
    }

    h2 {

        color: white;
        font-weight: bold;
        font-size: 14px;

        font-family: 'Courier New', Courier, monospace;
        text-shadow: 2px 2px black;

        padding: 8px;
    }

    h4 {

        color: rgb(173, 221, 255);
        text-align: left;
        margin-left: 15px;
        font-size: 12px;


    }

    .Divider {

        left: 0;
        right: 0;
        top: 1890px;
    
    }

    .PCBPadding {

        padding-top: 40px;
    }
    
    .Padding {
        padding-bottom: 32px;
        padding-top: 50px;
    }

    .PCBPicture {

        left: 0;
        right: 0;
        top: 2830px;

        width: 330px;
        height: auto;

    }

    .PCBPhoto {

        width: 300px;
        height: auto;
        margin-top: 3px;

        border: 1px solid #00f2ff56;

    }

    .Kirbo {

        padding-left: 240px;

    }

    .WakaWaka {

        left: 0;
        right: 0;
        top: 1834px;

        width: 80%;
        height: auto;

    }
}