@font-face {
    font-family: 'TextFont';
    src: url('nuku1.ttf') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
     url('nuku1.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
    font-weight: 100;
}  

@font-face {
    font-family: 'HeaderFont';
    src: url('nuku1.ttf') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    url('nuku1.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}  
:root {
    --main-color: #E42217;
    --secondary: #F3F4F5;
    --main-bg: #121212;
    --bg-dark-secondary: #1F1B24;
}

body {
    font-family: 'TextFont', sans-serif;
    font-size: 18px;
}

.text-primary { color: var(--main-color) !important; }
.bg-primary { background-color: var(--main-color) !important; }
.btn-primary { background-color: var(--main-color) !important; }
.bg-secondary { background-color: var(--secondary) !important; }
.bg-dark {  background-color: var(--main-bg) !important;  color: white !important; }
.bg-dark-secondary { background-color: var(--bg-dark-secondary) !important; }
.rounded-4 { border-radius: 16px !important; }
.text-bold { font-weight: 700; }
.text-bolder { font-weight: 900; }
.py-5 { padding-top: 7.5rem !important; }
.pointer {cursor: pointer;}
.addr { overflow: hidden; color: black; }
h1, h2, h3, h4, h4 {
    font-family: 'HeaderFont', sans-serif;
}

.v-align { padding: 40px 0; }
.a-clear { text-decoration: none; color: black; }
a:hover { color: var(--main-color); }

.border-common { 
    box-shadow: rgb(211 211 211) 0px 3px 23px -3px;
    background-color: white;
    padding: 5px 5px;
}

.navlink {
    text-decoration: none;
    color: var(--main-color);
    font-size: 24px;
    font-weight: bolder;
    background-color: transparent;
}
.navlink:hover { color: var(--main-color); }



.header-title {
    font-family: 'HeaderFont', sans-serif;
    margin-top: 16px;
    font-size: 80px;
    line-height: 1.15;
}
.center {
    display:flex; 
    justify-content:center;
    align-items:center;
}

.btn {
    background-color: var(--main-color);
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    padding-right: 3.5rem !important;
    padding-left: 3.5rem !important;
    color: white;
    font-weight: 700;
    font-size: 18px;
    border: 2px solid var(--main-color);
}

.btn:hover {
    background-color: transparent;
    color: var(--main-color);
}


input {
    margin: 2rem 0;
    background-color: transparent;
    padding: 8px 16px;
    color: inherit;
    border: 2px solid #eff2f5;
}

input:hover { border-color: var(--main-color);
}
input:focus { 
    outline: none !important;
    border-color: var(--main-color);
}

.table { color: inherit; }
.links {
    display: inline-block;
    margin: 8px;
}

.inner { width: 50%; margin: 0 auto; }
.header { margin: 32px 0; }
img { border-radius: 16px; }
footer { padding: 16px; }

.animate-hover {  
    animation: MoveUpDown 6s linear infinite;
    position: relative;
    left: 0;
    bottom: 0;
}
  
@keyframes MoveUpDown {
0%, 100% { bottom: 0; }
50% { bottom: 25px; }
}