body{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    background: linear-gradient(110deg, #ffcccc 60%, #ffcccc88 60%);
}
div.menu{
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eeeeee;
    box-shadow: 2px 5px #eeeeee3f;
    backdrop-filter: blur(10px);
}
a.nav-button{
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    padding: 16px 0px;
    color: #001100;
    text-align: center;
    text-decoration: none;
    transition: 300ms;
    size: auto;
    width: 101px;
    font-weight: 1000;
    font-size: auto;
    margin: 10px;
}
section#head{
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
}

h1.logo{
    color: red;
    vertical-align: middle;
    text-align: center;
    font-weight: 1000;
}
h6.credits{
    text-align: center;
}

/*Store content*/
.os{
    margin: 25px;
    color: #FF0044;
}
#store{
    justify-content: center;
    width: 100%;
    text-align: center;
    align-items: center;
}
div#item{
    display: inline-flex;
    width: 570px;
    height: 300px;
    margin: 10px;
    background-color: #FFFFFF55;
    text-align: center;
    border-radius: 5px;
    backdrop-filter: blur(10px);
}
.atb div.stuff{
    position: relative;
    bottom: 70px;
}
.stuff{
    display: block;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
h1.title{
    margin: auto;
    padding: 40px 0;
}
h3.info{
    margin: auto;
    width: 75%;
}
div.bottom{
    overflow: hidden;
    position: relative;
    top: 12.5%;
    border-radius: 5px;
    display: inline-flex;
}
div.bottom3{
    overflow: hidden;
    position: relative;
    top: 12.5%;
    border-radius: 5px;
    display: inline-flex;
}
div.bottom4{
    overflow: hidden;
    position: relative;
    top: 12.5%;
    border-radius: 5px;
    display: inline-flex;
}
div.bottom2{
    overflow: hidden;
    position: relative;
    top: 4%;
    border-radius: 5px;
    display: inline-flex;
}
li.buy{
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-self: center;
    vertical-align: middle;
    width: 125px;
    height: 60px;
    background-color: yellow;
    transition: 500ms;
}
li.buy:hover{
    transition: 500ms;
    background: aqua;
}
a.buy{
    margin: auto;
    text-decoration: none;
    color: rgb(40, 0, 0);
    width: 100%;
    font-size: 30;
}

h2.price{
    margin-left: 25px;
}
img{
    max-width: 250px;
    max-height: 200px;
    padding: 50px 0;

}
div.sticker{
    overflow: hidden;
    position: relative;
    right: 79%;
    top: 17.5%;
    scale: 0.5;
    background: linear-gradient(#FF0000, #FF2000);
}