File size: 2,056 Bytes
75d04e4 576d174 75d04e4 576d174 75d04e4 576d174 75d04e4 576d174 75d04e4 576d174 75d04e4 576d174 75d04e4 576d174 75d04e4 576d174 75d04e4 576d174 75d04e4 576d174 75d04e4 576d174 75d04e4 576d174 75d04e4 576d174 75d04e4 576d174 75d04e4 576d174 75d04e4 576d174 75d04e4 576d174 75d04e4 576d174 75d04e4 576d174 75d04e4 576d174 75d04e4 576d174 75d04e4 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 |
body {
background: #87CEEB; /* Krishna blue */
font-family: 'Bubblegum Sans', cursive;
color: #000;
text-align: center;
margin: 0;
padding: 0;
}
h1 {
color: #FFD700; /* Butter yellow */
margin: 20px 0;
}
nav {
background: #FFD700;
padding: 10px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
nav a {
margin: 0 15px;
color: #000;
text-decoration: none;
font-size: 1.2em;
}
nav a:hover {
text-decoration: underline;
}
.container {
padding: 20px;
}
#chat-container {
width: 80%;
max-width: 600px;
margin: 20px auto;
border: 2px solid #FFD700;
padding: 20px;
background: #fff;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#chat-messages {
height: 300px;
overflow-y: scroll;
margin-bottom: 20px;
border: 1px solid #ccc;
padding: 10px;
background: #f9f9f9;
border-radius: 5px;
}
#chat-messages p {
margin: 5px 0;
}
#chat-form {
display: flex;
justify-content: center;
gap: 10px;
}
#message-input {
width: 70%;
padding: 10px;
font-family: 'Bubblegum Sans', cursive;
border: 1px solid #ccc;
border-radius: 5px;
}
button {
padding: 10px 20px;
background: #FFD700;
border: none;
border-radius: 5px;
cursor: pointer;
font-family: 'Bubblegum Sans', cursive;
font-size: 1em;
}
button:hover {
background: #FFC107;
}
#comic-strip {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin-top: 20px;
}
#comic-strip img {
max-width: 200px;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
#countdown {
font-size: 1.2em;
margin: 20px 0;
color: #FFD700;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
#birthday-image {
max-width: 300px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
margin: 20px 0;
}
#birthday-message {
font-size: 1.2em;
color: #FFD700;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
margin: 20px 0;
} |