



*{color: black;
box-sizing: border-box;
font-family: sans-serif;
line-height: 100%;

}


h1{
  margin-left:8px;
  font-size: 30px;
  font-weight: normal;

}


 #video-background {

  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}




#header{
 text-decoration: none;
}


.logo
{margin-left: 0px;}

.redflags {width:600px;
   display: block;
    margin-left: auto;
    margin-right: auto;
    
}

    
}
}

.left {
    
  
    text-align:left;

}

.caption {
    
  
    text-align:left;
    font-size: 13px;
    padding: 0px;

}




#mice{
 margin-left:4px;
}



p{margin-left:4px;}
.cote{
float: right;
}
.books{
float: right;
cursor: url(images/flame.png),auto;
}

  .weirdo {width:300px;}
.navbar
{list-style-type:none;
 margin:0; 
 padding:0; 
font-size:25px;
padding-bottom: 0px;}
.navbar li{
	float:left;
	margin:0 8px;
  }


div.taxonomy{
    vertical-align: top;
    display: inline-block;
    text-align: center;
    width: 120px;
    padding-bottom: 50px;
}
img.tax{
    width: 500px;}}
   
#cat{padding-bottom: 0px;
  padding-top: 300px;


   }

   .shirts{
    display:block;
  margin:70px;
  margin-bottom: 80px;

}
   
.frogs{
  float:right;
}
.special{
    display: block;
    width: 500px;
    color: red;
    font-weight: bold;
    font-size: 30px;

}

.titles{
  padding-left: 5px;
  padding-top: 10px;
  padding-bottom: 12px;
  font-weight: bold;
  font-size: 15px;
  font-style: normal;
  margin:auto;
  font-weight:normal;
}

  .labels{
  padding-left: 6px;
  padding-top: 10px;
  padding-bottom: 4px;
  font-weight: bold;
  font-size: 20px;
  font-style: normal;
  color:crimson;



 
}

.essays{
padding-left: 5px;
line-height: 90%;
width: 500px;
padding-bottom: -10px;
font-size: 20px;
font-family: 'Rubik', sans-serif;

}



.captions{
padding-left: 0px;
width: 500px;
font-style: normal;
line-height: 90%;
margin-top: -10px;
font-size: 10px;

}

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

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 105%;
}

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

a:visited {
  color: green;
}
  
}

#me{
   background-color:black; 
}

body {
  min-width: 630px;      
}
#container {
  padding-left: 0px;  
  padding-right: 190px; 
  padding-top: 80px;

}
#container .column {
  position: relative;
  float:left;
}
#center {
  padding: 0px 0px;    
  
}
#left {
  width: 400px;          
  padding: 0 10px;       
  right: 240px;          
  margin-left: -100%;
}
#right {
  width: 100px;          
  padding:  10px;       
  margin-right: -10px;  
}
#footer {
  clear: both;
  width: 100%;
  text-align: center;
  font-style: normal;
  font-size: 10px;
}




}* html #left {
  left: 150px;  
/
}


 
/*slideshow*/
* {box-sizing: border-box}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width:950px;
  position: relative;
  margin-top: -20px;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: s-resize;
  position: absolute;
  top: 0%;
  height: 80%;
  width: 50%;
  margin-top: -5px;
  color: white;
  -webkit-tap-highlight-color: transparent;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius:;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color:;
  cursor: e-resize;
}

.prev:hover{
  cursor: w-resize;
}

/* Caption text */
.text {
  width: 800px;
  padding-top: 9px;
  padding-bottom: 30px;
}

/* Number text (1/3 etc) */
.numbertext {
    font-family: sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.7rem;
    letter-spacing: 0.9px;
    line-height: 1.5;
    padding-top: 10px;
    display: block;
    margin-left: auto;
    width: 50%;
}





	
}

}}


div {
    display: block;
}
