body,html{font-family:Arial,sans-serif;height:100%;margin:0}.bg-cover{background:url(https://cerveaumotive.com/build/images/tim-mossholder-UYQP_yjpp5Q-unsplash.jpg) 50%/cover no-repeat;color:#fff;min-height:100vh;position:relative}.bg-overlay{background-color:rgba(60,72,88,.7);inset:0;position:absolute;z-index:1}.content{padding:2rem;position:relative;text-align:center;z-index:2}#quote-container{background-color:hsla(0,0%,100%,.1);border-radius:15px;box-shadow:0 4px 12px rgba(0,0,0,.3);margin-bottom:3rem;padding:2rem;width:100%}#quote{font-size:1.4rem;font-style:italic}#author{color:#ddd;font-size:1rem}#avatar{border:1px solid #ccc;border-radius:50%;height:60px;margin-top:.5rem;width:60px}.social-card{border:1px solid lch(100 0 0/.4);border-radius:1rem;cursor:pointer;padding:1rem;text-align:center;transition:transform .2s,background .2s;width:100px}.social-card i{color:#fff;font-size:1.8rem}.social-number{color:#fff;font-size:1.1rem;font-weight:700;margin-top:.15rem}.social-card:hover{transform:translateY(-10px)}a.social-card[href*="threads.com"]:hover,a.social-card[href*="threads.net"]:hover{background-color:hsla(0,0%,4%,.5)}a.social-card[href*="instagram.com"]:hover{background-color:rgba(225,48,108,.5)}a.social-card[href*="facebook.com"]:hover{background-color:rgba(24,119,242,.5)}a.social-card[href*="twitter.com"]:hover,a.social-card[href*="x.com"]:hover{background-color:rgba(29,161,242,.5)}a:hover img#logo{-webkit-animation:vibrate-1 .3s linear infinite both;animation:vibrate-1 .3s linear infinite both;cursor:grab}#logo{margin-bottom:2rem;max-width:150px}@-webkit-keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes vibrate-1{0%{-webkit-transform:translate(0);transform:translate(0)}20%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}40%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}60%{-webkit-transform:translate(2px,2px);transform:translate(2px,2px)}80%{-webkit-transform:translate(2px,-2px);transform:translate(2px,-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}