.homeBanner{position:relative;top:0;width:100%;height:calc(100vh - 11rem);min-height:700px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(#00000000 80%,black)}.homeBannerImg{position:absolute;top:30%}.homeBannerBtn{position:absolute;top:62%;width:-moz-fit-content;width:fit-content;padding:.3rem;border-radius:.5rem;background:black;cursor:pointer}.homeBannerBtnBorder{border:.1rem solid var(--bd);border-radius:.3rem;padding:1rem 3rem}.homeBannerBtn p{font-size:1.2rem;letter-spacing:.1rem;margin-right:-.1rem}.homeBannerTxt{position:absolute;bottom:1rem;text-align:center}.homeBannerTxt h1{font-size:1.1rem;letter-spacing:.1rem;margin-right:-.1rem;font-weight:600;-webkit-user-select:auto;user-select:auto;-moz-user-select:text}.homeBannerTxt p{font-size:.9rem;font-weight:700}.homeBannerBg{position:absolute;z-index:-1;top:0;width:100%;height:calc(100vh - 5rem);min-height:700px}@media (min-width:768px){.homeBanner{height:calc(100vh - 9.9rem)}.homeBannerImg{top:35%}.homeBannerBtn{top:68%}.homeBannerBtnBorder{padding:1.2rem 6rem}.homeBannerBtn p{font-size:1.8rem;letter-spacing:.2rem;margin-right:-.2rem}.homeBannerTxt{bottom:2rem}.homeBannerBtn:hover{background:var(--p-sol)}.homeBannerBtn:hover .homeBannerBtnBorder{border:.1rem solid #ffffffb2}}@media (min-width:768px) and (max-width:800px){.homeBannerImg{scale:150%}}@media (min-width:768px) and (min-width:800px){.homeBannerImg{scale:200%}}