Changed around line 1
+ body {
+ font-family: 'Georgia', serif;
+ background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);
+ color: #333;
+ margin: 0;
+ padding: 0;
+ line-height: 1.6;
+ }
+
+ header {
+ text-align: center;
+ padding: 50px 20px;
+ background: rgba(255, 255, 255, 0.8);
+ margin-bottom: 20px;
+ }
+
+ header h1 {
+ font-size: 3rem;
+ color: #e74c3c;
+ }
+
+ header p {
+ font-size: 1.2rem;
+ color: #555;
+ }
+
+ main {
+ padding: 20px;
+ }
+
+ section {
+ margin-bottom: 40px;
+ }
+
+ h2 {
+ font-size: 2rem;
+ color: #e74c3c;
+ margin-bottom: 20px;
+ }
+
+ .gallery {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 10px;
+ }
+
+ .photo {
+ flex: 1 1 calc(33.333% - 20px);
+ height: 200px;
+ background-size: cover;
+ background-position: center;
+ border-radius: 10px;
+ transition: transform 0.3s ease;
+ }
+
+ .photo:hover {
+ transform: scale(1.05);
+ }
+
+ #love-letter {
+ background: rgba(255, 255, 255, 0.8);
+ padding: 20px;
+ border-radius: 10px;
+ }
+
+ footer {
+ text-align: center;
+ padding: 20px;
+ background: rgba(255, 255, 255, 0.8);
+ margin-top: 20px;
+ }
+
+ @media (max-width: 768px) {
+ .photo {
+ flex: 1 1 calc(50% - 10px);
+ }
+ }
+
+ @media (max-width: 480px) {
+ .photo {
+ flex: 1 1 100%;
+ }
+ }