/*!
	Theme Name: dma-218-motion-gfx-custom-site
	Author URI: kristiyan.net
	Description: custom site design dma 218 motion graphics course canisius university
	License: Copyright © 2025 Kristiyan-Daniel V Iliev (kd). All rights reserved.
*/

/* @@@@@@@@@@@  default  @@@@@@@@@@@@ */

@charset "UTF-8";

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

@font-face
{
	font-family: "custom-font-kd";
	src: url(data:font/woff2;base64,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) format("woff2");
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

body, html
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	cursor: default;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: black;
	overscroll-behavior: none;
    text-align: center;
    user-select: none;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

a
{
	text-decoration: none;
	cursor: default;
	border-radius: 17.5%;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

h1
{
    color: white;
    margin-top: 21%;
    font-family: "Acier BAT", "Avenir Next", "Helvetica Neue", sans-serif;
	font-weight: 100;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

video
{
    border-radius: 2vw;
    -moz-border-radius: 2vw;
    -webkit-border-radius: 2vw;
    width: 100%;
    height: auto;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

span
{
	font-size: 7em;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

*::-webkit-scrollbar
{
	width: 0;
}

/* @@@@@@@@@@@@@@  K  @@@@@@@@@@@@@@@ */

.space
{
	pointer-events: none;
	font-family: custom-font-kd;
	width: 100%;
	height: auto;
	font-size: 5em;
	text-decoration: none;
	color: white;
	margin-top: 3%;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.space::before
{
	content: "\e900";
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

.example, .exercise, .proj
{
	width: 27%;
	height: 75%;
	margin: 3%;
	overflow-y: auto;
	scrollbar-width: none;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

@media (max-width: 600px)
{
	& .space
	{
		font-size: 16.5vw;
		margin-top: 7%;
	}

	& h1
	{
		margin-top: 100%;
	}

	& h1
	{
		font-size: 3vw;
	}

	& span
	{
		font-size: 15vw;
	}
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

@media (max-height: 600px)
{
	& .space
	{
		font-size: 16.5vh;
		margin-top: 100%;
	}

	& h1
	{
		margin-top: 70%;
	}

	& h1
	{
		font-size: 3vh;
	}

	& span
	{
		font-size: 15vh;
	}
}