@font-face {
    font-family: VCR OSD MONO;
    src: url('/assets/fonts/VCR_OSD_MONO.ttf');
}

@font-face {
    font-family: PFC Font;
    src: url('/assets/fonts/pfcfont-regular-webfont.woff');
}

body {
  background-image: url("assets/bglol.png");
  text-align: center;
  background-color: white;
  color: white;
  animation: bgscroll 120s linear infinite;
  font-family: "VCR OSD MONO";
  width: 1000px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
  background: 
  repeating-linear-gradient(
  0deg,
  rgba(18, 16, 16, 0.2) 0,
  rgba(18, 16, 16, 0.2) 1px,
  transparent 1px,
  transparent 3px
  );
  box-shadow: 
  inset 0 0 50px rgba(0, 0, 0, 0.9), 
  inset 0 0 50px rgba(0, 0, 0, 0.9);
  animation: flicker 0.15s infinite alternate;
  opacity: 0.85;
}

a {
  color: rgb(55, 189, 149);
}

.coolfont {
  font-family: "PFC Font";
  color: rgb(71, 188, 150);
  -webkit-text-stroke: 0.1px rgb(37, 99, 79);
  }

.content {
	width: auto;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	display: grid;
  padding: 10px;
}

.box {
  padding: 0.5rem;
  background-color: rgba(0,0,0,.75);
  color: #fff;
}


.header {
  margin-bottom: 0.5rem;
}

.u {
  margin-bottom: 0.5rem;
  text-align: left;
}

.layout {
  display: flex;
  gap: 20px;
}

.main-content {
width: auto;
height: auto;
text-align: center;
}

.profile {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.layout2 {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.cubic {
width: 300px;
height: auto;            
  }


.gradient {
background: #000000;
background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(37, 61, 52, 1) 100%);
}

@keyframes bgscroll {
    0% {
        background-position: 0vw 120vh, 0vw 240vh;
    }
    25% {
        background-position: 50vw 90vh, 100vw 160vh;
    }
    50% {
        background-position: 100vw 60vh, 200vw 120vh;
    }
    75% {
        background-position: 150vw 30vh, 300vw 60vh;
    }
    100% {
        background-position: 200vw 0vh, 400vw 0vh;
    }   
}

 @keyframes flicker {
  0% { opacity: 0.85; }
  100% { opacity: 0.9; }
}