@font-face {
  font-family: "Minecraft";
  src: url("minecraft-ten.ttf");
}


*{
    margin:0;
    font-family: "Minecraft", sans-serif;
}
html {
}
#gloopa {
    position:absolute;
  width: 100%;
  height:auto;
  height: inherit;
  z-index: -6;
}
#topText {
  position:relative;
  display:block;
    margin:auto;
    height: inherit;
    max-width: 90%;
    
    z-index: -5;
  
}
.mainText{
    width: 95%;
}
.textIcon{
    height:40px;
}
#presigloop {
  width: 80%;
  display: block;
  margin: auto;
}
#presigloop2 {
  max-width: 75%;
  max-height: 75%;
  display: block;
  margin: auto;
}
.sideText{
    width: 50%;
}
h3 {
  font-weight: 400;
  font-style: normal;
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  color:#ffffff;
  text-shadow: -3px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000,
    3px 3px 0 #000;
}
h2 {
  font-weight: 400;
  font-style: normal;
  font-size: 300%;
  text-align: center;
  width: 100%;
  color:#ffffff;
  text-shadow: -3px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000,
    3px 3px 0 #000;
}
#actualtop {
  z-index: -2;
  height: 800px;
  width: 100%;
  transition: .5s ease;
}
.bg {
  background: rgb(74, 74, 74);
}
#rounded {
  color: rgb(74, 74, 74);
}
#spacing {
  height: 500px;
}
h1 {
  font-weight: 400;
  font-style: normal;
  font-size: 400%;
  text-align: center;
  width: 100%;
  color:white;
  text-shadow: -3px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000,
    3px 3px 0 #000;
}
.socialImg {
  width: 10%;
  -webkit-filter: drop-shadow(1px 1px 0 #fff) drop-shadow(-1px -1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px 1px 0 #fff);
  filter: drop-shadow(1px 1px 0 #fff) drop-shadow(-1px -1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px 1px 0 #fff);
}
.outlineImg{
    -webkit-filter: drop-shadow(3px 3px 0 #fff) drop-shadow(-3px -3px 0 #fff) drop-shadow(3px -3px 0 #fff) drop-shadow(-3px 3px 0 #fff);
  filter: drop-shadow(3px 3px 0 #fff) drop-shadow(-3px -3px 0 #fff) drop-shadow(3px -3px 0 #fff) drop-shadow(-3px 3px 0 #fff);
}
#socials {
  height: 10%;
}
.flexcontainer{
    display: flex;
  align-items: center;
  justify-content: center
}
.flexcontainer div{
    width:50%;
    display: flex;
  justify-content: center;
  align-items: center;
}
.flexcontainer div h2{
    flex: 0 0 50%;
}
#fixedBG{
  position: fixed;
  width: 100%;
  min-height: 100%;
  min-width: 100%;
  z-index: -7;
  object-fit: cover;
}
div #fixedBG{
  overflow: hidden;
}

.hoverAnim{
  transition: .5s ease;
}
.hoverAnim:hover  {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#actualtop:hover .hoverAnim{
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}