.main-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;height:100vh;display:flex;position:relative}.main-bg__title{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:78px;font-size:48px;font-weight:400}.main-bg--one{background-image:url(/main-bg-3.png)}.main-bg--two{background-image:url(/main-bg-2.png)}.main-bg--three{background-image:url(/main-bg-1.png)}.main-bg--four{background-image:url(/main-bg-4.png)}.main-bg--five{background-image:url(/main-bg-5.png)}.main-bg--six{background-image:url(/main-bg-6.png)}.main-bg__title-btns{gap:40px}.main-bg__title-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.1);border:2px solid #fff;width:345px;padding:23px 100px;font-size:20px;transition:all .3s}.main-bg__title-btn:hover{color:#000;background:#fff;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.3)}.main-bg>div{animation:.8s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}html,body,#__next{height:100%;margin:0;padding:0}@media (max-width:768px){.main-bg__title{max-width:300px;margin-bottom:20px;font-size:28px}.main-bg__title-btn{width:200px;padding:15px 40px;font-size:16px}.main-bg__title-btns{flex-direction:column;align-items:center;gap:20px}}