/*
     __            __
    / /\          / /\
   / /  \        / / /
  / / /\ \      / / /
 / / /\ \ \    / /  \  __
/_/ /  \_\ |  /_/ /\ \/ /\
\ \ \  / / |  \_\/\ \ \/ /
 \ \ \/ / /        \_\  /
  \ \ \/ /  __     / / /  __
   \_\__/  /_/\   /_/ /  /_/\
           \_\/   \_\/   \_\/

Copyright 2025-2026 Daniel Harlow.

*/
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
:root{
	--background-color:#F9F6EF;
	--text-color-main:#040812;
	--text-color-secondary:#2B303A;
	--highlight:#d4ff00;
}
*{box-sizing:border-box;}
html{font-family:"Space Grotesk",sans-serif;scroll-behavior:smooth;}
::selection {
	background:var(--text-color-main);
	color:var(--highlight);
	text-shadow:none;
}
body{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	padding:0 0;
	margin:0 0;
	color:var(--text-color-main);
	background:var(--background-color);
}
/* START */
h1{font-size:128px;}
h2{font-size:96px;}
h3{font-size:80px;}
h4{font-size:64px;}
h5{font-size:48px;}
h6{font-size:40px;}
p{font-size:24px;}
h1,h2,h3,h4,h5,h6{font-weight:bold !important;}
h1,h2,h3,h4,h5,h6,p{line-height:1.5;margin:1.5rem 0;}
h1,h2,h3,h4,h5,h6,p a{font-family:inherit;font-weight:inherit;color:inherit;text-decoration:underline;}
h1,h2,h3,h4,h5,h6,p a:hover{text-decoration:none;}
ul{list-style:disc;padding:0;margin: -0.5rem 0 0rem 1.5rem;color:var(--text-color-secondary);}
ul li{display:list-item;font-size: 24px;font-family:"Space Grotesk",sans-serif;line-height: 1.5;margin-bottom: 0.66rem;}
li a{font-family:inherit;font-weight:inherit;color:var(--text-color-main);text-decoration:underline;text-decoration-color:var(--link-color-primary);}
li a:hover{color:var(--link-color-primary);text-decoration:none;}
li::before{padding-right:16px;}
a{text-decoration:none;color:var(--link-color-primary);}
a:hover,a.active{text-decoration:none;}
/* NAVIGATION */
nav{
	z-index:2000;
	-webkit-backdrop-filter:blur(20px);
	backdrop-filter:blur(20px);
	/*background-color:(var(--background-color);*/
	background-color:rgba(255,255,255,0.0);
	display:flex;
	flex-direction:column;
	align-items:center;
	position:fixed;
	padding:24px 0;
	width:100%;
	top:0;
}
.nav-left{float:left}
.nav-right{float:right}
a.nav-home-link{
	text-decoration:none;
	font-style:normal;
	font-size:28px;
	line-height:32px;
}
a.nav-text-link{
	font-family:"Space Mono",monospace;
	font-weight:bold;
	text-decoration:none;
	font-style:inherit;
	font-size:16px;
	margin-left:24px;
	padding-bottom:8px;
	border-bottom:2px solid rgba(0,0,0,0.0);
	transition-type:border-bottom;
	transition-duration:0.5s;
}
a.nav-text-link:hover,a.nav-text-link.active{border-bottom:2px solid var(--text-color-main);}
footer{
	z-index:1000;
	color: rgba(255,255,255,0.33);
	background:var(--text-color-main);
	font-size:16px;
	line-height:24px;
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	padding:24px 0;
}
footer a{margin: 0 1rem 0 0;color: var(--background-color);}
/* BUILDING BLOCKS */
main{z-index:1000;display:flex;flex-direction:column;align-items:center;width:100%;margin: 10rem 0;}
main.home{margin-top:10rem;}
main.home h1{line-height:1.25 !important;margin-bottom:2.5rem !important;}
header{
	z-index:1;
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	text-align:center !important;
	background-size:auto !important;
	background-position:left center !important;
	background-repeat:none !important;
	padding: 15rem 0;
	margin: 5rem 0 0 0;
}
header span{display: inline-block;font-size:12px;margin:0 0.5rem;}
section.home{margin:0 0 5rem 0;text-align:left !important;}
.block{display:block;}
.block.image{padding:5rem 5rem 0;margin:5rem 0;background:rgba(255,255,255,0.5);border-radius:1rem;}
.block.image p{opacity:0.25;}
.block.image img{margin-bottom:5rem;/*background:black;*/}
.project{margin-bottom:5rem;border-radius:2.5rem;padding:2.5rem 5rem;}
.container{max-width:2400px;width:100%;padding: 0 5rem;}

