/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
@import url("typography.css");
@import url("nav-bar.css");
@import url("layout.css");
@import url("forms.css");
@import url("buttons.css");
@import url("input.css");
@import url("checkbox.css");

:root {
    --regular_bg_color: #AA4E23;
    --hover_bg_color: #BD5F34;
    --hit_bg_color: #692F1C;
    --disabled_bg_color: #494139;
    --regular_color: #FFC2A6;
    --hover_color: #FFC2A6;
    --hit_color: #FFC2A6;
    --disabled_color: #8C826A;
    --error_color: #DF3B30;
    --input_border_normal: #B8AD93;
    --input_border_hover: #F4E9D1;
    --input_border_hit: #BD5F34;
    --input_border_error: #DF3B30;
    --input_border_disabled: #494139;
    --font-color_normal: #DCD0B4;
    --font-color_link: #BD5F34;
    --font-color_link_hover: #FFC2A6;
    --font-color_link_active: #DCD0B4;
}

*, *:before, *:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

hr {
    border: none;
    background: #493E58;
    height: 1px;
    margin: 2rem 0;
}

body {
    background: url('/img/bg.png') #221c2a no-repeat top center;
    background-size: 100% 100%;
    min-height: 100vh;
}

.corepunk-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

/*PRELOADING*/
body::after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    content: url(https://storage.googleapis.com/corepunk-static/pages/button-bg-left-hover.svg) url(https://storage.googleapis.com/corepunk-static/pages/button-bg-right-hover.svg) url(https://storage.googleapis.com/corepunk-static/pages/button-bg-left.svg) url(https://storage.googleapis.com/corepunk-static/pages/button-bg-right.svg) url(https://storage.googleapis.com/corepunk-static/pages/button-bg-left-hit.svg) url(https://storage.googleapis.com/corepunk-static/pages/button-bg-right-hit.svg) url(https://storage.googleapis.com/corepunk-static/pages/button-bg-left-disabled.svg) url(https://storage.googleapis.com/corepunk-static/pages/button-bg-right-disabled.svg);
}