/* base.css | Jarvis Wong | 2024 */
/* ------------ foundation --------------*/
html, body {
	font-family: 'Work Sans', sans-serif;
	font-size: 1em;
	color: black;
	height:100%;
	margin:0;
	border:0;
	padding:0;
	background-color: white;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:fixed;
	min-width: 300px;
	scroll-behavior: smooth;
	--max-content-width: 1600px;
}
/* ------------ padding inside bounding box --------------*/
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* ------------ basic objects --------------*/
a, a:visited{
	text-decoration: none;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.image {
	font-style: italic;
}
.container {
	width:100%;
	margin: 100px 0 0;
	padding: 0;
}
/* ------------ body content --------------*/
.block1 {
	background-color: #FFFFFF;
	color: #000000;
}
.block2 {
	background-color: #525f5c;
	color: #FFFFFF;
}
.block-content {
	max-width: var(--max-content-width);
	position: relative;
	margin: 0 auto;
	padding: 50px 0;
}
.column-1-1 {
	width: 100%;
	padding: 20px;
	text-align: center;
}
/* ------------ body nav button --------------*/
.body-nav {
	width: 100%;
	padding: 20px;
}
.body-nav a {
	display: block;
	padding: 20px 0;
	margin: 0 auto;
	width: 40%;
	background-color: #013228;
	color: white;
	text-align: center;
	border-radius: 10px;
}
.body-nav a:hover {
	background-color: #001614;
	color: #ec9d0a;
}
@media (max-width:1000px) {.body-nav a {width: 70%}}
@media (max-width:700px) {.body-nav a {width: 100%}}
/* ------------ background for work in progress --------------*/
.wip {
  width: 100%;
  height: 100%;
  background-image: url('/img/wip.png');
  background-size: 200px auto;
  background-repeat: repeat;
  animation: wip 20s linear infinite;
}
@keyframes wip {
  0% {
    background-position: 0% 0%;
  }
  100% {
   background-position: 400px 200px;
  }
}
/* END */