section.store-item {
    display: grid;
    border: 5px black solid;
    width: 50vw;
    margin: 16px;
    padding: 8px;
    background-color: white;
}
section.store-item p {
    text-align: center;
}
section.store-item p.name {
    grid-row: 1 / 3;
    grid-column: 1 / 2;
    font-weight: bold;
    font-size: 150%;
}
section.store-item p.price {
    grid-row: 1 / 3;
    grid-column: 2 / 2;
    font-weight: bold;
    font-size: 150%;
}
section.store-item p.description {
    grid-row: 3 / 4;
    grid-column: 1 / 3;
    font-size: 130%;
}
section.store-item button {
    grid-row: 4 / 5;
    grid-column: 1 / 3;
    margin: 16px;
    padding: 16px;
    border: 5px black solid;
    border-radius: 10px;
    background-color: green;
    color: black;
    font-size: 100%;
    font-weight: bold;
}
section.store-item button a {
    color: white;
    text-decoration: none;
}

aside.sale {
    float: right;
    margin: 16px;
    padding: 32px;
    border: 5px black solid;
    animation: shake 0.5s infinite;
    color: white;
    background-image: url("../assets/images/halloween.png");
    background-position-y: 50%;
    width: 40vw !important;
    font-size: 2vw;
}
@keyframes shake {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(5deg);
    }
    50% {
        transform: rotate(-5deg);
    }
    75% {
        transform: rotate(5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    flex-direction: column;
}

body {
    background-image: url("../assets/images/store-background-scary.jpg");
	background-size: 500px 500px;
}

header {
    background-color: white;
    border: 5px black solid;
    width: 50vw;
    margin: 16px;
    padding: 8px;
    text-align: center;
    font-size: larger;
}