/* Including the custom font */
@font-face {
  font-family: 'ASFont';
  src: url('font.ttf') format('truetype');
}

body {
    background-color: #212121; /* Dark grey background */
    color: #666666; /* Mid-grey text */
    font-family: "ASFont", "Times New Roman", Times, serif; /* Times New Roman */
}

a {
    color: #ffffff; /* Links are white */
}

p {
    color: #00ff00; /* <p> are matrix green */
}

h1 {
    color: #999999;
    font-size: 2em;
    text-transform: uppercase;
	font-family: "ASFont", "Times New Roman", Times, serif; /* Times New Roman */
    font-weight: bold;
}

#matrixtext {
    /* Add your cool glitchy matrix green styles here */
    color: #00ff00;
    /* Example of a glitchy effect */
    text-shadow: 0 0 5px #00ff00, 0 0 10px #00ff00, 0 0 20px #00ff00, 0 0 40px #00ff00, 0 0 80px #00ff00;
    animation: glitch 1s infinite;
}

ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* Styling the list items */
ul li {
  display: inline-block;
  margin-right: 10px; /* Adjust as needed */
}

/* Styling the buttons */
ul li a {
  display: block;
  background-color: #0B0B0B;
  color: #fff; /* White text */
  text-decoration: none;
  padding: 10px 20px; /* Adjust padding as needed */
  border-radius: 5px; /* Rounded corners */
  font-family: "ASFont", "Times New Roman", Times, serif; /* Times New Roman */
  font-size: 20px;
}

#guytvLogo {
  padding-top: 100px;
  font-size:100px;
  color:#fff;
}

#guytvLogo h1 {
  font-size: 50px;
}

@keyframes glitch {
    0% {
        transform: translate(0);
    }
    25% {
        transform: translate(2px, -3px);
    }
    50% {
        transform: translate(-3px, 2px);
    }
    75% {
        transform: translate(3px, -2px);
    }
    100% {
        transform: translate(-2px, 3px);
    }
}