body {
    margin: 0;
    display: flex; 
    justify-content: center; 
    align-items: center;  
    min-height: 100vh;   
}

.main-container {
    display: flex;
    flex-direction: column; 
    align-items: center;  
    gap: 20px;
}

.window {
    width: 100px;
    height: 100px;
    border: 1px solid black;
    overflow: hidden;
    position: relative;
    box-shadow: inset 0 0 20px 10px rgba(0, 0, 0, 0.7);
}

.window::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to bottom, 
        rgba(0,0,0,0.8) 0%, 
        rgba(0,0,0,0) 25%, 
        rgba(0,0,0,0) 75%, 
        rgba(0,0,0,0.8) 100%
    );
}

.reel {
    width: 100px;
    height: 100px;
    background-image: url("../resources/slotz.gif");
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat-y;

    transition: background-position-y 3s cubic-bezier(0.25, 1, 0.5, 1);
}

.slotmachinee {
    display: flex;
    flex-direction: row; 
    justify-content: center; 
    gap: 10px;          
}

.money {
    color: rgb(57 59 61);
    text-emphasis: bold;
    text-decoration: solid;
    font-size: 30px;
    font-family: monospace;
}

.gay {
    display: flex;
}

.freakyballs {
    color: white;
}