.custom-cursor {
  cursor: url("https://straer.neocities.org/images/cursor.png") 0 0, default;
  }
  
a {
  cursor: url(https://straer.neocities.org/images/pointer.png) 0 0, pointer;
}

body, html {
  height: 100%;
  margin: 0;
  display: flex;
  justify-content: center;  /* horizontal */
  align-items: center;      /* vertical */
  background-image: url('/images/bg.png');
  font-family: tan-mon-cheri;
  color: #ffbb0f;
}

.main-container {
  position: relative;
  width: 875px;
  border: 2px solid #84318C;
  padding: 40px;
  box-sizing: border-box;
  background-color: #432C4D; /* 432???? LIKE THE TSP CHARACTER??/ HAHAHHA */
}


/* text n stuff */
.text-landing {
  display: flex;
  gap: 40px; 
  align-items: flex-start;
  list-style: none;
  padding-left:0;
}

.land-text {
  max-width: 300px;
}

.landinpad { /* I FORGOT THE G AND I'M TOO LAZY TO CHANGE IT. IT;S FINE.*/
  z-index: 1;
  position: relative;
  padding-left:0;

}

.landinpad .title {
  font-size: 2em;
  margin-bottom: 20px;
}

.landinpad ul {
  padding: 0;
  margin:0px;
}

.landinpad li {
  margin: 5px 0;
  padding: 0;
  width: 200px;
  list-style: none;
}

.straer {
  position: absolute;
  top: 0;
  right: -50px;
  z-index: 2;
  pointer-events: none;
}

.straer img {
  max-height: 500px;
  object-fit: contain; /* i do not know what this does but someone on reddit talked about it. */
  pointer-events: none;
}




/* FOLLOWING CODE BY https://jvjoseph.blogspot.com/2016/11/windows-style-buttons-css.html WITH SOME ADJUSTMENTS? */
.winCl-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 40px;
  box-sizing: border-box;
  margin: 0px 0;
  text-align: center;
  user-select: none;
  text-decoration: none; /* remove underline */
  color: inherit; /* inherit text color */

  border-left: 3px solid #84318C;
  border-top: 3px solid #84318C;
  border-right: 3px solid #692465;
  border-bottom: 3px solid #692465;
  
  background-color: transparent;
  padding: 3px 15px;
  cursor: pointer;
}

.winCl-btn:hover,
.winCl-btn:focus {
  outline: 0;
}

.winCl-btn:active {
  border-right: 3px solid #84318C;
  border-bottom: 3px solid #84318C;
  border-left: 3px solid #692465;
  border-top: 3px solid #692465;
}

.decor {
  position: absolute;
  top: -175px ;
  right: 0 ;
  z-index: 99 ;
  width: 100% ;
  height: 20px;
}