.noise,
 video {
     top: 0;
     left: 0;
     bottom: 0;
     position: fixed;
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: all .33s ease;
 }

 @media (orientation: portrait) {
     video {
         left: -50%;
         width: auto;
         height: 100%;
     }
    .buy#button{
      font-size: 30px;
} 
}

 body {
     background: black;
 }

 .noise {
     background: url(/assets/images/noise.gif) no-repeat;
     background-size: 100vw 100vh;
     opacity: 0.33;
 }

 #info {
     position: fixed;
     bottom: 77.77px;
     left: 33.33px;
     color: white;
     font-family: Arial, sans-serif;
     text-shadow: 3px 3px 3px #333;
     transition: all .33s ease;
 }

 #info .title {
     font-size: 50px;
     font-weight: bold;
     margin: 0;
 }


 #info .description {
     font-size: 30px;
     max-width:700px;
     margin: 5px 0 0 0;
 }

 .buy{
margin-top: 15px;
     padding: 10px 20px;
     font-size: 30px;
     background-color: #33333333;
     border: 2px solid #ccc;
     color: white;
     border-radius: 5px;
     cursor: pointer;
     color:white;
    display:none;
    width: fit-content;
    
 }

 button#buy {
     margin-top: 15px;
     padding: 10px 20px;
     font-size: 1.5rem;
     background-color: #33333333;
     border: 2px solid #ccc;
     color: white;
     border-radius: 5px;
     cursor: pointer;
 }

 button#buy:hover {
     background-color: #55555555;
 }