@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

:root {
    --background-colour: #010111;
    --alt-background-colour: #111111;
    --text-colour: #e8e8ee;
    --accent-colour: #443DFF;
    --primary-colour: #00ccff;
    
    --borderColourOne: rgb(230, 168, 255);
    --borderColourTwo: rgba(230, 168, 255, 0.035);
}

html,
body {
    height: 100%;
    width: 100%;
    font-family: "Roboto Mono", monospace;
    background-color: var(--background-colour);
    color: var(--text-colour);
}


a {
    color: var(--accent-colour);
    transition: 100ms;
}

a:hover {
    color: var(--primary-colour);
}

.flex {
    display: flex;
}

.col {
    flex-direction: column;
}

.row {
    flex-direction: row;
}

.vh {
    width: 100%;
    height: 100%;
}

.center {
    justify-content: center;
    align-items: center;
}

.text-center {
    text-align: center;
}

.alt-bg {
    background-color: var(--alt-background-colour);
}

.mr {
    margin-right: 10px;
}

.mb {
    margin-bottom: 10px;
}