hetzner-vpn.scalefast.ninja by aheruz

/* ==UserStyle==
@name         hetzner-vpn.scalefast.ninja
@version      20220823.07.43
@namespace    userstyles.world/user/aheruz
@description  Tweaks for Hetzner VPN
@author       aheruz
@license      MIT License
==/UserStyle== */

@-moz-document domain("hetzner-vpn.scalefast.ninja") {
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;900&display=swap');
* {
    font-family: 'Roboto', sans-serif;
}


html {
    background-color: ghostwhite;
}

h1 {
    margin-top: 12px;
    margin-bottom: 0;
    text-align: center;
}

h2 {
    font-weight: 300;
    font-size: 16px;
    letter-spacing: .04em;
    margin-top: 0;
    margin-bottom: 2em;
    color: dimgray;
    text-align: center;
}

h2::after
{
  content: " 🖖";
}

body {
    background-color: white
        ;
    max-width: 531px;
    margin: 34vh auto;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    padding: 1em 1.4em;
    display: flex;
    flex-flow: column;
    border-radius: 2px;
}

li {
        display: inline-flex;
}

li a{
    font-size: 11px;
    letter-spacing: .5px;
    display: inline-block;
    padding:0.7em 1.4em;
    margin: 0.2em auto;
    border-radius:0.15em;
    box-sizing: border-box;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:400;
    color:#FFFFFF;
    background-color:#9170fc;
    box-shadow:inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17);
    text-align:center;
    position:relative;
}


hr {
    display: none;
}

footer {
    font-weight: 100;
    color: lightgrey;
    letter-spacing: .05em;
    font-size: 12px;
}


}