#root,body,html{background:#eae7dc;font-family:Arial,sans-serif;height:100%;margin:0;padding:0}.book-container{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.flipbook{box-shadow:0 4px 12px #0003;max-height:95vh;max-width:95vw}.page{background:#eee9e9;border:5px solid #fff;box-sizing:border-box;height:100%;overflow-y:auto;position:relative;width:100%}.page h2{color:#333;font-size:1.6rem;margin-bottom:20px;margin-top:0;text-align:center}.cover-container{align-items:center;animation:fadeIn 1.5s ease-in-out;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.cover-image{height:100%;object-fit:cover;width:100%}.cover-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.cover-text-container{animation:slideUp 1.2s ease forwards;background:#000000b3;border-radius:12px;color:#fff;margin-top:400px;padding:25px;text-align:center}.cover-text-container h1{font-size:2.2rem;margin:0 0 10px}.cover-text-container p{font-size:1.2rem;margin:0 0 15px}.social-icons{display:flex;gap:15px;justify-content:center;margin-bottom:15px}.social-icons a{color:#fff;font-size:1.5rem;transition:transform .3s}.social-icons a:hover{transform:scale(1.2)}.cover-buttons{display:flex;gap:15px;justify-content:center}.cover-buttons button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:10px 18px;transition:background .3s}.cover-buttons button:first-child{background:#f5a623;color:#fff}.cover-buttons button:first-child:hover{background:#d48806}.cover-buttons button:last-child{background:#4caf50;color:#fff}.cover-buttons button:last-child:hover{background:#388e3c}.about-page{align-items:center;animation:fadeIn 1.2s ease forwards;color:#333;display:flex;flex-direction:column;font-size:1rem;justify-content:flex-start;line-height:1.6;padding:40px 20px;text-align:center}.skills-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:20px}.skills-page h2{margin-top:40px;text-align:center}.skill-card{align-items:center;background:#f5f5f5;border-radius:10px;display:flex;flex-direction:column;height:90px;justify-content:center;transition:transform .3s,box-shadow .3s;width:90px}.skill-card:hover{box-shadow:0 4px 12px #0003;transform:translateY(-5px)}.skill-icon{font-size:1.8rem;margin-bottom:5px}.skill-name{font-size:.9rem;text-align:center}.projects-container{grid-gap:15px;animation:fadeIn 1.2s ease forwards;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));padding:10px}.projects-page h2{margin-top:40px;text-align:center}.project-card{align-items:center;background:#fafafa;border-radius:10px;display:flex;flex-direction:column;padding:10px;text-align:center;transition:transform .3s,box-shadow .3s}.project-card img{border-radius:6px;height:100px;margin-bottom:8px;object-fit:cover;width:100%}.project-card h3{color:#333;font-size:1rem;margin:5px 0}.project-card p{color:#555;font-size:.85rem}.project-card:hover{box-shadow:0 4px 12px #0003;transform:translateY(-5px)}.contact-page{align-items:center;animation:fadeIn 1.2s ease forwards;display:flex;flex-direction:column;text-align:center}.contact-page h2{margin-top:40px;text-align:center}.contact-form{display:flex;flex-direction:column;gap:10px;margin-top:15px;max-width:300px;width:80%}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:6px;font-size:.9rem;padding:8px;resize:none}.contact-form button{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px;transition:background .3s}.contact-form button:hover{background:#1769aa}.page-footer{background:#ffffffb3;bottom:0;color:#333;font-size:.85rem;padding:8px 0;position:absolute;text-align:center;width:100%}.nav-button{background:#000000b3;border:none;color:#fff;cursor:pointer;font-size:2rem;height:50px;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:50}.nav-left{left:10px}.nav-right{right:10px}.nav-button:hover{background:#000000e6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.cover-text-container h1{font-size:1.8rem}.cover-text-container p{font-size:1rem}.skills-container{gap:10px}.skill-card{height:70px;width:70px}.projects-container{gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}
/*# sourceMappingURL=main.b9b9e084.css.map*/