* {
margin:0px;
padding:0px;
}

::selection
 {
  color: red;
  background: #101010;
}



div, ul li {
list-style:none;
}

/* ************** */
/*   basic  */

body {
   font-family:ocr-blurczykregular;
   font-size:15px;
   line-height:20px;
   overflow-x:hidden;
   /* color:#0c00ff; */
   color:#fff;
   background:#101010;
   word-wrap: break-word !important;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

h1 {
   margin: 1em;
   font-size: 8em;
}

@font-face {
    font-family: 'ocr-blurczykregular';
    src: url('/assets/fonts/ocr-blurczyk/ocr-blurczyk-webfont.eot');
    src: url('/assets/fonts/ocr-blurczyk/ocr-blurczyk-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/ocr-blurczyk/ocr-blurczyk-webfont.woff') format('woff'),
         url('/assets/fonts/ocr-blurczyk/ocr-blurczyk-webfont.ttf') format('truetype'),
         url('/assets/fonts/ocr-blurczyk/ocr-blurczyk-webfont.svg#ocr-blurczykregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.main {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   margin: 2.5em;
}

.main img {
   height:auto;
   max-width: 100%;
   max-height: calc(100vh - 10em);
}