.section-about{
    height: 110vh;
    z-index: 5;
    margin-top: -100px;
    background-color: var(--background-dark);
    padding-top: 10vh;
}
.about-title{
    text-align: center;
    color: var(--secondary-content-color);
    letter-spacing: 0.2vh;
    margin-bottom: 3vh;
}
.about-description{
    text-align: center;
    font-size: var(--title-font-size);
    margin-bottom: 5vh;
}
.about-description-inner{
    color: var(--tetriary-content-color);
}
.about-col-wrapper{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    height: 50vh;
}
.about-col-50{
    width: 50%;
}
.about-col-50 > img{
    width: 58vh;
    height: 45.5vh;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.about-col-content-title{
    font-size: 3vh;
    margin-bottom: 0.5vh;
}
.about-divider{
    width: 100%;
    height: 3px;
    background-color: #383838;
}
.about-content-wrapper{
    display: flex;
    width: 100%;
    height: 80%;
    flex-direction: column;
    justify-content: space-between;
}
.about-content{
    width: 100%;
    height: auto;
    position: relative;
    left: 2vh;
    font-size: 3vh;
    color: rgba(255,255,255,0.7);
}
.about-content::before{
    content: '';
    background-color: var(--secondary-content-color);
    height: 2vh;
    width: 0.3vh;
    position: absolute;
    display: inline-block;
    border-radius: 1vh;
    left: -2vh;
    top: 1.2vh;
}
.section-awards {
    height: 79.5vh;
}
.awards-video-wrapper {
    width: 100%;
    height: 100%;
}
.awards-video {
    height: 100%;
    width: 100%;
    overflow:hidden;
    border-bottom-left-radius: var(--global-border-radius);
    border-top-right-radius: var(--global-border-radius);

}
.awards-video > video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 0.1;
}
.awards-content {
    z-index: 6;
    margin-top: -80vh;
    padding-left: var(--global-side-padding);
    padding-right: var(--global-side-padding);
}
.awards-title {
    padding-top: 7vh;
    padding-bottom: 1vh;
    letter-spacing: 0.2vh;
    font-size: 5vh;
    text-align: center;
}
.awards-col-wrapper {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
}
.awards-unreal-logo > img{
    height: 51.5vh;
}
.awards-unreal-title-main {
    margin-bottom: 0.5vh;
}
.awards-divider {
    width: 100%;
    height: 3px;
    top: 0;
    left: 0;
    background-color: #383838;
}
.awards-right-text {
    font-size: 3vh;
    letter-spacing: 0.11vh;
    width: 60vh;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin-top: 6vh;
}
.awards-unreal-title {
    color: var(--secondary-content-color);
    font-style: italic;
}
.awards-experience-design {
    font-size: 3vh;
    font-weight: 300;
    color: rgba(255,255,255,0.7);
}
.info-play-button {
    height: 5.5vh;
}