.quote-box,.slide{text-align:center}.hidden{display:none!important}.no-transition{transition:none!important}body{margin:0;padding:0;background:url('../img/background.webp') center center/cover no-repeat fixed;font-family:Arial,sans-serif}body.dark .quote-author,body.dark .quote-mark{color:#45819d}body.light .quote-author,body.light .quote-mark{color:#afddec}.quote-box,.slider-container,.social-box{position:absolute;background-color:rgba(255,255,255,.2);box-shadow:0 4px 12px rgba(0,0,0,.3);border-radius:12px;backdrop-filter:blur(8px);display:flex;align-items:center}.quote-box,.slider-container{top:150px;justify-content:center}.slider-container{left:30px;width:300px;height:180px}.slider-wrapper{width:80%;margin:auto;border-radius:12px;overflow:hidden}.slider{display:flex;transition:transform .5s ease-in-out;width:100%}.play-icon,.social-box a{transition:transform .3s}.slide{display:flex;width:100%;flex-direction:column;flex:0 0 100%;text-decoration:none}.thumbnail-wrapper{position:relative;width:100%;height:120px;margin:0;background:url(../img/logo_youtube.png) center center/60px no-repeat #dedede;overflow:hidden}.thumbnail-image{width:100%;height:100%;object-fit:cover;font-size:12px;color:#999}.play-icon{position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);opacity:.85}.slide-title{background:rgba(0,0,0,.6);padding:8px;font-size:14px;font-weight:700;color:#fff;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}.slide:hover{transform:scale(1.05)}.slide:hover .play-icon{transform:translate(-50%,-50%) scale(1.1);opacity:1}.quote-box{right:30px;width:400px;height:220px;padding:30px 40px;color:#fff}.quote-content{font-family:Georgia,serif;font-size:1.6rem;line-height:2rem;text-shadow:2px 2px 6px rgba(37,24,24,.4);word-wrap:break-word;white-space:normal;width:100%;max-height:100%}.quote-author,.quote-mark{color:#ddd}.quote-mark{font-size:2.5rem;vertical-align:top;opacity:.6}.quote-author{display:block;margin-top:30px;font-size:.9rem;font-style:italic;opacity:0;transition:opacity 1s}.social-box{bottom:30px;right:30px;padding:15px 20px;gap:15px}.social-box a{width:32px;height:32px;display:inline-block}.social-box a:hover{transform:scale(1.2)}.social-box img{filter:brightness(0) invert(1)}@media (max-width:600px){.quote-box,.slider-container{left:50%;transform:translateX(-50%)}.quote-box{top:50px;width:80%;height:230px;padding:20px}.quote-content{font-size:1.2rem}.quote-mark{font-size:2rem}.quote-author{font-size:.8rem}.slider-container{top:340px}.social-box{bottom:15px;right:15px;padding:10px;gap:10px}.social-box a{width:24px;height:24px}}