body {
    background-color: white;
    text-align: center;
    font-family: Arial;
}


.stage-container {
    position: relative;
    display: inline-block;
    margin: 20px;
}

.stage {
    width: 400px;
    filter: blur(4px);
}

.presenting-text {
    position: absolute;
    top: 40%;
    left: 30%;
    color: white;
    font-size: 40px;
    text-shadow: 2px 2px 8px black;
}

.butterfly {
    margin: 20px;
    width: 300px;
    filter: invert(100%);
    border-radius: 30px 0 30px 0;
}

.dino {
    margin: 20px;
    width: 300px;
    filter: hue-rotate(120deg) drop-shadow(8px 8px 10px black);
}


.seagull-container {
    display: inline-block;
    background-image: linear-gradient(to right, lightblue, white);
    padding: 20px;
    margin: 20px;
}

.seagull {
    width: 300px;
    box-shadow: 5px 5px 15px gray;
}

.penguin {
    margin: 20px;
    width: 300px;
    filter: sepia(100%);
    border-radius: 50%;
}

.field {
    margin: 20px;
    width: 400px;
    filter: grayscale(100%);
    border: 20px solid;
    border-image: url("tic-tac-toe.png") 40 round;
}