body {padding:0;margin:0;background:#1C1C2E;-webkit-font-smoothing:subpixel-antialiased;font-size:12px;/* margin:0; */font-family: 'Nexa'}
.text-long {position:relative;left:0px;top:0px;width:100%}

a:link {
    color: red;
    text-decoration: none
}

a:visited {
    color: red;
    text-decoration: none
}

a:hover {
    color: white;
}

a:active {
    color: red;
    text-decoration: none
}

.button,
a.button,
button,
[type=button],
[type=submit] {
background:lightgray;
}
#table {display: table;}
.row {display: table-row;}
.cell {display: table-cell;}
.cell-wine {display: table-cell;border:1px solid burlywood;vertical-align:middle}
html, body {
  height: 100%;
}

#content {
    display:none;
}
input#show:checked ~ div#content {
  display:block;
}

input#hide:checked ~ div#content {
    display:none;
}


.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}


#box {display:none}

#trigger:checked + .box {
  display: block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: -webkit-center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}


input::-moz-focus-inner {
	border: 0;
	padding: 0;
	margin-top:-2px;
	margin-bottom: -2px;
}

a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
       cursor: pointer;
}

@font-face {
	font-family: 'NexaFreeBoldwebfont';
	src: url('../fonts/NexaFreeBoldwebfont.eot');
        font-display:swap;
	src: local('../fonts/NexaFreeBoldwebfont'), url('/fonts/NexaFreeBoldwebfont.woff') format('woff'), url('/fonts/NexaFreeBoldwebfont.ttf') format('truetype');
}

@font-face {
    font-family:"Visitor";
    font-display:swap;
    src: url("../fonts/visitor1.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family:"Rubik";
    font-display:swap;
    src: url("../fonts/Rubik-Regular.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family:"8bit";
        font-display:swap;
    src: url("../fonts/8bit.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
    font-family:"Nexa";
        font-display:swap;
    src: url("../fonts/NexaFreeBoldwebfont.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family:"Roboto";
        font-display:swap;
    src: url("../fonts/Roboto-Regular.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family:"PixelifySans";
        font-display:swap;
    src: url("../fonts/PixelifySans-VariableFont_wght.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family:"Oxanium";
        font-display:swap;
    src: url("../fonts/Oxanium-VariableFont_wght.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family:"Micro5";
        font-display:swap;
    src: url("../fonts/Micro5-Regular.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
    font-family:"Jacquard12";
        font-display:swap;
    src: url("../fonts/Jacquard12-Regular.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}

/*** Works on common browsers ***/
::selection {
    background-color: rgb(255, 204, 0);
    color: #fff;
}

/*** Mozilla based browsers ***/
::-moz-selection {
    background-color: rgb(255, 204, 0);
    color: #fff;
}

/***For Other Browsers ***/
::-o-selection {
    background-color: rgb(255, 204, 0);
    color: #fff;
}

::-ms-selection {
    background-color: rgb(255, 204, 0);
    color: #fff;
}

/*** For Webkit ***/
::-webkit-selection {
    background-color: #352e7e;
    color: #fff;
}

.thumbnail:hover {
    position:relative;
top:-25px;
    left:-35px;
    width:300px;
    height:auto;
    display:block;
}
.thetop {position:relative;top: 2px;text-align: -webkit-center;font-size: 18px;font-family:'Visitor';background: rgb(255, 204, 0);left: 0;color: black}


#wrapper{
   margin:0 auto;position:relative;
	min-height:100%;
   text-align:-webkit-center;text-align: -moz-center;
}

.top a{color:white}
.top {position: absolute;
    top: 20px;
    color:white;
    left: 280px;
    padding:5px;
    height:40px;
    background:black;
    width:610px;

}
.top a:link{color:white;text-decoration:none}
.top a:visited{color:white;text-decoration:none}
.top a:hover{color:#E0233D;text-decoration:none}
.top ul {list-style: none;padding: 0px;margin: 0px;}
.top   ul li {display: block;position: relative;float: left;border:1px solid #000}
.top   li ul {display: none;}
.top   ul li a {display: block;background: #000;padding: 5px 10px 5px 10px;text-decoration: none;
           white-space: nowrap;color: #fff;}
.top   ul li a:hover {background: #E0233D;}
.top   li:hover ul {display: block; position: absolute;}
.top   li:hover li {float: none;left:-50px}
.top   li:hover a {background: #E0233D;}
.top   li:hover li a:hover {background: #000;}
.top   #drop-nav li ul li {border-top: 0px;}

.footer {overflow-x: hidden;
overflow-y: hidden;  ;margin:0 auto;
bottom:0;
  text-align: -webkit-center;
}
.footer a:link{color:aquamarine;text-decoration:none}
.footer a:visited{color:aquamarine;text-decoration:none}
.footer a:hover{color:red;text-decoration:underline}
.content {    position:relative;left:0px;word-wrap: break-word;}

.autoResizeImage {max-width: 100%;height: auto;width: auto; display: block;margin-left: auto;margin-right: auto;}
.blackonly {color:black}
.blackonly a:link{color:black;text-decoration:none}
.blackonly a:visited{color:black;text-decoration:none}
.blackonly a:hover{color:red;text-decoration:underline}

.black {padding:0px;background:black;color:white}
.black a:link{color:white;text-decoration:none}
.black a:visited{color:white;text-decoration:none}
.black a:hover{color:red;text-decoration:underline}

.blacka {background:white;color:black}
.blacka a:link{color:black;text-decoration:none}
.blacka a:visited{color:black;text-decoration:none}
.blacka a:hover{color:red;text-decoration:underline}

.darkseagreen {color:darkseagreen}
.darkseagreen a:link{color:darkseagreen;text-decoration:none}
.darkseagreen a:visited{color:darkseagreen;text-decoration:none}
.darkseagreen a:hover{color:red;text-decoration:underline}

.darkcyan {background:cornsilk;color:black;    border-radius: 16px;transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;}
.darkcyan a:hover{color:black;text-decoration:underline}
.darkcyan a:link{color:black;text-decoration:none}
.darkcyan a:visited{color:black;text-decoration:none}

.title {font-family: 'Bodoni MT';font-size:40px;color:black}



p {display:inline}
form {display:inline;margin:0}
border-right: 1px groove black;
border-top: 1px groove black;
border-bottom: 1px groove black;}

button {  cursor: pointer;}
img {vertical-align:bottom}
image {vertical-align:bottom}
input {background:white;color:black;padding:1px;border-bottom:1px solid black;border-top:1px solid black;border-right:1px solid black;border-left:1px solid black}
input:hover {background:gray;color:white}
textarea {color:black;resize:none;border-bottom:1px solid black;border-top:1px solid black;border-right:1px solid black;border-left:1px solid black}
textarea:hover {background:black;color:white}