.background-image{position:fixed;top:0;left:50%;transform:translate(-50%);width:auto;height:100vh;object-fit:cover;z-index:-1}@media (min-width: 700px) and (max-width: 1000px) and (orientation: landscape) and (max-height: 499px){.background-image{width:100%;height:auto}}@media (max-width: 800px) and (orientation: portrait){.background-image{top:unset;bottom:0}}.navigation-container{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.navigation-inner-container{display:flex;justify-content:center;gap:30px}.navigation-card{position:relative;border-radius:10px;box-shadow:0 0 8px .1px #000}.navigation-card img{border-radius:10px;width:550px;height:auto;display:block}.navigation-button{position:absolute;top:65%;left:50%;transform:translate(-50%);color:#fff;width:250px;height:60px;font-size:18px;letter-spacing:.5px;cursor:pointer;background-color:#17161bcc;border-radius:15px;border:solid 1px white;line-height:20px}.navigation-button:hover{background-color:#fff;color:#18171c}.navigation-text{font-family:Text-Bold;font-size:30px;color:#fff;width:60%;text-align:center;margin-left:50%;transform:translate(-50%);margin-top:100px;background-color:#17161ba6;border-radius:10px;padding:10px}.navigation-text span{font-family:GrindFont}@media (min-width: 1281px) and (max-width: 1599px){.navigation-inner-container{gap:30px}.navigation-card img{width:500px}.navigation-button{top:65%;width:250px;height:60px;font-size:18px;border-radius:15px;line-height:20px}.navigation-text{font-size:28px;width:60%;margin-top:150px;border-radius:10px;padding:10px}}@media (min-width: 1024px) and (max-width: 1280px) and (orientation: landscape){.navigation-inner-container{gap:25px}.navigation-card img{width:400px}.navigation-button{top:65%;width:250px;height:60px;font-size:18px;border-radius:15px;line-height:20px}.navigation-text{font-size:26px;width:80%;margin-top:150px;border-radius:10px;padding:10px}}@media (min-width: 600px) and (max-width: 1023px) and (orientation: landscape) and (min-height: 500px){.navigation-inner-container{gap:20px}.navigation-card img{width:350px}.navigation-button{top:65%;width:180px;height:40px;font-size:16px;border-radius:10px;line-height:20px}.navigation-text{font-size:24px;width:80%;margin-top:60px;border-radius:10px;padding:10px}}@media (max-width: 1000px) and (orientation: landscape) and (max-height: 499px){.navigation-inner-container{gap:10px;width:100vw}.navigation-container{top:unset;bottom:1%;transform:translate(-50%)}.navigation-card img{width:180px}.navigation-button{top:65%;width:140px;height:30px;font-size:15px;border-radius:5px;line-height:15px}.navigation-text{font-size:18px;width:90%;margin-top:20px;border-radius:10px;padding:10px}}@media (min-width: 1250px) and (orientation: portrait){.navigation-inner-container{gap:30px}.navigation-card img{width:500px}.navigation-button{top:65%;width:250px;height:60px;font-size:18px;border-radius:15px;line-height:20px}.navigation-text{font-size:28px;width:60%;margin-top:150px;border-radius:10px;padding:10px}}@media (min-width: 1081px) and (max-width: 1249px) and (orientation: portrait){.navigation-inner-container{gap:25px}.navigation-card img{width:400px}.navigation-button{top:65%;width:250px;height:60px;font-size:18px;border-radius:15px;line-height:20px}.navigation-text{font-size:26px;width:80%;margin-top:150px;border-radius:10px;padding:10px}}@media (max-width: 1080px) and (orientation: portrait){.navigation-container{width:100%}.navigation-inner-container{flex-direction:column;gap:40px;width:50%;margin:auto}.navigation-card img{width:100%;height:auto}.navigation-text{width:80%;border-radius:10px;padding:10px}}@media (min-width: 1000px) and (max-width: 1080px) and (orientation: portrait){.navigation-button{top:65%;width:250px;height:60px;font-size:18px;border-radius:15px;line-height:20px}.navigation-text{font-size:26px;margin-top:150px}}@media (min-width: 800px) and (max-width: 999px) and (orientation: portrait){.navigation-button{top:65%;width:200px;height:45px;font-size:20px;border-radius:12px;line-height:20px}.navigation-text{font-size:24px;margin-top:20px}}@media (min-width:701px) and (max-width: 799px) and (orientation: portrait){.navigation-button{top:65%;width:170px;height:35px;font-size:18px;border-radius:10px;line-height:18px}.navigation-text{font-size:22px;margin-top:20px}}@media (min-width:600px) and (max-width: 700px) and (orientation: portrait){.navigation-button{top:65%;width:150px;height:30px;font-size:16px;border-radius:10px;line-height:16px}.navigation-text{font-size:20px;margin-top:20px}}@media (max-width: 499px) and (orientation: portrait){.navigation-container{top:50%;height:100vh}.navigation-inner-container{gap:30px;width:80%;margin-top:50%}.navigation-button{top:65%;width:180px;height:40px;font-size:18px;border-radius:10px;line-height:18px}.navigation-text{position:absolute;font-size:14px;margin-top:0;bottom:5%;width:90%}}