html { background-image: url(../img/bg.jpg); background-repeat: no-repeat; background-size: cover; background-color: #000; background-attachment: fixed } body { margin: 10px auto; max-width: 450px } header { background-image: url(../img/header.webp); background-repeat: no-repeat; background-size: auto 450px; background-position: center top; background-color: #fff; background-attachment: fixed; height: 300px } img { max-width: 100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; pointer-events: none } .backdrop { height: 100%; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.2); -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px) } .list-group-item { padding: 1rem 1.5rem } @media screen and (max-width: 350px) { .list-group-item { padding: 0.5rem } } .h1, .h2 { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; color: #1c90f1 } .list-group .h2 { line-height: 40px; pointer-events: none } .btn-glass { background: rgba(255, 255, 255, 0.15); /* Semi-transparent */ backdrop-filter: blur(10px); /* The "Glass" effect */ -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); color: #1c90f1; border-radius: 12px; padding: 7px 15px; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); } .btn-glass:hover { background: rgba(255, 255, 255, 0.25); transform: translateY(-3px); /* Subtle lift */ box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); color: #1c90f1; border: 1px solid #1c90f1 } footer { text-align: center; background-color: #1c90f1; color: #fff } .follow { font-weight: 600; font-size: 16px; color: #1c90f1; padding-right: 10px; vertical-align: text-bottom } footer p, .follow { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; pointer-events: none } .social-bar { padding: 10px 0; background-color: #8ed1fc } .bi-linkedin { font-size: 20px; color: #007bb5 } .disabled { pointer-events: none; cursor: default }