style.css

html, body {
	font-family: "Lucida Console", Courier, monospace;
	font-size: 1em;
	background-color: white;
	color: black;
}
.flag1, .flag2on, .flag3ipv4, .flag4ipv6, .flag5, .flag6 {
	display: none;
}
.mark_red {
	color: #A00000;
}
.mark_green {
	color: #00A000;
}
.mark_blue {
	color: #0000A0;
}

@media (prefers-color-scheme: dark) {
	html, body {
		background-color: black;
		color: white;
	}
	.mark_red {
		color: lightsalmon;
	}
	.mark_green {
		color: lightseagreen;
	}
	.mark_blue {
		color: lightskyblue;
	}
}

#forkongithub a{
    background:black;
    color:white;
    text-decoration:none;
    font-family:arial,sans-serif;
    text-align:center;
    font-weight:bold;
    padding:5px 40px;
    font-size:1rem;
    line-height:2rem;
    position:relative;
    transition:0.5s;
}
#forkongithub a:hover{
    background:black;
    color:white;
}

@media screen and (min-width:800px){
    #forkongithub{
        position:fixed;
        display:block;
        bottom:0;
        right:0;
        width:200px;
        overflow:hidden;
        height:200px;
        z-index:9999;
	}
    #forkongithub a{
        width:200px;
        position:absolute;
        top:100px;
        right:-60px;
        transform:rotate(-45deg);
        -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
    }
}