.main{
    margin-top: 10vh;
    /* width: 100%; */
    /* height: 100%; */
    text-align: center;
    display: flex;
    /* flex-direction: column; */
    gap: 10px;
    /* flex-grow: 1; */
    /* flex-shrink: 1; */
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* -moz-box-align: center; */
}

.hack-body{
    background-image: linear-gradient(lightgoldenrodyellow,lightblue,lightgreen);
}

.outer-vox{
    /* padding: 10px; */
    background-color: white;
    height: 30vh;
    width: 400px;
    margin-bottom: 20px;
    border-radius: 20px;
    /* width: 10    vh; */
}

.upper-part{
    display: flex;
    height: 80%;
    border-bottom: 2px solid black;
    border-radius: 7px;
}

.left-pic{
    width: 40%;
    margin: 4px;
    /* border: 1px solid black;  */
    border-radius: 20px;
    
}
.right-text{
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    /* justify-items: start; */
    align-items: center;
    /* align-items: left; */
    /* align-content: left; */
    border-left: 1px solid black;
    /* border-radius: 7px; */
    
}

.lower-part{
    /* border-radius: 7px; */
    display: flex;
    justify-content: center;
    align-items: center ;
    height: 20%;
    gap: 10px;
    /* border-top: 1px solid black; */
    
}