.main {
    display: flex;
    flex-direction: column;
    padding: 10vh 20vh;
}

.main_header {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-bottom: 7.5vh;
}

.main_header::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 0.2vh;
    background: linear-gradient(to right, #ffffff00,#FFFFFF1a,#ffffff00);
}

.main_header::before {
    bottom: 0;
}

.main_header_heading {
    color: #FFFFFF;
    font-size: 12.5vh;
    margin: 0;
}

.main_header_sub-heading {
    display: inline-block;
    font-size: 4vh;
    margin: 5vh 0vh;
    background: linear-gradient(to right,#FFFFFF, #6584F2);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main_row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 5vh;
}

.main_row_date {
    color: #FFFFFF;
    font-size: 2vh;
}

.main_row_author {
    font-size: 2vh;
    background: linear-gradient(to right,#2685ce, #ed25ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.main_div {
    color: #FFFFFF;
    font-size: 3vh;
    line-height: 5vh;
}

h1 {
    font-size: 5vh;
}

h2 {
    font-size: 4.5vh;
    background: linear-gradient(to right,#2685ce, #ed25ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h3 {
    font-size: 4vh;
}

h4 {
    font-size: 3.5vh;
}

h5 {
    font-size: 3.5vh;
}

h6 {
    font-size: 3.5vh;
}

@media (max-width: 768px) { 

    .main {
        padding: 4vh 2vh;
    }
    
    .main_header {
        padding-bottom: 5vh;
    }
    
    .main_header_heading {
        font-size: 8vh;
    }
    
    .main_header_sub-heading {
        font-size: 3vh;
    }
    
    .main_row {
        padding: 2vh;
    }
    
    .main_div {
        font-size: 3vh;
    }
}