|
|
שורה 1: |
שורה 1: |
| @import url('https://fonts.googleapis.com/css2?family=David+Libre:wght@400;700&display=swap');
| |
|
| |
|
| body {
| |
| font-family: 'David Libre', serif;
| |
| font-size: 19px; /* הוסף שורה זו לשינוי גודל הפונט */
| |
| }
| |
|
| |
| .bookshelf-container {
| |
| display: flex;
| |
| flex-direction: column;
| |
| align-items: center;
| |
| background-color: #F5F5DC;
| |
| padding: 20px;
| |
| border: 2px solid #8B4513;
| |
| }
| |
|
| |
| .shelf {
| |
| display: flex;
| |
| justify-content: center;
| |
| align-items: flex-end;
| |
| width: 100%;
| |
| padding: 10px;
| |
| border-bottom: 5px solid #8B4513;
| |
| margin-bottom: 20px;
| |
| }
| |
|
| |
| .book {
| |
| width: 100px;
| |
| height: 150px;
| |
| margin: 0 10px;
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| border: 1px solid #000;
| |
| box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
| |
| transform: rotate(-5deg);
| |
| transition: transform 0.3s ease;
| |
| }
| |
|
| |
| .book:hover {
| |
| transform: rotate(0deg);
| |
| }
| |
|
| |
| .book-link {
| |
| text-decoration: none;
| |
| color: white;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| }
| |
|
| |
| #toc {
| |
| float: right;
| |
| margin: 0 0 1em 1em;
| |
| width: 20%;
| |
| }
| |
|
| |
|
| |
| #content {
| |
| margin-left: 10%;
| |
| margin-right: 10%;
| |
| }
| |
|
| |
| @media screen and (max-width: 768px) {
| |
| #content {
| |
| margin-left: 5%;
| |
| margin-right: 5%;
| |