* {
	margin: 0;
}

:root {
        color-scheme: light dark;
}

.header {
        padding: 40px;
        text-align: center;
        font-size: 24px;
}

.box {
        display: flex;
        flex-direction: row;
}

.people {
        flex: 20%;
        padding: 30px;
        flex-direction: column;
        background-color: light-dark(darkgray, rgb(53, 53, 68));
}

.mainblock {
        flex: 80%;
        padding: 30px;
        background-color: light-dark(lightgray, rgb(68, 78, 86));
}

.serviceblock {
        padding: 14px;
}

.personblock {
        padding: 10px;
        margin-bottom: 14px;
}

.socials {
        list-style: circle;
        padding: 0;
        gap: 2px;
        flex-wrap: wrap;
}

.thecats {
        width: 480;
        height: 640;
        display: block;
}

.video-wrap {
        display: flex;
        justify-content: center;
        padding: 24px 16px 40px;
}