.hero-container{width:100%;height:80vh;box-shadow:inset 0 0 0 1000px var(--shadow);object-fit:contain;background:url(/MainBanner/BackgroundOnly.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;display:flex}.hero,.content{width:100%}.hero-container>h1{color:var(--text);text-shadow:1px 1px 2px var(--shadow);z-index:1;margin-top:-100px;font-size:100px}.hero-container>p{color:var(--text);text-shadow:1px 1px 2px var(--shadow);z-index:1;margin-top:8px;font-size:20px}.btn-container{z-index:1;gap:10px;display:flex}@media (max-width:720px){.hero-container>h1{margin-top:-100px;font-size:50px}.hero-container>p{text-align:center}}@media (max-width:400px){.btn-container{flex-direction:column;gap:10px}}.btn,.btn-reverse{color:var(--color-black);text-transform:uppercase;cursor:pointer;border:none;padding:10px 20px;font-size:15px;font-weight:600;display:inline-block;position:relative;overflow:hidden;transform:skew(-21deg)}.btn{background:var(--gradient)}.btn-reverse{background:var(--regradient)}.btn:before,.btn-reverse:before{content:"";background:var(--success);opacity:0;z-index:-1;transition:all .5s;position:absolute;top:0;bottom:0}.btn:before{left:0;right:100%}.btn:hover:before{opacity:1;left:0;right:0}.btn:hover{color:var(--text);box-shadow:0 0 12px var(--success)}.btn-reverse:before{left:100%;right:0}.btn-reverse:hover:before{opacity:1;left:0;right:0}.btn-reverse:hover{color:var(--text);box-shadow:0 0 12px var(--success)}