/*
Theme Name: Shaytanic
Author: Shay Grafdelver
Author URI: https://awhellnaw.com
Theme URI: https://awhellnaw.com/this-site-theme
Tags: full-site-editing, editor-style, block-styles, block-patterns
Text Domain: shaytanic
Requires at least: 6.1
Requires PHP: 7.4
Tested up to: 6.2
Version: 1.0.1

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/

html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

/* my custom styles */

/* @import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Cinzel:wght@400;500;600;700;800;900&family=Maitree:wght@200;300;400;500;600;700&display=swap');

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	background-image: url("/wp-content/themes/shaytanic/assets/images/zwartevilt.webp");
	background-repeat: repeat;
}

:root {
    --primary-dark: #121212;
    --primary-light: #F5F5F5;
    --accent-red: #FF0000;
    --accent-red-hover: #FF6666;
    --accent-red-dark: #900000;
    --accent-red-darker: #600000;
    --silver: #C0C0C0;
    --glass-red: rgba(255, 0, 0, 0.6); 
    --glass-orange: rgba(255, 165, 0, 0.6);
    --glass-yellow: rgba(255, 215, 0, 0.6);
    --glass-green: rgba(173, 255, 47, 0.6);
    --glass-blue: rgba(0, 191, 255, 0.6);
    --glass-indigo: rgba(75, 0, 130, 0.6);
    --glass-violet: rgba(148, 0, 211, 0.6);
} 

body {
    background-color: var(--primary-dark);
    color: var(--primary-light);
    font-family: 'Maitree', serif;
    line-height: 1.6;
}

header {
    margin-top: 1em;
}

h1 {
    font-family: "Cinzel Decorative", cursive;
    font-weight: bold;
}

nav {
    padding: 20px 0;
}

nav ul {
    list-style-type: none;
}

nav ul li {
    display: inline;
    margin-right: 10px;
}

nav a, a {
    color: var(--primary-light);
    text-decoration: none;
}

nav a:hover, a:not(.cta-button):hover {
    color: var(--accent-red-hover);
}

h2 {
    font-size: 1.8rem;
    background-color: var(--accent-red);
    background-image: linear-gradient(to right, #FF0000 0%, #900000 80%, #600000 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 100%;
}

h2, h4, h5, h6 {
    font-family: 'Cinzel', cursive;
}

h3 {
    font-family: 'Dawning of a New Day', cursive;
    color: var(--silver);
}

.cta-button, input[type=submit] {
    background-color: var(--accent-red);
    color: var(--primary-light);
    padding: 10px;
    font-family: 'Cinzel Decorative', cursive;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    border: none;
}

.cta-button:hover, input[type=submit]:hover {
    background-color: var(--accent-red-hover);
}

table {
    width: 100%;
    margin-bottom: 20px;
    border-collapse: collapse;
}

table, th, td {
    border: 1px solid var(--primary-light);
}

th, td {
    padding: 15px;
    text-align: left;
}

.wp-block-separator {
	color: #ff0000;
} */