@font-face { font-family: CryptoSkulls; src: url('./font/cryptoskulls.otf'); }
@font-face { font-family: ApercuMono; src: url('./font/apercu_mono.otf'); }

*{
    padding : 0;
    margin : 0;
    border : 0;
    font-family: ApercuMono, Helvetica;
    background-color: black;
    color: white;
}

body {
    height:  100%;
    /*overflow: hidden;*/
}

.blended_grid{
    display : block;
    width : 100%;
    overflow: hidden;
    margin : 0 auto 0 auto;
}


.leftColumn{
    float : left;
    height : 900px;
    width : 230px;
    /*background-color: yellow;*/
}

.leftNavigation{
    width : 230px;
    /*height : 790px;*/
    position: absolute;
    /*top:  110px;*/
    left: 15px;
    /*background-color: yellow;*/
}

.logoContainer {
    width: 230px;
    height:  171px;
    position: absolute;
    top:  729px;
    /*bottom:  0px;*/
    left:  0px;
    /*background-color: cyan;*/
}

.rightColumn{
    float : right;
    height : 900px;
    width: 60%;
    min-width: 360px;
    max-width: 1100px;
    /*background-color: white;*/
}

.topBanner{
    float : left;
    height: 110px;
    width : 100%;
    /*background-color: red;*/
}

.mainContent{
    float : left;
    height : 690px;
    width : 100%;
    /*background-color: green;*/
}

.bottomBanner{
    float : left;
    height : 100px;
    width : 100%;
    /*background-color: blue;*/
}

h1 {
    font-family: CryptoSkulls;
    color:  #f7f7f7;
    padding-top: 0px;
    padding-left: 15px;
    font-size: 96px;
    margin-top: 0px;
    line-height: 46px;
    font-weight: lighter;
}

h2 {
    padding-top: 12px;
    padding-left: 15px;
    font-size: 24px;
    margin-top: 0px;
    line-height: 24px;
    font-weight: lighter;
}

h3 {
    padding-top: 12px;
    padding-left: 15px;
    font-size: 24px;
    margin-top: 0px;
    line-height: 24px;
    font-weight: lighter;
    color:  #c20e1a;
}

h4 {
    padding-top: 0px;
    padding-left: 0px;
    font-size: 36px;
    margin-top: 0px;
    line-height: 36px;
    font-weight: lighter;
    color:  #515151;
}

button {
    width:  240px;
    height: 60px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
    background-color: white;
    color: black;
}

button:hover {
    color: #c20e1a;
    cursor:pointer;
}

input {
    color: #515151;
    font-size: 36px;
    border-bottom: 1px solid;
    border-color: white;
}

input[type="file"] {
    width: 445px; /* Keep it under 100px in order to hide the unwanted text. */
    font-size: 28px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #515151;
  opacity: 1; /* Firefox */
}

#canvasForHTML {
    height: 600px;
    width:  100%;
    position: relative;
    padding-left:15px;
}

#canvasForGif {
    display: none ;
}

/*div.column {
  float: left;
}

div.columnSpacer {
  float:  left;
  width:  100%;
}


div.row:after {
  content: "";
  display: table;
  clear: both;
}*/