html {
    background-image: url("../static/images/background/polygon-3840x2160-4k-5k-wallpaper-8k-green-yellow-background-pattern-236.jpg")
}

a {
    text-decoration: none;
}

#home-text {
    width: 100%;
    font-size: 1.5rem;
    margin-right: 20px;
    text-align: justify;
    border: 0px solid red;
}

#home-image {
    border: 0px;
    border-radius: 280px;
}

.twocontents-home {
    display: flex;
    width: 100%;
    
    border: 0px solid white;
    div {
        border: 0px solid black;
        width: 40%;
    }
}

.home-right-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.home-left-content {
    display: flex;
    align-items: center;
    justify-content: flex-end;    
}

@media (max-width: 1040px) {

    #home-text {
        margin-right: 0;
    }

    div.twocontents-home {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;

        
        div {
            width: 100%;
        }
    }
    
    .twocontents-home-left, .twocontents-home-right {
        justify-content: center;
    }

    .home-right-content, .home-left-content {
        justify-content: center;
    }

}

.twocontents-home-left {
    justify-content: flex-start;
}

.twocontents-home-right {
    justify-content: flex-end;
}

/*.hover {
    position: relative;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 9999;
}

.hover:hover {
}*/