/* Colours for var */
:root {
    --slime-blue: #7DF9FF;
    --slime-accent1: #7DB8FF;
    --slime-accent2: #7DFFC4;
    
    --slime-dark-blue: #0484d1;
    --slime-grey: #333333;
    --slime-red: #FF837D;
    --slime-yellow: #ffd700;
}

* {
    padding:0;
    margin:0;
}
html, body {
    width: 100%;
    height: 100%;
}
body {
    background-color: #000000;
    font-family: 'Montserrat', sans-serif;
    color: #000;
    cursor: url('./res/cursor1.png'), auto;
}
#phaser-game {
    z-index: 3;
}

.no-display {
    display: none;
}
.fullscreen {
    width: 100%;
    height: 100%;
}
.overlay {
    position: absolute;
    overflow: hidden;
}
.no-click {
    pointer-events: none;
}
.clickable {
    pointer-events: auto;
}
.flex {
    display: flex;
}
.flex-v {
    display: flex;
    flex-direction: column;
}
.flex-1 {
    flex: 1
}

/* Text styles - move to own sheet */
.primary {
    color: var(--slime-blue);
}
.primary-dark {
    color: var(--slime-dark-blue);
}
.accent1 {
    color: var(--slime-accent1);
}
.accent2 {
    color: var(--slime-accent2);
}
.opposite {
    color: var(--slime-red);
}
.white {
    color: #fff;
}