#about-me-div{
    align-content: center;
    justify-content: center;
}

#about-me h1{
    transition: opacity 1s ease;
    display: inline-block;
    font-size: 400%;
}

#about-me p{
    padding: 2cqh 5cqw;
    font-size: 100%;
    font-weight: 500;
}

.about-me-section {
    min-height: 100cqh;
    width: 100%;
    position: relative;
    background: radial-gradient( rgba(35, 89, 107, 0.5) 0%, rgba(86, 213, 255, 0.5) 100%);
    color: rgba(4, 35, 48);
    padding-bottom: 5cqh;
}

#cursor{
    display:inline;
    font-size: 300%;
}

#hello-div {
    min-height: 27cqh;
    margin-top: 8cqh;
    display: flex;
    align-items: center;
    justify-content: center;
}

#hello-message {
    text-align: center;
    font-size: 400%;
    transition: opacity 1s ease;
    display: inline-block;
}

.inline-block{
    display: inline-block;
}

#about-me-text{
    background-color: rgba(255, 255, 255, 0.5);
    width: 90%;
    padding: 5cqh 3cqw ;
    margin: auto;
    border-radius: 15px;
    text-align: center;
}

@media (max-width:780px) {

    #about-me-text {
        width: 80%;
    }

    #hello-div {
        min-height: 22cqh;
        margin-top: 9cqh;
    }

}
@media (max-width:700px) {
    #hello-div {
        min-height: 15cqh;
        margin-top: 8cqh;
        font-size: 60%;
    }
}