Spaces:
Sleeping
Sleeping
File size: 1,291 Bytes
44a41a2 73b5123 44a41a2 73b5123 6619fd0 65d5ad1 44a41a2 6619fd0 73b5123 6619fd0 73b5123 0d83b1d 44a41a2 73b5123 2617780 44a41a2 0d83b1d 44a41a2 6619fd0 73b5123 0d83b1d 73b5123 0d83b1d 6619fd0 73b5123 0d83b1d 6619fd0 73b5123 0d83b1d 6619fd0 |
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 |
body {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f4f4f9;
margin: 0;
padding: 10px;
box-sizing: border-box;
}
.flashcard {
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
padding: 20px;
text-align: center;
width: 90%;
max-width: 400px;
opacity: 1;
}
.content {
margin-bottom: 20px;
}
.navigation {
display: flex;
justify-content: space-between;
align-items: center;
}
.navigation button {
background: #00CFFF; /* Neon blue color */
border: none;
border-radius: 4px;
color: #fff;
cursor: pointer;
font-size: 14px; /* Smaller font size for Previous and Next */
padding: 8px 0.6em;
margin: 5px;
transition: transform 0.3s ease; /* Add transition for animation */
}
#flipBtn {
font-size: 18px; /* Larger font size for Flip */
padding: 10px 6em;
background: #007BFF;
transition: transform 0.3s ease; /* Add transition for animation */
}
#flipBtn:hover {
background: #0056b3;
transform: scale(1.1); /* Scale up on hover */
}
.navigation button:hover {
background: #0099cc;
transform: scale(1.1); /* Scale up on hover */
}
|