/* Font */

@font-face { font-family: "Shell-ExtraLight"; src: url('fonts/Oswald/Oswald-ExtraLight.ttf'); }
@font-face { font-family: "Shell-Light"; src: url('fonts/Oswald/Oswald-Light.ttf'); }
@font-face { font-family: "Shell-Regular"; src: url('fonts/Oswald/Oswald-Regular.ttf'); }
@font-face { font-family: "Shell-Medium"; src: url('fonts/Oswald/Oswald-Medium.ttf'); }
@font-face { font-family: "Shell-SemiBold"; src: url('fonts/Oswald/Oswald-SemiBold.ttf'); }
@font-face { font-family: "Shell-Bold"; src: url('fonts/Oswald/Oswald-SemiBold.ttf'); }

/* ICONS */

@font-face {
    font-family: webCoreFont_Icons;
    src: url(fonts/webCoreFont_Icons.ttf);
}

.webCoreIcon_YouTube:before { font-family: webCoreFont_Icons; content: '\0069'; font-style: normal;  }
.webCoreIcon_Instagram:before { font-family: webCoreFont_Icons; content: '\006B'; font-style: normal;  }
.webCoreIcon_Facebook:before { font-family: webCoreFont_Icons; content: '\006C'; font-style: normal;  }
.webCoreIcon_X:before { font-family: webCoreFont_Icons; content: '\006D'; font-style: normal;  }
.webCoreIcon_Pinterest:before { font-family: webCoreFont_Icons; content: '\003D'; font-style: normal;  }
.webCoreIcon_TikTok:before { font-family: webCoreFont_Icons; content: '\003E'; font-style: normal;  }

/* LAYOUT */

html, body {

    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: "Shell-Medium", sans-serif;
    letter-spacing: 1.5px;
    font-size: 16px;
    background-color: #181818;
}

.center {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.logo {
    margin: 0 auto;
    margin-top: 30px;
    max-width: fit-content;
}

.iykyk {
    text-align: center;
    font-size: 300%;
    margin-top: 10px;
    letter-spacing: 5px;
    color: #888;
}

.social-media-links { margin: 0 auto; max-width: fit-content; margin-bottom: 30px; overflow: hidden; }
.social-media-links div { float: left; margin: 0px 12.5px 0px 12.5px; }
.social-media-links div a { color: #181818; }

.webCoreIcon_Instagram { font-size: 38px; color: #888; }
.webCoreIcon_TikTok { font-size: 38px; color: #888; }
.webCoreIcon_YouTube { font-size: 38px; color: #888; }
.webCoreIcon_Pinterest { font-size: 38px; color: #888; }