/* colour scheme! */ 
:root { 
	--darkness    : #100020; 
	--light       : #ffc8ff; 
	--pink        : #ff3cbc; 
	--purple      : #290232; 
	--light-purple: #420444; 
	--dark-pink   : #943d77; 
	--red         : #ff2e47; 
}    

/* font! */ 
@font-face {
    font-family : 'Ysabeau'; 
    src : url('/Ysabeau-VariableWeight.ttf'); 
} 
   
/* global site styling */ 
html {
    font-size : 14pt; 
} 

body { 
	background : var(--darkness); 
	color      : var(--light); 
	margin     : 0 19.0983%; 
	min-width  : 300pt; 
    font-family : 'Ysabeau'; 
} 

a.home {
	font-size	   : 3em; 
	text-decoration : none; 
	color 	   : var(--light-purple); 
	margin-bottom : 20pt; 
} 

.welcome, .welcome a {
    color : var(--light-purple); 
    margin : 0; 
} 

.error {
    color : var(--red); 
} 

/* index.html */ 
a.menulink {
	font-size       : 1.5em; 
	color 	   : var(--dark-pink); 
	text-decoration : none; 

	display : block; 
	max-width  : 40%; 
	padding    : 10pt; 
} 

a.menulink:hover {
	color 	   : var(--pink); 
} 

a {
    color : var(--pink); 
    text-decoration : none; 
} 

a:hover {
    text-decoration : underline; 
} 

/* submit.html form */ 
#application {
	display: inline-grid; 
	align-items : center; 
	text-align : right; 
	grid-template-columns : 23.6068% 61.8034%; 
	column-gap : 5pt; 
	row-gap : 5pt; 
} 

#tag-box {
	text-align : left; 
} 

input, input[type=file]::file-selector-button {
	background : var(--darkness); 
	color 	   : var(--light); 
	outline    : none; 
} 

input[type=text], input[type=password] {
	border : 1px solid var(--light); 
} 

input[type=text]:focus, input[type=password]:focus {
	border : 1px solid var(--pink); 
} 

input[type=submit], input[type=file]::file-selector-button { 
	border     : 1px solid var(--light); 
} 

input[type=submit]:hover, 
input[type=file]::file-selector-button:hover { 
	color : var(--pink); 
	border : 1px solid var(--pink); 
} 

input[type=submit]:active, 
input[type=file]::file-selector-button:active {
	color : var(--darkness); 
	background : var(--pink); 
	border : 1px solid var(--pink); 
} 

label.tag-toggle { 
	margin : 3px; 
	padding : 3px;
	border : 1px solid var(--dark-pink); 
	color  : var(--dark-pink); 
	display: inline-block; 
	cursor : pointer; 
}

label.tag-toggle:hover {
	margin : 2px; 
	border : 2px solid var(--dark-pink); 
	font-weight : bold; 
} 

input:checked + label.tag-toggle { 
	margin : 2px; 
	border : 2px solid var(--pink); 
	color  : var(--pink); 
	font-weight : bold; 
} 

/* viewing a single entry */ 
.content-wrapper { 
    max-width : 100%; 
} 

img, video { 
    max-width : 100%; 
    display : block; 
    margin : 0 auto;  
} 

/* tables! */ 
th, td { 
    padding : 3pt; 
    font-size : 1rem; 
} 

table {
    border : 1px solid var(--purple); 
    border-collapse: collapse; 
    width : 100%; 
    text-align : left; 
} 

tr.odd { 
    background : var(--purple); 
} 

th.title {
    width : 55%;
} 

th.author {
    width : 15%; 
} 

th.time {
    width : 30%; 
} 

/* login form */ 
#identify {
	display: inline-grid; 
	align-items : center; 
	text-align : right; 
	grid-template-columns : 23.6068% 61.8034%; 
	column-gap : 5pt; 
	row-gap : 5pt; 
} 

/* curation form */ 
label.label-none, 
label.label-admit, 
label.label-reject {
    cursor : pointer; 
} 

input:checked + label.label-none,
input:checked + label.label-admit,
input:checked + label.label-reject {
    font-weight : bold; 
    text-decoration : underline; 
} 

label.label-none {
    color : var(--dark-pink); 
}

label.label-admit {
    color : var(--pink); 
} 

label.label-reject {
    color : var(--red); 
}