@mixin centerer($horizontal: true, $vertical: true) {
    position: absolute;

    @if ($horizontal and $vertical) {
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    @else if ($horizontal) {
        left: 50%;
        transform: translate(-50%, 0);
    }

    @else if ($vertical) {
        top: 50%;
        transform: translate(0, -50%);
    }
}

@mixin Buttons {
    font-family: 'Montserrat', sans-serif;
    background-color: #ffffff;
    /* Green */
    border: none;
    /* border-radius: 1vh; */
    font-size: 3vw;
    margin: .5vw;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;

    a {
        color: rgb(0, 0, 0);
    }
}

@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

.center {
    @include centerer;
}

body {
    font-family: 'Montserrat', sans-serif;
    background: #252525;
    color: white;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

.lists {

    @include centerer();

    .topgg,
    .botlistspace {
        padding: 1vh 2vw
    }
}