body {
  background-color: #ff965c;
  background: linear-gradient(90deg, #ff965c 0%, #ff2226 100%);
} /*Orange to Red*/

.menu {
  color: White;
  transition: margin 1s ease-in;
}
.menu:hover {
  transition: margin 0.5s ease-out;
}

.menu a, .menu a:visited {
  color: White; /* Override default visited color */
}
.menu-item:hover, .menu-item:visited:hover {
  color: #d1d1d1;
  color: rgba(255,255,255,0.8);
}
#menu-aligner {
}
#site_menu {
  background-color: rgb(60, 60, 60);
  box-shadow: 0 0 10px 5px rgb(60, 60, 60);
}
.Logo-Container, .Anti-Real-Img {
  background: Black;
  border-radius: 0px 0px 15px 15px;
  transition: opacity 0.2s ease;
  background-color: Black;
}
.Hamburger {
}
.Hamburger span {
  border-radius: 5px;
  background-color: white;
}
.Logo-Container:hover > .Anti-Real-Img {
  opacity: 0;
}

.Sites-Container {
}
.site-item {
  background: rgb(45, 45, 45);
}
.site-item:hover {
  color: rgba(255,255,255,0.9);	
}
.site-item:first-child {
  border-radius: 0px 0px 0px 15px;
}
.site-item:last-child {
  border-radius: 0px 0px 15px 0px;
}

#companyFooter {
  background-color: #fda085;
  background: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
  border: 3px solid #fda085;
  border-style: solid solid none solid;
  box-shadow: 0 0 30px 4px #1a1a1a;
} /*Gold to pinky*/
#bottomFooter {
  box-shadow: 0 0 40px 10px #1a1a1a;
}

#Contents-Container {
}
#Contents {
  text-align: center;
}

.Content {
  border-radius: 25px;
  margin-bottom: 5vh;
  
  background-color: #fda085;
  background: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
  border: 3px solid #fda085;
  
  box-shadow: 10px 10px 8px 4px rgba(0, 0, 0, .2);
  overflow: hidden;
}
.Content .Text-Left {
  text-align: left;
  margin: 2vh 2vw;
}
.Content h1 {
  margin: 0;
  padding-bottom: 1vh;
  background-color: #fda085;
  background: linear-gradient(180deg, #fda085 0%, #fda085 60%, rgba(0,0,0,0) 100%);
}
.Content p, .Content h4 {
  text-align: center;
  margin: auto 2vw;
  margin-bottom: 2vh;
}
.Content .Collection {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}
.Content .Row-Container {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: calc(33.33% - 20px);
	margin-bottom: 2vh;
}
.Content a {
  text-decoration: none;
  color: black;
}
.Content .Square, .Content .Skewy {
  border-style: none solid solid none;
	border-color: white;
  border-width: 0.15em;
	background-color: #ff2226;
	background: linear-gradient(90deg, #ff5a50 0%, #ff2226 100%);
	
	box-shadow: 10px 10px 0px 4px rgba(0, 0, 0, .2);
	
	margin: 5%;
  padding: 2%;
}
.Content .Square {

}
.Content .Skewy {
	transform: skewy(5deg);
}
.Content img {
  width: 100%;
  aspect-ratio: 1/1;
}


.Spacer {
  height: 40vh;
}
.ThemeImage {
  background: url(../img/anti-real_transparent.png);
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.6;
  
  top: 9vh;
  left: calc(20vw - 5vw);
  height: 34vw;
  width: calc(100vw - 20vw - 20vw + 10vw);
  background-size: contain;
}

/* --------------------------------- FIX STUFF FOR WIDER SCREENS ---------------------------------------- */

@media (max-aspect-ratio: 3/2) {
  .Spacer {
    height: 20vh;
  }
  .ThemeImage {
    height: 30vh;
  }
}