@charset "ISO-8859-1";

 body {
      background-image: url('../images/background.png');
     background-repeat: no-repeat;
 background-attachment: fixed;
       background-size: cover;
                 color: #00FFFF;
		   font-family: Verdana;
}

.contentcontainer {
      align-items: center;
 background-color: rgba(0, 0, 0, 0.75);
           border: 3px solid cyan;
    border-radius: 15px;
            color: cyan; 
          display: flex;        
           height: fit-content;  
  justify-content: center;             
           margin: auto;    
          padding: 10px;        
       visibility: visible;                
            width: 80%;
}

.fixedcontent300{
 background: rgba(0, 0, 0, 1);
    padding: 10px;
      width: 300px;
}

.fixedcontent500{
 background: rgba(0, 0, 0, 1);
    padding: 10px;
      width: 300px;
}


.flexcontent{
 flex-grow: 1;
   padding: 10px;
}

.thumbnail{
   width: 300px;
  height: auto;
}

.thumbnail:hover {
    top:-50px;
    left:-35px;
    width:700px;
    height:auto;
    display:block;
    z-index:999;
    cursor: pointer;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
}