.app-container{display:flex;flex-direction:column;min-height:100vh}.content{flex:1}.background-image{height:100vh;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover}.nav-card{position:relative;width:300px;height:200px;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:8px;overflow:hidden;margin:10px;display:flex;align-items:center;justify-content:center;padding:10px;transition:transform .3s ease,background-position .3s ease}.nav-card:hover{transform:scale(1.05);background-position:left center}.nav-card-text,.nav-card-hover-text{position:absolute;bottom:10px;font-size:1.2em;transition:opacity .3s ease;text-align:center;width:100%}.nav-card-text{opacity:1;color:#000}.nav-card-hover-text{opacity:0;color:#000}.nav-card:hover .nav-card-text{opacity:0}.nav-card:hover .nav-card-hover-text{opacity:1}.nav-card-row{display:flex;justify-content:space-evenly;align-items:center;width:100%}.site-footer{padding:20px 0;text-align:center;width:100%}.footer-content{font-size:14px;color:#666;display:flex;justify-content:center;align-items:center}.footer-link{color:inherit;text-decoration:none;margin:0 15px}.footer-link:hover{text-decoration:underline}.separator{margin:0 20px;color:#666}html,body{overscroll-behavior-y:none;margin:0;padding:0;height:100%}