:root {
    --ComicSansMS: "'Comic Sans MS", sans-serif;
    --passion-one: "Passion One", sans-serif; 
  }
body {
    font-family: var(--ComicSansMS);
    background-color: #f0f0f0;
    color: #a01919;
    text-align: center;
}

body {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
#gallery img {
    width: 300px;
    height: 420px;
    object-fit: cover;
    margin: 50px;
    cursor: pointer;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease-in-out;
}

#gallery img:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    border: 3px solid #808080;
}

.reset-button {
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    background-color: #3498db;
    color: #fff;
    border: none;
    border-radius: 5px;
    position: relative;
}

.reset-button:hover {
    background-color: #9c109f;
}
#SmilFooter{
    font-size: 14px;
    font-family: var(--passion-one);
}
#alt {
	font-size: 1em;
	font-style: italic;
}
#zoomed {
	margin: 25px auto;
	width: 100%;
}

#gallery{
	display: flex;
	gap: 10px

}
img{
	border-radius: 10px;
	border: 3px solid black;	
	box-sizing: border-box;
}
#gallery *{
	width: 50px; 
	flex: 1;

}

.buttun{
    padding: 10px 20px;
    font-size: 16px;
    background-color: #3498db;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  
  .buttun:hover {
    background-color: #2980b9;
  }