.container{position:relative;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.bg-video__content{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.ruler-img{width:300px;height:1000px}h1{font-size:48px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7)}h1,h3{z-index:1}h3{font-size:25px;color:#000}button{z-index:1;padding:20px 40px;min-width:150px;min-height:60px;font-size:20px;color:#fff;background-color:orange;border:none;border-radius:8px;cursor:pointer;text-shadow:1px 1px 2px rgba(0,0,0,.7)}button:hover{background-color:#ffbb3f}video{-webkit-user-select:none;-webkit-overflow-scrolling:touch}@media screen and (max-width:768px){.container{font-size:10px;padding:10px}h1{font-size:24px}h3{color:#000}button,h3{font-size:20px;z-index:1}button{padding:20px 40px;min-width:120px;min-height:50px;color:#fff;background-color:orange;border:none;border-radius:8px;cursor:pointer;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.bg-video__content{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}p{font-size:20px}}