/* 	Master CSS sheet for www.oldthunderglenteds.com
	----------------------------------------
	
	Main Coding: 	Stuart @ tecniche
					www.tecniche.co.uk

  	Written: 		Feb '25
	Updated:	
	Refreshed:	
	
	Language:	CSS1
*/
/* ************************************************************* */


body {
	background-image: url('../img/OTGT.png');
    background-size: cover; 		/* Ensures the image covers the entire div */
    background-position: center; 	/* Centers the image */
    background-repeat: no-repeat;
    width: 100vw; 					/* Full viewport width */
    height: 100vh; 					/* Full viewport height */
    overflow: hidden; 				/* Prevents scrolling */ 
	
	display: flex;
	flex-direction: column;
	}

/************* Headings *************/




.old-text {
	font-family: 'Cinzel Decorative', serif;
	font-size: clamp(26px, 4vw, 58px);
	font-weight: 700;
	color: #008000;
	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
	letter-spacing: 2px;
	}
	
.old-script {
	font-family: 'Cinzel Decorative', serif;
	font-size: clamp(24px, 3.55vw, 52px);
	font-weight: 700;
	color: #fff;
	letter-spacing: 2px;
}

.split-screen {
	width: 100vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}


.first {
	height: 20vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content:flex-start;
	text-align: center;
	padding-top: 0px;
}

.second {
	height: 75vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content:center;
	text-align: center;
}

.second p {
	color: white;
	text-align: center;
	font-family: sans-serif;
	font-weight: bold;
	font-size: clamp(16px, 2.5vw, 32px);
}

.second a {
	color: white;
	text-align: center;
	font-family: sans-serif;
	font-weight: bold;
	font-size: clamp(16px, 2.5vw, 32px);
	text-decoration: none;
}

.second a:hover {
	color: white;
	color: #008000;
	font-weight: bold;
	text-decoration: underline;
}

.third {	
	background-color: black;
	border-top: green 2px solid;
	color: white;
	height: 5vh;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	}

.third p {
	margin-left: auto;
	margin-right: 30px;
	text-align: right;

	font-family: sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	color:#4A4A43
}