/*
    WebPinBoard
    Copyright (C) 2022, OctoSpacc
    https://gitlab.com/octospacc

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as
    published by the Free Software Foundation, either version 3 of the
    License, or (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with this program.  If not, see <https://www.gnu.org/licenses/>.
*/

Body {
	Margin: 2%;
	Padding: 0;
	Background-Color: #2400DA;
}

* {
	Font-Size: Large;
}

.window {
	Float: Left;
	Margin: 8px;
}

@Media (Min-Width: 796px) {
	.window {
		Max-Width: 360px;
	}
}

@Media (Min-Width: 956px) {
	.window {
		Max-Width: 400px;
	}
}

.InfoWindow {
	Float: Left;
	Margin: 12px;
	Padding-Left: 8px;
	Padding-Right: 8px;
	Border: Solid 1px #FFFFFF;
	Color: #FFFFFF;
}

.InfoWindow a {
	Color: #10A0F0;
}

.InfoWindow label {
	Float: Right;
}

.window-body, .InfoWindowBody {
	Display: Block;
}

.window-body *, .InfoWindowBody * {
	Margin-Top: 6px;
	Margin-Bottom: 6px;
}

.window-body li, .InfoWindowBody li {
	Margin-Top: 2px;
	Margin-Bottom: 2px;
}

.window-body h1, .window-body h2, .window-body h3, .window-body h4, .window-body h5, .window-body h6,
.InfoWindowBody h1, .InfoWindowBody h2, .InfoWindowBody h3, .InfoWindowBody h4, .InfoWindowBody h5, .InfoWindowBody h6 {
	Margin-Top: 12px;
	Margin-Bottom: 12px;
}

:Checked + .window-body, :Checked + .InfoWindowBody {
	Display: None;
}

.window-body img, .InfoWindowBody img {
	Max-Width: 100%;
	Max-Height: 100%;
}

.title-bar {
	Background: Linear-Gradient(90deg, #3413D9, #5812DA);
}

#Background > * {
	Filter: Brightness(20%);
	Position: Fixed; 
	Top: 0;
	Left: 0;
	Min-Width: 100%;
	Min-Height: 100%;
	Z-Index: -8;
}