body{
margin:0;
padding:0;
font-family:sans-serif;
background-color:#000;
}

.header-bg{
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
background-size: cover;
background-attachment: fixed;
display: flex;
justify-content:center;
align-items:center;
  z-index: -1;

}

section {
position:relative;
top:100vh;
padding:100px;
width:100%;
min-height:100vh;
box-sizing:border-box;
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: white;
}

.hover-underline-animation:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: white;
  transform-origin: bottom right;
  transition: transform 0.8s ease-out;
}

.hover-underline-animation:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}


.oskkk {
color:white;
font-size: 20px;
font-family: "Segoe UI",Arial,sans-serif;
font-weight: 400;
margin: 16px!important;
text-decoration: none; 
z-index: 100;

}