body {
  font-family: 'Roboto', sans-serif;
  font-size: 1.3rem;
  background-image: radial-gradient(rgba(0, 0, 0, 0.15) 1px, transparent 1px);
  background-size: 10px 10px;
  background-color: #64ccc9;
  color: white;
  
}

.background-shapes{
  opacity: 0.75;
  position: fixed;
  width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  margin: 0;
  background:
    linear-gradient(135deg, #502D7F 75%, transparent 25%);
	background-size: 64px 64px;
  z-index: -4;
} 
.background-shapes2{
  opacity: 0.75;
  position: fixed;
  width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  margin: 0;
  background:
    linear-gradient(35deg, rgba(255, 255, 255, 0.25) 65%, transparent 25%);
	background-size: 64px 64px;
  z-index: -3;
} 
.background-shapes3{
  opacity: 0.75;
  position: fixed;
  width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  margin: 0;
  background:
    linear-gradient(110deg, rgba(240, 78, 151, 0.5) 10%, transparent 35%);
	background-size: 64px 64px;
  z-index: -2;
}
.background-shapes4{
  opacity: 0.75;
  position: fixed;
  width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  margin: 0;
  background:
    linear-gradient(-135deg, rgba(240, 78, 151, 0.5) 5%, transparent 35%),
    linear-gradient(45deg, rgb(100, 204, 201, 0.5) 5%, transparent 35%);
  z-index: -1;
}

.main-grid{
  display: grid;
  place-content: center;
  padding: 0%;
  min-height: 80vh;
  width: min(100vw - 2rem, 70rem);
  margin-inline: auto;
  text-align: center;
  text-shadow: 2px 2px 3px #000, -0.5px -0.5px 0px #000, 0.5px -0.5px 0px #000,0.5px 0.5px 0px #000,-0.5px 0.5px 0px #000;
  /* text-shadow: 1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
}
.logo-container {
  width: min(100vw - 2rem, 90rem);

}
.coming-soon {

}
.copright{
}

img {
  max-width: 45rem;
  -webkit-transition: -webkit-transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
  filter: drop-shadow(0px 0px 15px #000);
  
}
 img:hover {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
} 

.warning{
  opacity: 0.35;
  background: repeating-linear-gradient(
    45deg,
    #bca660,
    #bca660 10px,
    #74673c 10px,
    #74673c 20px
  );
  position: fixed;
  width: 100%;
  left: 0;
  text-align: center;
  color: white;
}

.social-icons-stack{
  margin: auto;
}

.social-icons{
  font-size: 1.5rem;
  position: absolute;
  vertical-align: -0.5rem;
  margin-top: 0.25rem;
}
.social-icons-shadow {
  margin-top: 0.25rem;
  margin-left: 0.0625rem;
  font-size: 1.5rem;
  /* vertical-align: -1.5rem; */
  /* padding: 1px; */
  /* position: absolute; */
  color: #000;
  /* z-index: -1; */
}

.social-icons a {
  color: inherit;
}

.social-icons a:hover {
  color: #e94e9c;
}