body {
    font-family: 'Poppins', sans-serif;
}

section {
    padding: 80px 0;
}

.content.container {
    max-width: 1100px;
}

img {
    max-width: 100%;
}

.logo-wrapper {
    text-align: center;
    margin-bottom: 20px;
}

.main-text h4 {
    text-align: center;
    font-weight: 600;
    color: #cb6a25;
}

.section-title {
    font-weight: 500;
    font-size: 34px;
    text-align: center;
    color: #fd6900;
}

section.portfolio {
    background-color: #fbfafd;
}

section.contact {
    background-color: #fbfafd;
}

.section-description {
    max-width: 640px;
    margin: 20px auto;
}

.item {
    position: relative;
    background: #fff;
    border-radius: 15px;
    text-align: center;
    overflow: hidden;
    cursor: default;
    margin-bottom: 30px;
    box-shadow: 0 3px 12px rgb(6 11 47 / 6%);
}

.item-info {
    margin: 20px;
    text-align: left;
}

.item-title {
    font-weight: 500;
    font-size: 20px;
}

.game-list {
    margin-top: 60px;
}

.copyright {
    background-color: #484851;
    padding: 1rem 0;
}

.box-content {
    margin: 0 auto;
    max-width: 720px;
}

.thumb-container {
    position: relative;
}

.caption {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(11 19 116 / 40%);
    opacity: 0;
}

.caption:hover {
    opacity: 100;
    transition: all ease .5s;
}

.caption-content {
    position: relative;
    top: calc(50% - 40px);
}

.play-icon {
    background: #fd6900;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin: auto;
    padding-top: 23px;
    padding-left: 6px;
}

.play-icon img {
    width: 30px;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}