* { margin: 0; padding: 0; box-sizing: inherit; }

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

.split-screen { background-color: #fff; width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); overflow: hidden; position: relative; }

.split-screen__inner-section { background-color: #000; clip-path: polygon(0 0, 55% 0, 45% 100%, 0% 100%); position: relative; width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); }

.split-screen__text { position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 3rem; width: 100%; }

@media (min-width: 768px) { .split-screen__text { font-size: 5rem; } }

.split-screen__text--right { color: #000; }

.split-screen__text--smaller { font-size: 1.5rem; }

@media (min-width: 768px) { .split-screen__text--smaller { font-size: 3rem; } }

.social { z-index: 10; position: absolute; bottom: 20px; }

.social--drums { left: 20px; }

.social--dev { right: 20px; }

.social__link--dev { color: #000; }

.social__link--drums { color: #fff; }

.social__link + .social__link { margin-left: 10px; }

.social__icon { font-size: 30px; }