video {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    filter: grayscale(80%);
    opacity: 0.4;
}

body {
background-color: none;
}

p {
    display: relative;
    font-size: 28px;
    width: 400px;
    top:0px;
    position: relative;
    margin: auto;
    text-align: center;
    background-color: none;
	border-radius: 10px;
    color: black;
    text-decoration: none;
    transition: 1s;
    letter-spacing: normal;
}



a {
    color: black;
    text-decoration: none;  
}

img{
    display: fixed;
    font-size: 28px;
    width: 400px;
    top:0px;
    position: fixed
    margin: auto;
    text-align: center;
    background-color: none;
	border-radius: 10px;
    color: red;
    text-decoration: none;
    position: sticky;
}



p:hover {
  letter-spacing: .2em;
  
  
  
  
}

img:hover {
  animation: skew-x-shakeng 0.9s;
  
}

a:hover {
  color: black;
  border: solid 0px #ed6e0a;
  border-radius: 20px;
  padding: 15px;
 
  opacity: 0.7;
}




@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(0.7deg); }
  50% { transform: rotate(0eg); }
  75% { transform: rotate(-0.7deg); }
  100% { transform: rotate(0deg); }
}
@keyframes skew-x-shakeng{
 0% { transform: skewX(-10deg); }
 5% { transform: skewX(10deg); }
 10% { transform: skewX(-10deg); }
 15% { transform: skewX(10deg); }
 20% { transform: skewX(0deg); }
 100% { transform: skewX(0deg); }
}

}

@media screen and (max-width: 450px) {

 {
    display: relative;
    font-size: 78px;
    width: 400px;
    top:0px;
    position: relative;
    margin: auto;
    text-align: center;
    background-color: none;
	border-radius: 10px;
    color: black;
    text-decoration: none;
    transition: 1s;
    letter-spacing: normal;
}
}