/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
/* Box sizing rules */
*,*::before,*::after {box-sizing: border-box;}
ul,ol {padding:0;}
body, h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd {margin:0;}
body {min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed; line-height:1.5;}
ul,ol {list-style:none;}
/* A elements that don't have a class get default styles */
a:not([class]) {text-decoration-skip-ink:auto;}
a {text-decoration:none; color:inherit;}
/* Make images easier to work with */
img {max-width:100%;display:block;}
/* Natural flow and rhythm in articles by default */
article > * + * {margin-top:1em;}
/* Inherit fonts for inputs and buttons */
input,button,textarea,select {font:inherit;}
/* Blur images when they have no alt attribute */
img:not([alt]) {filter: blur(10px);}
/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
    scroll-behavior:auto !important;
  }
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

* {font-size:14px; font-family:"Roboto"; font-weight:400;}

.loginform {
  position:fixed;
  z-index:3000;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  background-color:#f9f9f9;
  width: 600px;
  max-width: 90%;
  box-shadow:0 0 10px rgba(0,0,0,0.5);
}

strong {
  font-weight: 700;
}