.baba-logo { background-color: #212529; transition: 0.7s; } .logo { width: 20vw; transition: 1s; } header { z-index: 20; } body { background-color: #000 !important; } .baba { position: relative; width: 100%; height: 25vh; } .glass, .rangi { position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .glass { border-radius: 16px; background: rgba(255, 255, 255, 0.1); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(4.5px); -webkit-backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.3); } .glass > h2 { font-size: 2.5rem; } .rangi { transition: 0.7s; border-radius: 16px; background-color: #e1c661; transform: rotate(4deg); transform-origin: bottom; } .baba:hover .rangi { transform: rotate(0); } .glass > span { text-decoration: none; color:black; font-family:koodak; }