@font-face {
        font-family: "Shell Font";
        src: url("https://assets-pub.shelltrainings.com/fonts/latin/ShellMedium.woff") format("woff");
        font-weight: 500;
}

@font-face {
        font-family: "Shell Font";
        src: url("https://assets-pub.shelltrainings.com/fonts/latin/ShellMediumItalic.woff") format("woff");
        font-weight: 500;
        font-style: italic;
}

@font-face {
        font-family: "Shell Font";
        src: url("https://assets-pub.shelltrainings.com/fonts/latin/ShellHeavy.woff") format("woff");
        font-weight: 600;
}

:root {
        --red: #dd1d20;
        --yellow: #ffc800;
        --white: #ffffff;

        --main_background: #ffffff;
        --main_font: #4a4a4a;

        --dark_background: #f7f7f7;
}

@media (prefers-color-scheme: dark) {
        :root {
                --red: #b82e00;
                --yellow: #d6a100;
                --white: #e0e0e0;

                --main_background: #1e232a;
                --main_font: #e0e0e0;

                --dark_background: #191e24;
	}
}

html, body {
        font-family: "Shell Font";
        color: var(--main_font);
        background-color: var(--dark_background);
        font-weight: 500;
	height: 100%;
	overflow: hidden;
	font-size: 20px;
}

.content {
	width: 100%;
	height: 100%;
	display: grid;
	align-items: center;
	justify-items: center;
	text-align: center;
}

.content img {
	margin-bottom: 20px;
}