/*
 * Freed.place
 * Version 3.0
 * Copyright (c) 2025 FreedTapestry21
 */

@font-face {
    font-family: 'Jetbrains Mono';
    src: local(''),
        url('./fonts/jbmono.woff2')
}

:root {
	--accent-color: #b4befe;
	--accent-color-dark: #9198cd;
    --background-color: #191724;
}

body {
	background-color: var(--background-color);
	color: var(--accent-color);
	font-family: Verdana, sans-serif;
}

p {font-size: 16px;}
h1 {font-size: 32px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}

/* Custom */
.center {
	display: flex;
  	justify-content: center;
}

.img {
	width: min(512px, 45%);
}

/* Menu */
.menu {	
	background-color: var(--accent-color);
	color: var(--background-color);

	width: 90%;

	margin: auto;
}

.menu p {user-select: none; font-size: 20px;}

.menu a {
	color: var(--background-color);
	text-decoration: none; 
}

.menu a:hover {
	color: var(--accent-color);
	background-color: var(--background-color);
}

.name {text-align: left; width: 45%;}
.index {text-align: right; width: 45%;}

/* Footer */
.footer {	
	background-color: var(--accent-color);
	color: var(--background-color);

	width: 90%;

	margin: auto;
}

.footer p {font-size:12px;}

.info {text-align: left; width: 90%;}

/* Boxes */
.box {
	width: 100%;

	display: flex;
  	flex-direction: row;
	justify-content: center;
}

.item {
	padding: 10px;
	width: 40%;

	margin: auto;
}