body {
    background-image: url('https://media.giphy.com/media/NAXHPg2eZRv8PWhXgj/giphy.gif');
    background-size: cover;
    margin: auto;
    font-size: 150%;
    height: 1000px;
    background-repeat: no-repeat;
}

.fish {
    background-image: url('https://bankless.ghost.io/content/images/2023/10/Xnapper-2023-10-12-12.58.50--1-.png');
    background-size: contain;
    margin: 1em auto auto 0;
    background-repeat: no-repeat;
    height: 9em;
    width: 13em;
    position: relative;
    right: 3em;
}

.bubble {
    background-image: url('https://cdn.pixabay.com/photo/2013/07/12/12/35/speech-bubble-145979_1280.png');
    background-size: 80%;
    background-repeat: no-repeat;
    margin: 0 0 0 15em;
    height: 34em;
    width: 44em;
    transform: rotateY(170deg);
    position: relative;
    right: 2em;
}

.bubble1-text {
    background-image: url(../graphics/bubble1-text2.png);
    background-size: 95%;
    background-repeat: no-repeat;
    height: 21em;
    width: 20em;
    position: relative;
    top: 6em;
    left: 3.15em;
    transform: rotateY(170deg);
}

.bubble-text2 {
    background-image: url(../graphics/bubble-text2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 25em;
    width: 22em;
    position: relative;
    top: 16em;
    left: 13em;
}

.bubble2 {
    background-image: url('https://static.vecteezy.com/system/resources/previews/021/664/480/non_2x/speech-bubble-thought-bubble-comic-bubble-transparent-free-free-png.png');
    background-size: 107%;
    background-repeat: no-repeat;
    margin: auto auto auto 0;
    height: 41em;
    width: 45em;
    bottom: 42em;
    position: relative;
    right: 5em;
}


.grenade {
    background-image: url('https://static.vecteezy.com/system/resources/previews/043/771/504/non_2x/a-grenade-on-a-transparent-background-free-png.png');
    background-size: 89%;
    background-repeat: no-repeat;
    height: 13em;
    width: 15em;
    position: relative;
    bottom: 56em;
    left: 47em;
    transform: rotate(-15deg);
}

.text1 {
    background-image: url(../graphics/header-violence.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin: auto 8em auto auto;
    height: 9em;
    width: 14em;
    position: relative;
    top: 2.5em;
}

@font-face {
    font-family:'NeueBit';
    src: local('NeueBit'), url('../fonts/NeueBit.otf');
}

@font-face {
    box-sizing: content-box;
    font-family: 'Mondwest';
    src: local('Mondwest.otf'), url('../fonts/Mondwest.otf');
    font-weight: 400;
}

@font-face {
    box-sizing: content-box;
    font-family: 'RomanceA';
    src: local('RomanceA.ttf'), url('../fonts/RomanceA.ttf');
    font-weight: 600;
}