.topic {
    position: relative;
    height: calc(100vh - 140px);
    max-width: calc(100% - 20px);
    margin: 70px auto;
    border-radius: 50px;
    box-shadow: -20px -20px 50px rgba(255, 255, 255, 0.75), 20px 20px 50px rgba(0, 0, 0, 0.25);

    @media screen and (max-width: 1340px) {
        width: 1000px;
    }

    @media screen and (min-width: 1341px) {
        width: calc(100% - 340px);
    }
}

.topic video {
    height: 100%;
    width: 100%;
    border-radius: 50px;
    object-fit: cover;
}

.about {
    position: relative;
    display: flex;
    width: calc(100% - 20px);
    max-width: 1000px;
    margin: 70px auto;
    padding: 0 calc((100% - 1340px) / 2);
    border-radius: 50px;
    background-color: rgb(235, 235, 235);
    box-shadow: -20px -20px 50px rgba(255, 255, 255, 0.75), 20px 20px 50px rgba(0, 0, 0, 0.25);
}

.about img {
    height: 100%;
    width: 30%;
    padding: 25px;
    margin: auto;
}

.about p {
    padding: 25px;
    margin: auto;
}

.staff {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 1000px;
    max-width: calc(100% - 20px);
    margin: 70px auto;
    padding: 0 calc((100% - 1340px) / 2);
    border-radius: 50px;
    background-color: rgb(235, 235, 235);
    box-shadow: -20px -20px 50px rgba(255, 255, 255, 0.75), 20px 20px 50px rgba(0, 0, 0, 0.25);
}

.staff li {
    position: relative;
    margin: auto;
    border-radius: 25px;
    transition: all 0.5s;
}

.staff li:hover {
    box-shadow: -5px -5px 5px rgba(255, 255, 255, 0.75), 5px 5px 5px rgba(0, 0, 0, 0.25);
}

.staff img {
    position: relative;
    height: calc(50vw - 60px);
    width: calc(50vw - 60px);
    max-height: 200px;
    max-width: 200px;
    margin: 25px;
    object-fit: cover;
    border-radius: 10px;
}

.staff img:nth-of-type(1),
.staff span, 
.staff li:hover img:nth-of-type(2),
.staff li:hover p,
.staff li:hover a {
    display: block;
}

.staff li:hover img:nth-of-type(1),
.staff li:hover span,
.staff img:nth-of-type(2),
.staff p,
.staff a {
    display: none;
}

.staff span {
    position: absolute;
    bottom: 20%;
    right: 40%;
    transform: translate(50%, 50%);
    padding: 0px 5px;
    border-radius: 50px;
    font-size: 10px;
    text-align: center;
}

.staff p, .staff a {
    position: relative;
    width: calc(50vw - 80px);
    max-width: 180px;
    margin: 25px;
    padding: 10px;
    border-radius: 10px;
    font-size: 12px;
    transition: all 0.5s;
}

.staff a {
    box-shadow: inset -5px -5px 5px rgba(255, 255, 255, 0.25), inset 5px 5px 5px rgba(0, 0, 0, 0.25);
}