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

Copyright 2025-2026 Daniel Harlow.

*/
/*

Platform-specific - WIDESCREEN

*/
@media only screen and (max-width:2560px){
	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;}
	main{padding:0 0;margin:7.5rem 0 5rem 0;}
	main.home{margin-top:10rem !important;}
	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;
	}
	section.home{margin:0 0 5rem 0;text-align:left !important;}
	section{padding:5rem 0;margin:0 0;}
	.block.image{padding:5rem 5rem 0 !important;}
	.block.image img{margin-bottom:5rem !important;}
	.project{padding: 5rem 7.5rem !important;}
	header{padding:15rem 0;margin:5rem 0 0 0;}
	ul{list-style:disc;padding:0;margin: -0.5rem 0 1rem 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;}
	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;}
}
/*

Platform-specific - DESKTOP

*/
@media only screen and (max-width:1920px){
	h1{font-size:96px !important;}
	h2{font-size:80px !important;}
	h3{font-size:64px !important;}
	h4{font-size:48px !important;}
	h5{font-size:40px !important;}
	h6{font-size:32px !important;}
	p{font-size:24px !important;}
	main{padding:0 0;margin:7.5rem 0 !important;}
	main.home{margin-top:10rem !important;}
	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;
	}
	section.home{margin:0 0 5rem 0;text-align:left !important;}
	section{padding:2.5rem 0;margin:0 0;}
	.block.image{padding:5rem 5rem 0 !important;}
	.block.image img{margin-bottom:5rem !important;}
	.project{padding: 2.5rem 5rem !important;}
	.container{max-width:1920px;width:100%;padding:0 5rem;}
	header{padding:10rem 0;margin:5rem 0 0 0;}
	ul{list-style:disc;padding:0;margin: -0.5rem 0 1rem 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;}
	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;}
}
/*

Platform-specific - LAPTOP

*/
@media only screen and (max-width:1440px){
	h1{font-size:64px !important;}
	h2{font-size:48px !important;}
	h3{font-size:40px !important;}
	h4{font-size:36px !important;}
	h5{font-size:32px !important;}
	h6{font-size:28px !important;}
	p{font-size:18px !important;}
	main{padding:0 0;margin: 5rem 0 !important;}
	main.home{margin-top:10rem !important;}
	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: 10rem 2rem !important;
		margin: 5rem 0 0 0;
	}
	section.home{margin:0 0 5rem 0;text-align:left !important;}
	section{padding:2.5rem 0;margin:0 0;}
	.block.image{padding: 3rem 3rem 0 !important;}
	.block.image img{margin-bottom:3rem !important;}
	.project{padding: 2.5rem 4rem !important;}
	.container{max-width:1920px;width:100%;padding: 0 5rem !important;}
	header{padding: 10rem 0 !important;margin:5rem 0 0 0;}
	ul{list-style:disc;padding:0;margin: -0.5rem 0 1rem 1.5rem;color:var(--text-color-secondary);}
	ul li{display:list-item;font-size: 18px !important;font-family:"Space Grotesk",sans-serif;line-height: 1.5;}
	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;}
}
/*

Platform-specific - TABLET

*/
@media only screen and (max-width:834px){
	h1{font-size:40px !important;}
	h2{font-size:36px !important;}
	h3{font-size:32px !important;}
	h4{font-size:28px !important;}
	h5{font-size:24px !important;}
	h6{font-size:21px !important;}
	p{font-size:18px !important;}
	main{padding:0 0;margin:7.5rem 0 !important;}
	main.home{margin-top:10rem !important;}
	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: 10rem 2rem !important;
		margin: 5rem 0 0 0 !important;
	}
	section.home{margin:0 0 5rem 0;text-align:left !important;}
	section{padding:0 0;margin:0 0;}
	.block.image{padding:3rem 1.5rem 0 !important;}
	.block.image img{margin-bottom:3rem !important;}
	.project{padding: 2rem 3rem !important;border-radius: 1.5rem !important;}
	.container{width:100%;padding: 0 2rem !important;}
	.flex-container{
		display:flex;
		flex-direction:column !important;
		width:100%;
		gap: 0.5rem !important;
	}
	.flex-item{width:100%;}
	ul{list-style:disc;padding:0;margin: -0.5rem 0 1rem 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;}
	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;}
}
/*

Platform-specific - MOBILE

*/
@media only screen and (max-width:430px){
	h1{font-size:40px !important;}
	h2{font-size:36px !important;}
	h3{font-size:32px !important;}
	h4{font-size:28px !important;}
	h5{font-size:24px !important;}
	h6{font-size:21px !important;}
	p{font-size:18px !important;}
	ul{list-style:disc;padding:0;margin: -0.5rem 0 1rem 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;}
	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;}
	main{padding:0 0;margin: 5rem 0 !important;}
	main.home{margin-top:10rem !important;}
	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: 5rem 1rem !important;
		margin: 5rem 0 0 0;
	}
	section.home{margin:0 0 5rem 0;text-align:left !important;}
	footer a{margin:0 0 1rem 0 !important;display:block;}
	footer .nav-left,footer .nav-right{display:block;text-align:left !important;float:none;}
	section{padding:0 0;margin:0 0;}
	.block.image{padding: 2rem 2rem 0 !important;}
	.block.image img{margin-bottom: 2rem !important;}
	.project{padding: 1rem 2rem !important;border-radius: 1rem !important;}
	.container{width:100%;padding:0 20px !important;}
	.flex-container{
		display:flex;
		flex-direction:column !important;
		width:100%;
		gap: 0.5rem !important;
	}
	.flex-item{width:100%;}
	.me{width:100%;border-radius:1rem;/* margin-top:10rem; */}
}