*[unselectable=on] {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body {
    font-family: Ubuntu, "times new roman", times, roman, serif;
    min-height: 100vh;
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

button,
button:hover,
button:active,
button.active,
button:focus,
input,
input:hover,
input:active,
input.active,
input:focus,
select,
select:hover,
select:active,
select.active,
select:focus,
textarea,
textarea:hover,
textarea:active,
textarea.active,
textarea:focus {
    font-family: Ubuntu, "times new roman", times, roman, serif;
    outline: none !important;
    font-size: 1rem;
}

.wrapper {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    min-height: 100vh;
    transition: all 0.2s;
    margin: 0 auto;
}

.wrapper::before,
.wrapper::after {
    content: " ";
    display: flex;
}

.dunamics {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

.dunamics::before,
.dunamics::after {
    content: " ";
    display: block;
}

.head-page {
    display: flex;
    position: relative;
    width: 100%;
    white-space: nowrap;
}

.head-page::before,
.head-page::after {
    clear: both;
}

.footer-block {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px;
    margin: 0 auto;
    width: 100%;
    height: 20px;
}

.footer-block::before,
.footer-block::after {
    clear: both;
}

.nav-area {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.nav-area-div {
    width: 100%;
    margin: 0 auto;
}

.nav-block-decorate {
    height: 35px;
}

.nav-block-left {
    text-align: left;
    padding-left: .5em;
}

.nav-block-right {
    text-align: right;
    padding-right: .5em;
}