body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}

.topnav {
    background-color: #c4c4c4;
    overflow: hidden;
}

.topnav a {
    float: left;
    color: #222222;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.topnav a:hover {
    transition: background-color .2s linear;
    background-color: #363636;
    color: #cccccc;
}

.topnav a:left {
    transition: background-color .2s linear;
    background-color: #c4c4c4;
    color: #222222;
}

#text-container {
    text-align: center;
}

#pointer {
    font-size: 105%;
}

#logo {
    width: 10%;
    position: absolute;
    left: 88%;
    top: 1.5vh;
}

.title-green em {
    color: green;
}

#title-text {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#example {
    background-color: #c0c0c0;
    width: 25%;
    height: auto;
    display: block;
    border-radius: 3px;
    margin-left: 15px;
}

#examp-text-cont {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    border-left: 4px solid #16b900;
    background-color: #f1f1f1;
    border-radius: 3px;
    margin-left: 5%;
    margin-bottom: 5%;
}

#examp-text {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#function-col {
    color: #f7fa39
}

#function-col-brack {
    color: #fbff18;
}

#big-a {
    background-size: 100%;
} 

#string-col {
    color: #fc772a;
}

#params-table {
    border: 2px solid #000;
    border-radius: 3px;
}

#example-message {
    font-size: 105%;
    margin-left: 20px
}

#syntax {
    border: 1px solid gray;
    width: 50%;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

th {
    text-align: left;
}

tr td {
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#codespan {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 105%;
    color: rgb(43, 255, 0);
    padding-left: 4px;
    padding-right: 4px;
    background-color: #e2e2e2;
}

#footer {
    width: 100%;
    height: 400px;
    background-image: url("footer-bg.webp");
}

#foot-left-div {
    position: relative;
    width: 25%;
    height: 100%;
    background-color: #16b900;
}

#foot-text {
    color: #fff;
    text-align: center;
    font-size: 115%;
}

#footer-logo {
    position: relative;
    width: 50%;
    height: 12.5%;
    left: 25%;
    top: 10px;
}

#gamelink {
    position: absolute;
    text-align: center;
    left: 1%;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: x-large;
}