*{margin:0;padding:0}@font-face{font-family:MulletLight;src:url(/MulettLight.ttf)}@font-face{font-family:Kinky Display;src:url(/KinkyDisplay.ttf)}:root{--header-height: 16rem;--theme-1: rgb(255, 255, 255);--theme-2: rgb(200, 200, 200);--title-color: tranparent;--title-font-size: 1.2rem;--title-letter-spacing: .2em;--main-font-color: rgb(46, 45, 45);--details-container-color: white;--details-color: black;--responsive-grid-columns: 1fr;background-color:var(--theme-1);font-family:Kinky Display;color:var(--main-font-color);--tile-width: 90vw;--tile-height: calc(var(--tile-width) * 5/7);--tile-row-gap: 10vh;--socials-position: calc(var(--header-height) + var(--tile-height) + var(--tile-row-gap) / 2 - .5em);--footer-height: 20vh;overflow-x:hidden}#loading{background-color:#fff;position:fixed;width:100vw;height:100vh;top:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1000;transition:1s}#blink1{animation:blink 2s infinite}#blink2{animation:blink 2s infinite;animation-delay:.5s}#blink3{animation:blink 2s infinite;animation-delay:1s}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}header{position:fixed;top:0;left:0;right:0;z-index:-1;height:100vh;width:100vw;background-color:transparent;margin-left:auto;margin-right:auto;display:grid;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr}#title{grid-row:2 / span 1;grid-column:1 / span 1;margin:auto auto auto 1em}#title img{mask-image:url(/Dan%20Bloodworth.png);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(/Dan%20Bloodworth.png);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;width:100%;transform:translateY(20);object-fit:contain;opacity:.5}#contact{grid-area:2 / 2 / span 1 / span 1;margin:auto;font-size:1em;color:var(--main-font-color);text-decoration:none;--contact-shadow: none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}#contact p{transition:.2s}#contact-at{font-size:2em;text-shadow:var(--contact-shadow)}#socials{font-size:1em;grid-area:1 / 2 / span 1 / span 1;display:flex;align-items:flex-start;justify-content:flex-end}#socials a{margin-top:1em;color:var(--main-font-color);font-weight:700;transition:.5s cubic-bezier(.075,.82,.165,1)}#socials p{margin-left:.5em;transition:.5s cubic-bezier(.075,.82,.165,1)}#insta-glyph{margin:18px}.link,link p{transition:.5s cubic-bezier(.075,.82,.165,1);display:flex;align-items:center;color:var(--main-font-color)}@media (hover:hover){.link:hover,.link:hover p{--highlight-color: coral;color:var(--highlight-color);text-decoration-color:var(--highlight-color);border-color:var(--highlight-color)}}#represented-by{max-width:100%;margin-right:1em;margin-left:1em;grid-area:3 / 1 / span 1 / span 2;display:flex;justify-content:flex-end;align-items:center;gap:1.5em}ul{list-style-type:none}@media screen and (min-width: 574px){:root{--responsive-grid-columns: 1fr;--title-letter-spacing: .2rem;--title-font-size: 3rem;--header-height: 30vh}header{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;max-width:1800px}#title{grid-row:2 / span 1;margin-top:0}#contact{grid-area:2 / 2 / span 1 / span 2;font-size:2em;margin-top:0;justify-content:flex-start;align-items:center}#contact-at{font-size:2em}#socials{grid-area:1 / 2 / span 1 / span 2;font-size:1em;justify-content:center;align-items:center}#represented-by{margin-top:1em;grid-area:3 / 2 / span 1 / span 2;justify-content:center;align-items:flex-start}}@media screen and (min-width: 940px){#title{grid-area:1 / 1 / span 2 / span 1;margin:auto}#represented-by{grid-area:1 / 2 / span 1 / span 1}#socials{grid-area:1 / 3 / span 1 / span 1;align-items:flex-start}#contact{grid-area:2 / 3 / span 1 / span 1;justify-content:flex-start}}@media screen and (min-width: 1296px){:root{--responsive-grid-columns: 1fr 1fr;--title-letter-spacing: .2rem;--title-font-size: 3.8rem;--tile-width: 650px}header{margin-bottom:1rem}}@media screen and (max-height: 388px){:root{--header-height: 100vh}#contact{grid-area:1 / 3 / span 1 / span 1}#socials{grid-area:1 / 2 / span 1 / span 1}#represented-by{grid-area:1 / 1 / span 1 / span 1}}main{width:100vw;overflow-x:hidden;background-color:var(--theme-1)}.gallery{margin:100vh auto 2rem auto;max-width:1800px;display:grid;grid-template-columns:var(--responsive-grid-columns);row-gap:2.5vh}.picture-tile{--tile-padding: 1rem;width:var(--tile-width);height:var(--tile-height);margin:10px auto;padding:var(--tile-padding);box-shadow:1px 1px 5px #0000009f;overflow:hidden;position:relative;--details-width:100%;--details-height:0;--details-color: transparent;--button-display: none;display:flex;justify-content:center;align-items:center}.dimensions{display:flex;flex-wrap:wrap}@media (hover: none){.picture-tile.active{--details-height:4em;--details-color: var(--main-font-color);--button-display: block;transition:.2s}@media screen and (min-width:574px){.picture-tile.active{--details-height:4em}}}@media (hover: hover){.picture-tile:hover{--details-height:4em;--details-color: var(--main-font-color);--button-display: block}@media screen and (min-width: 574px){.picture-tile:hover{--details-color: var(--main-font-color);--details-height:4em}}}.picture-tile img{width:100%;object-fit:cover}.details-container{background-color:var(--details-container-color);color:var(--details-color);width:var(--details-width);height:var(--details-height);position:absolute;left:0;top:0;transition:.15s;display:flex;justify-content:space-around;align-items:center}.details-container h2,.details-container p{margin-left:1rem}#y{position:relative;top:calc(var(--tile-height)/2);right:calc(var(--tile-width) - 1em)}.picture-tile button{all:unset;font-family:Kinky Display;font-size:1rem;color:var(--main-font-color);background-color:var(--theme-1);box-shadow:none;border-width:1px;border-style:solid;position:absolute;bottom:0;right:0;margin:1rem;padding:.5rem 1rem;display:var(--button-display)}footer{--padding: 20px;height:calc(var(--footer-height)) - var(--padding);padding:var(--padding);width:calc(100vw - var(padding) * 2);display:flex;align-items:flex-end;justify-content:space-around;color:var(--main-font-color)}
