/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 22.11.2017, 10:53:10
    Author     : blast664
*/

@font-face {
    font-family: retro;
    src: url(data/8bit.ttf);
}

.button {
    background-color: #4fa1ff; /* Green */
    transition-duration: 0.6s;
    border-radius: 8px;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-family: "retro";
}

.title {
    background-color: #FFFFFF;
    color: black;
    transition-duration: 0.6s;
    border: none;
    font-size: 60px;
    font-family: "retro";
}

.label {
    background-color: #646464; 
    transition-duration: 0.6s;
    border-radius: 3px;
    border: none;
    color: white;
    width: 120px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-family: "retro";
}

.optionsbutton {
    background-color: #646464; 
    transition-duration: 0.6s;
    border-radius: 3px;
    border: none;
    color: white;
    width: 120px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    font-family: "retro";
}

.labelwhite {
    background-color: #FFFFFF; 
    transition-duration: 0.6s;
    width: 120px;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-family: "retro";
}

.inst {
    background-color: #FFFFFF; 
    transition-duration: 0.6s;
    width: 240px;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    font-family: "retro";
}

.border {
    background-color: Transparent; 
    transition-duration: 0.6s;
    border-radius: 6px;
    border: 2px solid #646464;
    width: 140px;
    height: 600px;
}