@import url(“./css/style.css”);
.home-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.inner-container {
    width: 100%;
    max-width: 1200px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Main Content Section */
.text-section {
    flex: 2;
    padding-right: 20px;
}

.inner-container a{
    font-size: 32px;
    text-decoration: none;
    color: var(--second-color);

    box-shadow: inset 0 0 0 0 var(--accent-color);;
    padding: 0 .25rem;
    margin: 0 -.25rem;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}

.inner-container a:hover {
    cursor:pointer;  
    color: #fff;
    box-shadow: inset 200px 0 0 0 var(--accent-color);;
}

.title1 {
    font-size: 78px;
}

.page-subtitle{
    color: var(--second-color);
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.image-section {
    flex: 3;
    text-align: right;
}
.image-section img {
    border-radius: 10px;
    box-shadow: 10px 12px 5px 0px rgba(0,0,0,0.46);
    max-width: 100%;
    height: auto;
}