.flex-container{display:flex;flex-direction:row;width:100%;gap:2rem;}
.flex-item{width:100%;flex-grow:2;}
.flex-item-full{flex:0 0 100%;max-width:100%;}
.flex-item-1{flex:0 0 25%;max-width:25%;}
.flex-item-2{flex:0 0 75%;max-width:75%;}

.me{width:100%;border-radius:1rem;}
/* FOOTER ADDITION FOR PROJECT LINKS */
.other-links{
	color:var(--background-color);
	background:var(--text-color-secondary);
	width:100%;
	padding: 5rem 0;
	z-index:1;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.other-links a{text-decoration:none;}
.other-links a:hover{text-decoration:none;}
.other-links .title{margin:0 0 0.5rem 0;}
/* PROJECT GRADIENTS */
.dow-gradient{
	color:var(--background-color);
	background:#E80033;
	background:linear-gradient(0deg,rgba(232,0,51,1) 0%,rgba(65,83,100,1) 100%);
}
.nysoh-gradient{
	color:var(--background-color);
	background: #004B75;
	background: linear-gradient(0deg, rgba(0, 75, 117, 1) 0%, rgba(247, 169, 0, 1) 100%);
}
.issimi-gradient{
	color:var(--background-color);
	background:#183029;
	background:linear-gradient(0deg, rgba(24, 48, 41, 1) 0%, rgba(85, 164, 122, 1) 100%);
}
.spring-gradient{
	color:var(--background-color);
	background:#69004B;
	background:linear-gradient(0deg, rgba(105, 0, 75, 1) 0%, rgba(255, 197, 167, 1) 100%);
}
.other-gradient{
	color:var(--background-color);
	background:#141D38;
	background:linear-gradient(0deg,#4069F4,#141D38);
}
/* HEADER STYLES */
.home-header{margin:5rem 0;}
.dow-header-myacct{
	color:var(--background-color);
	background:#E80033;
	background-image:url("../dow-myaccount/img/background.webp");
	background-image:url("../dow-myaccount/img/background.webp"),linear-gradient(0deg,rgba(232,0,51,1) 0%,rgba(65,83,100,1) 100%);
	background-size: cover !important;
}
.dow-header-ds{
	color:var(--background-color);
	background:#E80033;
	background-image:url("../dow-designsystem/img/background.webp");
	background-image:url("../dow-designsystem/img/background.webp"),linear-gradient(0deg,rgba(232,0,51,1) 0%,rgba(65,83,100,1) 100%);
	background-size: cover !important;
}
.nysoh-header{
	color:var(--background-color);
	background:#004B75;
	background-image:url("../nysoh-login/img/background.webp");
	background-image:url("../nysoh-login/img/background.webp"),linear-gradient(0deg, rgba(0, 75, 117, 1) 0%, rgba(247, 169, 0, 1) 100%);
	background-size: cover !important;
}
.issimi-header{
	color:var(--background-color);
	background:#183029;
	background-image:url("../issimi/img/background.webp");
	background-image:url("../issimi/img/background.webp"),linear-gradient(0deg, rgba(24, 48, 41, 1) 0%, rgba(85, 164, 122, 1) 100%);
	background-size: cover !important;
}
.spring-header{
	color:var(--background-color);
	background:#69004B;
	background-image:url("../spring/img/background.webp");
	background-image:url("../spring/img/background.webp"),linear-gradient(0deg, rgba(105, 0, 75, 1) 0%, rgba(255, 197, 167, 1) 100%);
	background-size: cover !important;
}
/*

THE END

*/