neon tubes 2 font
neon tubes 2 font from Pastebin
Neon tubes 2 font Pastebin Neon tubes 2 font download paste Neon tubes 2 regular font details
@font-face {
font-family: 'Neon Tubes 2';
src: url('../font/NeonTubes2.otf') format('opentype');
}
$light: #bfe3ed;
$dark: #171844;
$black: #5228c9;
$white: #ffffff;
$moves: #f0a8df;
$board-size: 70vh;
html,
body {
margin: 0;
padding: 0;
}
* {
box-sizing: border-box;
}
body {
background-image: linear-gradient(
180deg,
#0e0b21 0%,
rgba(54, 34, 176, 0.15) 71.88%,
rgba(57, 37, 175, 0.125) 84.9%,
rgba(255, 255, 255, 0) 100%,
#00ffff 100%
),
url('../img/background.jpg');
background-size: auto;
background-repeat: no-repeat;
background-position: center;
min-height: 100vh;
}
#game-title {
font-family: 'Neon Tubes 2';
font-style: normal;
font-weight: normal;
font-size: 60px;
line-height: 90px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 5vh;
color: #00f0ff;
text-shadow: 0px 4px 30px #00f0ff, 0px 4px 25px #00f0ff, 0px 4px 10px rgba(0, 194, 255, 0.25);
}
#wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
}
#board {
$size: $board-size;
display: flex;
flex-wrap: wrap;
box-shadow: 0px 4px 70px #00a3ff;
opacity: 0.95;
width: $size;
height: $size;
opacity: 0.95;
}
.square {
/* border: 1px darkslategrey solid; */
$size: $board-size/8;
width: $size;
height: $size;
text-align: center;
line-height: $size;
font-size: 6.5vh;
}
.light {
background: $light;
}
.dark {
background: $dark;
}
.black {
color: $black;
}
.white {
color: $white;
}
.possibleMove {
background: $moves;
}