body {
	background-color: #000000;
}

h1 {
  /*color: #00ff00;*/
  color: #ffffff;
  text-align: center;
  /*margin-left: 20px;*/
  font-family: "Lucida Console", "Monaco", monospace;
  font-size: 80;
  margin-block-start: 0.1em;
  margin-block-end: 0.1em;
}

h2 {
  /*color: #00ff00;*/
  color: #ffffff;
  text-align: center;
  /*margin-left: 20px;*/
  font-family: "Lucida Console", "Monaco", monospace;
  font-size: 60;
  text-decoration-line: underline;
  margin-block-start: 0.1em;
  margin-block-end: 0.1em;
}

h2.matitle {
  /*color: #00ff00;*/
  color: #ffffff;
  text-align: center;
  font-family: "absolutezero", "Lucida Console", "Monaco", monospace;
  font-size: 60;
  text-decoration-line: underline;
  margin-block-start: 0.1em;
  margin-block-end: 0.1em;
}

p {
  /*color: #00ff00;*/
  color: #ffffff;
  text-align: center;
  /*margin-left: 20px;*/
  font-family: "Lucida Console", "Monaco", monospace;
}

#machat {
  display: flex;
}

.machatleft {
	width: 20%;
	text-align: right;
  font-family: "absolutezero", "Lucida Console", "Monaco", monospace;
}

.machatcentre {
	width: 70%;
	text-align: left;
  /*border-style: solid;
  border-color: #ffffff;
  border-width: 5px;*/
}

.machatright {
	width: 10%;
}

p.machatleft {
  /*color: #00ff00;*/
  color: #ffffff;
  margin-left: -55px;
  margin-top: 15px;
  /* font-family: "Lucida Console", "Monaco", monospace; */
  /* padding: 10px; */
  /* max-width: 100%; */
  width: 100%;
  font-size: 30;
}

p.machat {
  /*color: #00ff00;*/
  color: #ffffff;
  text-align: left;
  margin-left: 1%;
  font-family: "absolutezero", "Lucida Console", "Monaco", monospace;
  font-size: 20;
  padding: 10px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 3px;
  width: 2000px;
  max-width: 60%;
  line-height: 1.2;
}

img.machatleft {
  /*color: #00ff00;*/
  color: #ffffff;
  margin-top: 15px;
  margin-right: 35px;
  
  border-style: solid;
  border-color: #ffffff;
  border-width: 3px;
  width: 180px;
  max-width: 75%;
  align: right;
}


p.machatmerlin {
  /*color: #00ff00;*/
  color: #ffffff;
  text-align: left;
  margin-left: 10%;
  /* font-family: "Lucida Console", "Monaco", monospace; */
  padding: 10px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 3px;
  width: 1000px;
  max-width: 75%;
}

a {
  color: #ffffff;
  text-align: center;
  /*margin-left: 20px;*/
  font-family: "Lucida Console", "Monaco", monospace;
  padding: 25px;
}

a:visited {
  color: #ffffff;
}

.linkpair {
  width: 100%;
  height: 30px;
  text-align: center;
  
  display: flex;
  justify-content: center; /* Align horizontal */
  align-items: center; /* Align vertical */
}

.link {
  font-size: 25;
  display: inline-block;
}

.button {
  width: 650px;
  color: #ffffff;
  font-size: 60;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border-style: solid;
  border-color: #ffffff;
  border-width: 10px;
}

.galleryrowvectic {
  /*width: 100%;*/
  /*height: 740px;*/
  height: 850px;
  text-align: center;
  
  display: flex;
  justify-content: center; /* Align horizontal */
  align-items: center; /* Align vertical */
}

.galleryitemvectic {
  font-size: 25;
  margin: 10px;
  /*display: inline-block;*/
}

.galleryitemvectic img {
	height: 720px;
}

.galleryrowma {
  /*width: 100%;*/
  /*height: 740px;*/
  /*height: 820px;*/
  text-align: left;
  margin-left: 1%;
  
  display: flex;
  /*justify-content: center;*/ /* Align horizontal */
  /*align-items: center;*/ /* Align vertical */
  /*justify-content: center;*/ /* Align horizontal */
  /*align-items: center;*/ /* Align vertical */
  border-style: solid;
  border-color: #ffffff;
  border-width: 3px;
  width: 3000px;
  max-width: 80%;
}

.galleryitemma {
  /*font-size: 25;*/
  margin: 10px;
  text-align: left;
  /*display: inline-block;*/
}

.galleryitemma img {
	/*height: 720px;*/
	width: 3000px;
	max-width: 100%;
}

.galleryitemma p {
	/*color: #00ff00;*/
	color: #ffffff;
	text-align: left;
	/*margin-left: 20px;*/
	font-family: "absolutezero", "Lucida Console", "Monaco", monospace;
  font-size: 20;
	padding: 1px;
	width: 50%;
	margin-top: 0px;
	margin-bottom: 0px;
}

#vecticdemo {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 100px;
}

#content {
  margin: 100px;
  font-size: 25;
}

#mainlogo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  /*width: 50%;*/
  width: 150px;
  height: 150px;
  /*width: 30vw;
  height: 30vw;*/
}

#vecticleague {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
}

#instagram {
  width: 35px;
  height: 35px;
  padding-right: 10px;
}

#play {
  width: 35px;
  height: 35px;
  padding-right: 10px;
}

#steam {
  width: 35px;
  height: 35px;
  padding-right: 10px;
}

#itch {
  width: 35px;
  height: 35px;
  padding-right: 10px;
}

#bluesky {
  width: 35px;
  height: 35px;
  padding-right: 10px;
}

#cookies {
	font-size: 18;
}

@font-face {
  font-family: "absolutezero";
  src: url("absolute_zero_italic.woff") format('woff');
}