body {
    font-family: impact;
}

.landingOption:hover {
    background-size: 120%;
}

.landingOption {
    background-size: cover;
}

.chatApp {
    background-image: url("/sources/images/BoldDiscord.png");
    background-position: top;
}

.tutorials {
    background-image: url("/sources/images/BoldTutorial.png");
    background-position: top;
}

.photography {
    background-image: url("/sources/images/moss.JPG");
    background-position: top;
}

.art {
    background-image: url("/sources/images/banner.png");
    background-position: top;
}

.linktree {
    background-image: url("/sources/images/BoldSpeak.png");
    background-position: top;
}

.software {
    background-image: url("/sources/images/coding.jpg");
    background-position: center;
}

.landingHoverable:hover { 
    background-color: rgba(0, 0, 0, 0.1);
} 

.landingHoverable a:hover {
    text-decoration: underline;   
}

.landingHoverable a {
    text-shadow: 6px 6px 6px rgba(0, 0, 0, 0.5);
    font-size: 2em;
    display: flex;
    justify-content: center;  /* Horizontal centering */
    align-items: center;  
    text-decoration: none; 
    color: white;
    width: 100%; 
    height: 100%;
}

.landingHoverable { 
    height: 100%; 
    width: 100%; 
    text-align: center;
} 


.landingContent1 { 
    display: grid; 
    grid-template-areas: "banner banner"; 
    height: 100vh;
}