/*@font-face {font-family:bonk; src:url(/assets/fonts/bonkfont.woff);}*/
@font-face { font-family: bonk; src: url(/assets/fonts/Fbook.ttf); }

html, body { /*background:#043582;*/ background: #32455a; font-family: bonk; font-size: 20px; padding: 0; margin: 0; width: 100%; height: 100%; color: #fff; }

.current { border-bottom: 6px solid #bd1111; }

header { width: 100%; height: 80px; margin: 0; padding: 0; font-size: 30px; /* border-top: 5px solid #1c5cbc; border-bottom: 5px solid #1c5cbc; */ background: #fff; display: flex; align-items: center; }

header .home-link { display: flex; align-items: center; margin-left: 5px; }

header img { width: 50px; height: 50px; margin: 8px; }

header .navbar { margin-left: auto; display: flex; align-items: center; }

header .nav-item { font-size: 20px; padding: 0px 8px; }

.content { width: 100%; /*background-image:linear-gradient(#063070, #043582);*/ /*background-image:linear-gradient(black, #063070, #053377, #043582);*/ padding: 0; display: flex; flex-direction: column; /*align-items: center;*/ align-items: left; }

footer { width: 100%; height: 100px; position: absolute; margin: 0; bottom: 0; padding: 20px 0px; font-size: 15px; background: #234; color: #ccc; display: flex; flex-direction: column; align-items: center; }

footer img { width: 40px; height: 40px; }

a { text-decoration: none; color: #eff; font-style: italic; }

header a { font-style: normal; color: black; }

.wrapper { min-height: 100%; position: relative; display: flex; flex-direction: column; align-items: center; padding-bottom: 80px; }

#gamecanvas { align-self: center; border: 1px solid #fff; }

.striangle { align-self: center; }

.striangle img { width: 480px; height: 420px; }

hr { width: 97%; color: #eeeeee; }

*::-moz-selection { /*background-color:#063784;*/ color: #fc2d2d; }

*::selection { /*background-color:#063784;*/ color: #fc2d2d; }

/* { background: #000 !important; color: #0f0 !important; outline: solid #f00 1px !important; } */

/*# sourceMappingURL=styles.css.map */