@charset "utf-8";
/*
@font-face {
    font-family: 'OCR-A BT';
    font-style: normal;
    font-weight: normal;
    src: local('OCR-A BT'), url('fonts/OCR-a___.woff') format('woff');
}

font-family: "Lacquer", system-ui;
font-family: "Syne Mono", monospace;
*/
html {
	background-color: #000000;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: "Syne Mono", monospace;
}

body {
	background-color: transparent !important;
	font-family: "Syne Mono", monospace;
	color: #FFFFFF;
}

.logo {
	opacity: 0.9;
}

select,
option {
  font-family: "Syne Mono", monospace;
}

body.home {
    background: linear-gradient(to bottom, #020809, #04070A);
    min-height: 100vh;
    margin: 0;
    color: #ffffff; /* Optional: ensures visibility on dark background */
  }

  .door-image-wrapper {
    display: inline-block;
    position: relative;
    cursor: url(/images/mystery.cur),auto;
  }

  .door-404 {
    cursor: not-allowed;
  }
  
  .door-image-wrapper .base-image {
    display: block;
  }
  
  .door-image-wrapper .hover-image {
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.9s ease-in-out;
    pointer-events: none;
  }
  
  .door-image-wrapper:hover .hover-image {
    opacity: 1;
  }

  .image-fade-edges {
    -webkit-mask-image: radial-gradient(ellipse at center, black 20%, transparent 100%);
    mask-image: radial-gradient(ellipse at center, black 20%, transparent 100%);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }