/* CSS for System64.dev v2, by IDeletedSystem64. Under MIT License (v4.14.23) */
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
/* Import dem fonts */

button.home {
    font-family: 'Share Tech Mono', monospace; 
    color: white;
    /* font-size: */ 
    display: inline;
}

h1 {
    font-family: 'Bitter', serif;
    color: white;
    display: inline;
    font-size: 26pt
}

h2 {
    font-family: 'Bitter', serif;
    color: white;
    font-size: 16pt;
}

li {
    font-family: 'Share Tech Mono', monospace;
    color: white;
    font-size: 15pt;
    list-style-type: square;
}
/* Text based stuffs */

body {
    background-image: url("/img/bg.jpg");
}

.container {
    height: 100vh;
    display: flex;
    flex-direction: column;
}

div.main {
    margin-top: 30vh;
    margin-left: 10vh;
}
/* Website layout */

img.webbutton{
    width: 88px;
    height: 31px;
    float: left;
    text-align: center;
}
/* Web buttons :) */

  /* Did you know: I wish I wasn't doing this right now? */
  @media (max-width: 64em) {
    h1 {
        font-size: 56pt;
    }
    h2 {
        font-size: 28pt;
    }
    li {
        font-size: 26pt;
    }
    div.main {
        margin-left: 0vh;
    }
    .container {
        flex-wrap: wrap;
        align-items: center;
    }
  }