/*
Author: Matt Marks
Version: 2025.04.25
URL: https://github.com/mattmarkscodes/mattmarks.codes
*/


/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

@font-face {
  font-family: Playfair;
  src: url(font/PlayfairDisplay-VariableFont_wght.ttf);
}

body 										{ font-family: "Playfair", serif; margin: 0; background: #ffffff; font-size: 1.6em; }
.wrap 										{ box-sizing: border-box; max-width: 1200px; margin: 5em auto; }

@keyframes fade { from {color: #ffffff;} to {color: #111111;} }
@-webkit-keyframes fade { from {color: #ffffff;} to {color: #111111;} }

#intro h1 									{ text-align: left; font-size: 120%; color: #111111; font-weight: 500; line-height:1.5em;
												animation: fade;
												animation-duration: 3s;
												-webkit-animation-name: fade;
												-webkit-animation-duration: 3s; }
#intro h2									{ text-align: left; font-size: 100%; color: #111111; font-weight: 400; line-height:1em;
												animation: fade;
												animation-duration: 3s;
												-webkit-animation-name: fade;
												-webkit-animation-duration: 3s; }
#intro h3									{ text-align: left; font-size: 100%; color: #111111; font-weight: 400; line-height:1em;
												animation: fade;
												animation-duration: 3s;
												-webkit-animation-name: fade;
												-webkit-animation-duration: 3s; }
#intro h3.contact								{ text-align: right; }
												
												
												
/* iPhone */
@media screen and (max-device-width: 932px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

#intro h3.contact								{ text-align: left; }

}
												
												
/* Dark */
@media (prefers-color-scheme: dark) {

body 										{ background: #111111; }
@keyframes fade { from {color: #111111;} to {color: #ffffff;} }
@-webkit-keyframes fade { from {color: #111111;} to {color: #ffffff;} }
#intro h1 									{ color: #ffffff; }
#intro h2 									{ color: #ffffff; }
#intro h3 									{ color: #ffffff; }

}