/* fontspring is old from the iexp days. safe to ignore. */
  
@font-face {
    font-family: "TitleFont";
    src: url("fonts/Bitcount-Medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "NavFont";
    src: url("fonts/Handjet-Medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "BodyFont";
    src: url("fonts/PixelifySans-Medium.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

 /* as much as this website isn't accessible in some ways, i can at least respect motion preferences. */

@media (prefers-reduced-motion: reduce) {
  .marquee span,
  .ticker-track {
    animation: none;
  }
}

.main-page {
    margin: 0;
    padding: 20px;
    min-height: 100vh;
    background-color: black;
    background-image: url("https://file.garden/ZRamgcpOlUzNlh_x/neocities/sharewarez/screenbg.png");
    justify-content: center;
    align-items: flex-start;
    background-repeat: round;
    background-position: center;
    display: flex;
    font-family: "BodyFont", monospace;
    font-size: 18px;
    color: #dcdcdc;
}

.content-page {
    background-color: #000000;
    text-align: center;
    color: #dcdcdc;
    font-family: "BodyFont", monospace;
    font-size: 16px;
    margin: 0;
    padding: 15px;
}

.blog-post {
    background-color: #000000;
    text-align: left;
    color: #dcdcdc;
    font-family: "BodyFont", monospace;
    font-size: 16px;
    margin: 0;
    padding: 15px;
}

.container {
    width: 200%;
    max-width: 350px;
    background: #000000;
    border: 2px ridge #33C200;
    padding: 50px 30px;
    text-align: center;
    box-sizing: border-box;
}

/* i cried making these scrollbar changes */
html {
    scrollbar-width: thin;
    scrollbar-color: rgba(220,220,220,0.2) transparent;
}

::-webkit-scrollbar {
    width: 3px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(220,220,220,0.2);
    border-radius: 999px;
}

.bigicon {
    display: block;
    margin: 0 auto 30px auto;
}

h1 {
    font-weight: lighter;
    margin-bottom: 28px;
    font-family: "TitleFont", monospace;
    color: #33C200;
}

nav {
    display: flex;
    justify-content: center;
    font-family: "NavFont", monospace;
    font-size: 18px;
    gap: 10px;

    /* gap is new within MDN. ignore the error that appears. */
}

nav a {
    color: #45CF15;
    text-decoration: none;
}

.frame {
    width: 100%;
    border: none;
    min-height: 300px;
    background: transparent;
    margin: 0;
    padding: 0;
}

.button-container {
    text-align: center;
}

button {
    background-color: #000;
    color: #13ed38;
    border: 0.5px none #9CFF00;
    border-radius: 10px;
    padding: 5px 10px;
    font-family: "BodyFont", monospace;
    font-size: 14px;
    cursor: pointer;
}

button:hover {
    background-color: #262626;
    color: #13ed38;
}

.post-content a:link {
    color: #58e022;
}

.post-content a:visited {
    color: #4e8539;
}

.post-list {
    text-align: center;
    margin: 20px;
    font-family: "BodyFont", monospace;
    font-size: 16px; 
}

.post-list a {
    color: #45cf15;
    text-decoration: none;
}

.post-list a:visited {
    color: #349c10;
}

.post-list a:hover {
    color: #4de319;
    text-decoration: underline;
}

.post-list a:active {
    color: #2f8511;
}

  /* hey. stop looking at my css. */
  
  /* still looking? */
  /* creeper? aww man... */
  /* ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⣿⣿⣿⣿⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀
⠀⠀⠀⠀⣿⣿⣿⣿⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀
⠀⠀⠀⠀⣿⣿⣿⣿⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀
⠀⠀⠀⠀⣿⣿⣿⣿⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⡇⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⡇⠀⠀*/