body {
  background-image: url('/images/grid.png');
  background-position: top left;
  background-repeat: repeat;
  background-color: #efefef;
font:10px calibri;
cursor: url(/images/floppy.png), auto;
}
     
    
  
table {
font-family:calibri, verdana, arial;
font-size: 10px;
text-align:left;
color:#545454;
letter-spacing: 1px; 
line-height:10px;}


a:link, a:visited, a:active { 
color:#545454;text-decoration:none;}
a:hover {color:#b2f7ef;text-shadow: 1px 1px #545454;
cursor: url(/images/cursor3.gif), auto;}

b {font-weight:bold;color:#7bdff2;}
i {color:#b2f7ef;font-style:italic;text-shadow: 1px 1px #545454;}
  
textarea {font:9px calibri,arial;letter-spacing:1px;color:#999;background:#f0f0f0;}


input, select, textarea {
  padding: 10px;
  background-color: #b2f7ef;
  border: none;
  border-left: #f2b5d4 10px solid;
  font-family: 'Consolas', monospace;
  font-size: Consolas, monospace;
  font-size: inherit; }

::selection {
  background-color: #f7d6e0;
  color: #fff;
  }
  
::-webkit-scrollbar-thumb {
  
background-color: #f7d6e0;  
border-radius: 5px;}
::-webkit-scrollbar {
width: 5px; height: 0px; 
background: transparent;}


.title {background:#eff7f6;text-transform:lowercase; font-family: georgia, monospace, arial; font-size:14px;font-weight:bold;font-style:italic;
text-shadow: 1px 1px #fff;
color:#f2b5d4;line-height:14px;padding-top:1px;padding-left:4px;margin-bottom:4px;letter-spacing:3px;border-left:0px solid #8F4F70;border-bottom:0px solid #eee;}

.title2 {background:#eff7f6;text-transform:lowercase; font-family: georgia, monospace, arial; font-size:14px;font-weight:bold;font-style:italic;
text-shadow: 1px 1px #fff;
color:#7bdff2;line-height:14px;padding-top:1px;padding-left:4px;margin-bottom:4px;letter-spacing:3px;border-left:0px solid #8F4F70;border-bottom:0px solid #eee;}




/* header */
header {
  margin: 0;
  padding: 0;
  background: url(/images/taeminv6.png) transparent center no-repeat; 
  height: 350px; } 
 

#banner {
  margin: 0;
  padding: 0;
  background: url('/images/want3.gif') transparent center no-repeat;
  height: 350px; }
  


  

.navigation {background:#f2b5d4;margin-top:0px;border-top-left-radius:10px;border-top-right-radius:10px;}

  
#menu a{ 
display:inline-block;
background:#eff7f6; 
font:normal 9px 'silkscreen',monospace,georgia;
text-transform:uppercase;
padding:2px; 
padding-left:5px;
padding-right:5px;
letter-spacing:1px;
color:#545454;
border-radius:10px;
border:0px solid #48AE47;
line-height:9px;
cursor: url(/images/cursor3.gif), auto;}
      
#menu a:hover {
color:#545454;
text-shadow: 1px 1px #7bdff2;
}

#menu2 a{ 
display:inline-block;
background:#b2f7ef; 
font:normal 9px 'silkscreen',monospace,georgia;
text-transform:uppercase;
padding:2px; 
padding-left:5px;
padding-right:5px;
margin-top: 5px;
letter-spacing:1px;
color:#545454;
border-radius:10px;
border:0px solid #48AE47;
line-height:9px;
cursor: url(/images/cursor3.gif), auto;}
      
#menu2 a:hover {
color:#545454;
text-shadow: 1px 1px #fff;}

.sitename {color:#888;background:#Fff;padding-left:5px;padding-top:3px;border-bottom:1px solid #f7d6e0; border-right:1px solid #f7d6e0;
line-height:15px;font-weight:bold;text-transform:uppercase;letter-spacing:3px;}

.siteurl {color:#f7d6e0;font-weight:bold;background:#fff;padding-left:5px;padding-top:3px;border-bottom:1px solid #f7d6e0;line-height:15px;letter-spacing:2px;}


.sidebar {background: #fff; border-right: 1px solid #f7d6e0;border-left:0px solid #f7d6e0;overflow:scroll;overflow-x:hidden;}
.sidebar-image {width:161px;padding-bottom:4px;padding-bottom:4px;}
.content {background: #fff; border-left: 1px solid #f7d6e0;border-right: 1px solid #f7d6e0;overflow:scroll;overflow-x:hidden;}
.scrollbox {height:550px;overflow:auto;overflow-x:hidden;padding-left:4px;padding-top:4px;padding-right:4px;}

#scrollboxChild {
  margin: 0px;
  background: none;
}

  
.bottom {background: #f2b5d4;color:#fff; margin-top: 20%; border-top:1px solid #f7d6e0;
 border-bottom-left-radius:10px;border-bottom-right-radius:10px;line-height:20px;}
  





.grid-container {
  display: grid;
  grid-template-columns: 254px 254px 254px;
  gap: 10px;
  background-color: #eff7f6;
  margin-top: -4px;
}
.grid-container > div {
  background-color: #fff;
  padding: 10px;
  font-family:calibri, verdana, arial;
  font-size: 10px;
  text-align: center;
}

.grid-container2 {
  display: grid;
  grid-template-columns: 386px 386px;
  gap: 10px;
  background-color: #eff7f6;
  margin-top: -4px;
}
.grid-container2 > div {
  background-color: #fff;
  padding: 10px;
  font-family:calibri, verdana, arial;
  font-size: 10px;
  text-align: center;
}


p.one {
  word-spacing: 170px;
  margin-top: -1px;
  margin-bottom: 0px;
  padding-bottom: 1px;
  text-align: center;
}

p.two {
  word-spacing: 300px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
}


.progress-bar {
	border-radius: 10px;
	box-shadow: inset 0 -1px 0 rgba(255, 219, 229, 0.15);
		-webkit-box-shadow: inset 0 -1px 0 rgba(255, 219, 229, 0.15);  
	background: #FFECF1;
	background: linear-gradient(90deg,rgba(178, 247, 239, 1) 0%, rgba(123, 223, 242, 1) 50%, rgba(242, 181, 212, 1) 100%);
	float: left;
	height: 100%;
	width: 0%;
}

.progress {
	border-radius: 10px;
	height: 10px;
    background-color: #f8f8f8;
	overflow: hidden;
}


.highlightCard {
	border: 0px solid;
	background: none;
}
.dimmedCard {
	opacity:0.3;
	filter:alpha(opacity=30);
}


h2 {background:#eff7f6;text-transform:lowercase; font-family: georgia, monospace, arial; font-size:14px;font-weight:bold;font-style:italic;text-shadow: 1px 1px #fff;color:#f2b5d4;line-height:14px;letter-spacing:3px;}

h3 {margin-bottom: -10px;
    padding: 15px;
    background-color: #fff;
    font-family: georgia, monospace, arial;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    text-transform: lowercase;
    color: #7bdff2;
    }

h4 {background-color: #fff;
    font-family: georgia, monospace, arial;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    text-transform: lowercase;
    color: #7bdff2;
    }

.decks {
  table-layout: center;
  width: 600px;
  padding: 0px;
  margin: 20px auto;
}


.sort {
  table-layout: center;
  width: 360px;
  padding: 0px;
  margin: 20px auto;
}

.container {
  position: relative;
  width: 129px;
  display: inline-block;
}

.container2 {
  position: relative;
  width: 129px;
  display: inline-block;
}

.image {
  opacity: 1;
  display: block;
  width: 129px;
  height: 149px;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  height: 50px;
  top: 18%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container:hover .image {
  opacity: 0;
}

.container:hover .middle {
  opacity: 1;
}

.container2:hover .image {
  opacity: 0;
}

.container2:hover .middle {
  opacity: 1;
}

.text {
  background-color: none;
  color: white;
  font-size: 13px;}

blockquote{
        padding:10px 10px 10px 10px; 
        margin:0 120px 0 140px;
        }


#credits {
  width: 100%;
}

#credits th, #credits td {
  text-align: left;
  padding: 8px;
}

#credits tr:nth-child(even){background-color: #efefef}

#credits th {
  background-color: none;
  font-family: georgia, monospace, arial;
  color: #7bdff2;
  text-align: center;
  font-size: 14px;
}


#tcgs {
     border-collapse: collapse;
        
    }

    #tcgs th,
    #tcgs td {
        padding: 5px;
        
    }


.goback {
  background-color:#b2f7ef;
  font:normal 9px 'silkscreen',monospace,georgia;
  text-transform: uppercase;
  padding:2px; 
  padding-left:5px;
  padding-right:5px;
  letter-spacing:1px;
  color:#545454;
  border-radius:10px;
  border:0px solid #48AE47;
  line-height:9px;
  text-shadow: 1px 1px #fff;
}




* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  padding: 5px;
}

.left {
  width: 40%;
}

.right {
  width: 60%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}