/*@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; display:flex; align-items:center;}

header .nav-item img { width: 20px; height:20px; margin:5px; }

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 { display:flex; align-self: center;;}

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

.loginform { display:flex; flex-direction:column; align-self: center; align-items:center;}
.loginalert {padding-left: 1em; padding-bottom: 1em; margin:1em; background:#df2323; border:solid 1px #bd1111; max-width:400px; max-height:100px; opacity:0.8; border-radius:1%;}
.loginform input {margin:10px; padding:5px;}
.formbutton { background: #bd1111; font-size: 15px; color:#fff; padding: 0.8em; border-radius: 7%; min-width:70px; max-width:100px; padding:0.5em;}

/*SURVEY*/
.survey-block { display : flex; flex-direction: row;}
.selectionmenu { align-self:left; }
.heading { font-weight: bold; }
.notheading { font-weight: normal;}
.section { font-style: italic; text-decoration : underline;}
#curs { align-self:right; min-height:100px; background: #32456b; padding:2em;}
/*main bg is #32455a*/
.radiooption { padding: 1em; }
#prefilledData { display : none; }

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

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

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

#loadOverlay{display: none;}

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

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


@media screen and (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/* Style the button */
.top-link {
  transition:       all .25s ease-in-out;
  position:         fixed;
  bottom:           0;
  right:            0;
  display:          inline-flex;
  color:            #000000;

  cursor:           pointer;
  align-items:      center;
  justify-content:  center;
  margin:           0 2em 2em 0;
  border-radius:    50%;
  padding:          .25em;
  width:            1em;
  height:           1em;
  background-color: #F8F8F8;
}