/* 	File Name: toc.css		Description: Stylesheet for Photo Pages TOC
	Date Revised: Jan. 10,2026	Author: Ronald B. Kopelman
	© Copyright 2026 Ronald B. Kopelman All Rights Reserved*/

@font-face {
	font-family: "textile";
	src: url("../../../fonts/textile/textile.woff2") format("woff2"),
	url("../../../fonts/textile/textile.woff") format("woff"),
	url("../../../fonts/textile/textile.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

* {margin: 0; padding: 0; box-sizing: border-box;}

.centered {
display: flex;
justify-content: center;
align-items: center;
}

html {font-family: Georgia, Times, serif; font-size: 16pt;}

body {height: 100vh; background-color: #938978;}

.wrapper {
flex-direction: column;
justify-content: space-between;
width: 95%; height: 95%;
border: 12px #011993 double;
border-radius: 20px;
background-color: bisque;
}

header {
text-align: center;
font-family: textile, arial, helvetica, sans-serif;
color: beige;
font-size: 3.5vw;
background-color: #591B28;
width: 95%;
margin: 16px;
padding: 8px;
border-radius: 10px;
box-shadow: 0 0 8px 8px #938978;
text-shadow: 2px 7px 5px rgba(0,0,0,18), 0px -4px 10px rgba(255,255,255,1);
}

header p:last-of-type {
font-family: arial, helvetica, sans-serif;
font-size: 3.5vw;
}

img {
position: absolute;
top: 7.5%;
left: 8.75%;
border: 8px white inset;
}

main {
display: flex;
align-items: center;
height: 95%;
background-color: #938978;
overflow-x: hidden;
overflow-y: auto;
width: 95%;
margin: 8px;
padding: 8px;
border-radius: 10px;
}

ul {
list-style-type: none;
text-align: justify;
margin: 2.5%;
font-size: 3.5vw;
}

li {margin-top: 2.5%;}

 footer {
text-align: center;
font-family: arial, helvetica, sans-serif;
color: beige;
font-size: 2.5vw;
font-style: italic;
background-color: #591B28;
width: 95%;
margin: 8px;
padding: 8px;
border-radius: 10px;
}