/* darkxception: main css. */
@font-face {
    font-family: 'myFont';
    font-display: fallback;
    font-style: normal;
    font-weight: 400;
    /* src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2'); */
    src: url('../fonts/font.woff2') format('woff2'),
         url('../fonts/font.ttf') format('truetype');
}

* {
    color: rgb(0, 127, 0);
    margin: auto;
    padding: 0;
    font-family: 'myFont';
    position: fixed;
    outline: none;
}

body {
    background-color: rgb(0, 20, 50);
}

input {
    border: 0px;
    background-color: transparent;
}

button {
    border: 0;
    background-color: transparent;
}

button:hover {
    font-weight: bolder;
}

button:active {
    color: rgb(0, 200, 0);
}

#go_back {
    display: none;
    font-size: 300%;
    top: 1%;
    left: 1%;
}

#theme {
    display: inline;
    font-size: 200%;
    top: 0.2%;
    left: 90%
}

@media only screen and (min-width: 768px) {
    #theme {
        display: inline;
        font-size: 475%;
        top: 0.2%;
        left: 88%
    }
}

@media only screen and (min-width: 1400px) {
    #theme {
        display: inline;
        font-size: 500%;
        top: 0.2%;
        left: 88%
    }
}