/*
Theme Name: Splash Page Theme
Theme URI: https://example.com/
Author: Your Name
Description: A modern splash page theme with a centered hero layout.
Version: 1.0.1
*/

@font-face {
    font-family: 'Garet';
    src: url('styles/font/Garet-Book.woff2') format('woff2'),
         url('styles/font/Garet-Book.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Garet';
    src: url('styles/font/Garet-Heavy.woff2') format('woff2'),
         url('styles/font/Garet-Heavy.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html, body { margin: 0; padding: 0; }
body { font-family: 'Garet', Arial, sans-serif; background: #111; color: #fff; line-height: 1.5; }
.site-wrapper { min-height: 100vh; }
.splash-page { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 2rem; background: url("assets/Background.png") no-repeat center center fixed; background-size: cover; color: #fff; }
.splash-page .center-content { display: flex; flex-direction: column; align-items: center; gap: 1rem; text-align: center; }
.splash-page .center-icon { max-width: 45%; width: auto; height: auto; }
.splash-page .center-text { font-size: 15px; max-width: 50%; margin-top: 50px; line-height: 1.5; }
.splash-page a { color: #fff; text-decoration: none; }
.splash-page a:hover { color: #000; }
.site-main { padding: 2rem; }
a { color: inherit; }

.mobile { display: none; }
@media handheld, only screen and (max-width: 766px) {
	.splash-page .center-icon { max-width: 80%; }
	.splash-page .center-text { max-width: 80%; margin-top: 25px; }
    .desktop    { display: none; }
    .mobile     { display: block; }
}