p
{
    line-height: 1.3;
}
.main-div
{
    display: flex;
}
.top-corner-headshot
{
    width: 105px;
    height: 105px;
    margin-left: 22.5px;
    opacity: 0.87;
    border-radius: 50%;
    border: 2px solid white;
    margin-top: 22.5px;
}

.top-corner-div
{
    width: 150px;
    height: 150px;
    border-radius: 75px;
    margin-left: 30px;
    margin-top: 30px;
    background-color: rgb(30, 30, 30);
    display: flex;
    position: relative;
    overflow: hidden;
    transition: all 0.4s;
}

.wide
{
    /* width: 80%; */
    width: 1536px;
    border-radius: 75px 30px 30px 75px;
    align-items: initial;
}

.tall
{
    height: 800px;
    border-radius: 75px 30px 30px 30px;
}

.pics-div
{
    margin-top: 75px;
    margin-left: -100px;
    width: 18%; 
    z-index: 1;
}

.snow
{
    border-radius: 10px 10px 0 0;
}

.img
{
    /* width: 15vmax; */
    width: 300px;
    opacity: 0;
    transition: opacity 4s; 
}

.canyon
{
    border-radius: 0 0 10px 10px;
}

.show
{
    opacity: 1;
}

.bio-hello
{
    margin-top: 30px;
    margin-left: 30px;
    animation: 0.5s 0.4s;
    position: relative;
}

.para
{
    margin-top: 20px;
    max-width: 70%;
    margin-bottom: 10%;
    overflow-y: scroll;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */ 
    padding-bottom: 100px;
    padding-top: 20px;
} 

.bio-hello::after 
{
    content: '';
    position: absolute;
    top: 0;
    bottom: 10px;
    left: 0;
    right: 30px;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 80%, rgba(30,30,30,1) 95%);
    pointer-events: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.para::-webkit-scrollbar 
{
    display: none;
}

.max-content
{
    width: max-content;
}