@font-face {
  font-family: "Alagard";
  src: url("https://neversaid.neocities.org/alagard.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.page {
  font-family: "Alagard", monospace;
}

body {
 background-image: url('https://imagesfrme.carrd.co/assets/images/image22.jpg?v=53b70776');

}


.phone {
display: flex;

justify-content: flex-end;
margin-right: 350px;
margin-top: -350px;


}

.walkup {
  transition: transform 0.3s ease;
  text-align: center;
}

.walkup:hover {
  transform: scale(1.2);
}

.walkup:active{
  transform: scale(.5) !important; 
}


html, body {
  overflow: hidden;
  height: 100%; /* Ensures the "locked" area fills the screen */
}

marquee{
  color: white;
}

.title {
  display: flex;
  
  justify-content: center; 
  align-items: center;
  margin-top: 10px;
   
}
.door {
  transition: transform 0.3s ease;
}

.door:hover {
  transform: scale(1.2);
}

.door:active {
  transform: scale(.5) !important; 
}

img {
  image-rendering: crisp-edges;      /* Standard modern browsers */
  image-rendering: pixelated;        /* Some newer browsers for retro pixel art */
  -ms-interpolation-mode: nearest-neighbor; /* IE */
}


.container {
  

  display: flex;
}

.sidebar {
  width: 180px;
  padding: 10px;
  border: 2px solid white;
}

.main {
  width: 540px;
  padding: 10px;
   border: 2px solid white;
  background: rgba(0, 0, 0, 0.5);
}

.left {
  background: black;
}

.right {
  background: black;
}

.page {
  width: 900px;
  margin: 100px auto;
}

.header {
  background: black;
  border: 2px solid white;
  padding: 15px;
  text-align: center;
}

.nav a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: blue;
  margin-bottom: 6px;
}

.nav a:hover {
  text-decoration: underline;
}

a {
  color: red;
}

h1 {

  text-align: center;
  color: white;
}

p {

  text-align: center;
  color: white;
}