﻿/*
In NativeScript, the app.css file is where you place CSS rules that
you would like to apply to your entire application. Check out
http://docs.nativescript.org/ui/styling for a full list of the CSS
selectors and properties you can use to style UI components.

/*
In many cases you may want to use the NativeScript core theme instead
of writing your own CSS rules. For a full list of class names in the theme
refer to http://docs.nativescript.org/ui/theme.
*/
@import '~nativescript-theme-core/css/core.light.css';

/*
For example, the following CSS rule changes the font size of all UI
components that have the btn class name.
*/
.btn {
    font-size: 18;
}

.message {
    color: #000;
    font-size: 20;
    horizontal-align: center;
    padding: 20;
}

.label-button {
    border-width: 1;
    border-color: #888;
    font-size: 14;
    horizontal-align: center;
    padding: 10;
}

.dark-button {
    background-color: #222;
    color: #fff;
    horizontal-align: center;
    font-size: 18;
    padding: 10;
    margin: 15;
    width: 30%;
}