*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
    transition: all ease-in-out 0.2s;
}
html,
body,
p,
button {
	font-family: "Josefin Sans", sans-serif;
}
a{
	text-decoration: none;
}
#main {
	display: grid;
	place-content: center;
	width: 100%;
	min-height: 100vh;
	background: #000;
    background-image: url(../../assets/img/sweetBG.jpg);
    background-size: cover;
}
#sweet-list {
	display: flex;
	flex-wrap: wrap;
    max-width: 1140px;
    justify-content: center;
	row-gap: 68px;
	column-gap: 20px;
	color: #fff;
}
@media screen and (max-width: 768px){
    #sweet-list{
        margin-top: 84px;
    }
}
@media screen and (min-width: 992px){
    #sweet-list{
        margin-top: -124px;
    }
}
.venue-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: rgba(167, 167, 167, 0.6);
	border: solid 1px rgba(244, 214, 184, 1);
	border-radius: 16px;
	min-width: 180px;
}
@media screen and (max-width: 529px){
	.venue-box{
		min-width: 158px;
	}
}
.venue-box:hover{
    box-shadow: 1px -1px 10px rgba(244, 214, 184, 1);
}
.venue-logo {
	display: flex;
	margin-top: -62px;
}
.venue-logo img {
	width: 124px;
	height: 124px;
}
.venue-name {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-top: 16px;
	margin-bottom: 8px;
}
.venue-reserve {
	width: 100%;
	padding: 8px;
}
.btn.reserve-btn {
	display: inline-block;
	padding: 10px;
	width: 100%;
	background:  rgba(255, 255, 255, 0.8);
	border: rgba(255, 255, 255, 1);
	border-radius: 8px;
    font-weight: bold;
    color: #000;
    text-align: center;
    cursor: pointer;
}