body{margin:0;padding:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#fbc2eb,#a6c1ee);color:#333}h1,h2,h3,h4,h5,h6{color:#ff6f61;font-weight:700}main{padding:2rem;font-size:1.1rem}a{color:#cc66cc}a:hover{text-decoration:underline}button{background:linear-gradient(90deg,#fbc2eb,#a6c1ee);color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:700}button:hover{opacity:.9}footer{background:linear-gradient(90deg,#ff9a9e,#fecfef);color:#fff;padding:20px;text-align:center;font-size:1rem;font-weight:700}p{line-height:1.6}@media (max-width:768px){.section-bubble{padding:1rem;margin:1rem 0}}.navbar{background:linear-gradient(90deg,#ff9a9e,#fecfef,#fecf45);padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;position:relative}.nav-container{display:flex;gap:1.5rem}.nav-link{color:white;font-weight:700;text-decoration:none}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{height:3px;width:25px;background-color:white;margin:4px 0;border-radius:2px}.menu-toggle{display:none}@media (max-width:768px){.hamburger{display:flex}.nav-container{display:none;flex-direction:column;gap:1rem;position:absolute;top:60px;left:0;right:0;background:linear-gradient(180deg,#ff9a9e,#fecfef,#fecf45);padding:1rem 0;z-index:999}.menu-toggle:checked~.nav-container{display:flex}}.web-projects-container{padding:2rem;max-width:900px;margin:auto;color:#333}.page-title{font-size:2.5rem;margin-bottom:.5rem}.page-description{font-size:1.2rem;margin-bottom:2rem}.project-list{display:grid;grid-gap:1.5rem;gap:1.5rem}.project-card{margin-bottom:2rem;padding:1.5rem;border-radius:1rem;background-color:#ffffffcc;box-shadow:0 4px 10px rgba(0,0,0,.05)}.project-title{font-size:1.75rem;margin-bottom:1rem}.project-summary{font-size:1rem;margin-bottom:.5rem}.project-link{text-decoration:none;color:#5e42a6;font-weight:700}.page-bottom{background:#fff0f5}.page-bottom,.section-bubble{border-radius:2rem;margin:2rem auto;max-width:960px;box-shadow:0 0 20px rgba(0,0,0,.1)}.section-bubble{background:linear-gradient(135deg,#ffe5ec,#d0f0f7);padding:2rem}.section-title{font-size:2.5rem;margin-bottom:.5rem;text-align:center}.section-subtitle{text-align:center}.page-subtitle,.section-subtitle{margin-bottom:2rem;font-style:italic}.tool-card{background-color:white;padding:1.5rem;border-radius:1.5rem;margin-top:2rem;box-shadow:0 0 10px rgba(0,0,0,.08)}.project-description,.project-points{margin-bottom:1rem}.project-points{list-style:disc;padding-left:1.5rem}.back-link{margin-top:2rem;text-align:center}.section_bubble2{background-color:white;padding:1.5rem;border-radius:1.5rem;margin-top:2rem;box-shadow:0 0 10px rgba(0,0,0,.08)}.lyrics-text{white-space:pre-wrap;font-family:Courier New,Courier,monospace;font-size:1rem;line-height:1.6}.project-button,button{cursor:pointer;transition:background-color .3s ease,transform .2s ease}.project-button:hover,button:hover{background-color:#ffb6c1;transform:scale(1.05)}.project-card{transition:box-shadow .3s ease,transform .2s ease}.project-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.1);transform:translateY(-4px)}a{text-decoration:none;transition:color .3s ease,text-shadow .2s ease}a:hover{color:#ff69b4;text-shadow:0 0 5px #ff69b4}.site-footer{width:100%;text-align:center;padding:1.5rem 1rem;font-size:.9rem;color:white;background:linear-gradient(90deg,#ff9a9e,#fecfef);border-top:1px solid #ddd;margin-top:auto;position:relative;bottom:0}.tool-placeholder-container{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2rem}.tool-card-holder{width:200px;text-align:center;transition:transform .3s ease}.tool-card-holder:hover{transform:scale(1.05)}.tool-card img{width:100%;height:auto;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.tarot-meaning{margin-top:1rem;font-size:.9rem}.highlight-grid{display:grid;grid-gap:2rem;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.highlight-grid{grid-template-columns:1fr 1fr}}.highlight-grid>div{background-color:white;padding:1.5rem;border-radius:1.5rem;box-shadow:0 0 10px rgba(0,0,0,.08)}.hidden-riddle{opacity:.3;font-size:.9rem;text-align:center;margin-top:3rem;color:#999;cursor:pointer;transition:all .3s ease-in-out;font-style:italic;text-shadow:0 0 2px #ffb6c1}.hidden-riddle:hover{opacity:1;color:#ff69b4;text-shadow:0 0 6px #ff69b4}