
body{
  width:100%;
    font-family: 'Courier New', monospace;
    font-size:12px;
    color:#ef407b;
    background-color: #979797;
    background-image:url('https://www.snazzyspace.com/defaultimages/000000_butterfly-gas-masks.gif');
    cursor: url('https://milkomatic.neocities.org/gfx/brass18.png'), auto; 
    overflow:hidden;
margin:0%;
}
.container{
   width:800px;
    margin: auto;
    margin-top:0%;
    overflow:hidden;   
}

#pagedoll {
position:fixed;
bottom:0px;
left:320px;
z-index:0;
animation: fadeEffect 0.8s; /* Fading effect takes 1 second */ 
}
a{
    color: #07a1d8;
    font-style: none;
      letter-spacing: 1px;
          cursor: url('https://milkomatic.neocities.org/gfx/brass18.png'), auto; 

}
a:hover{
    color:rgb(148, 176, 17);
    text-decoration: underline;
        cursor: url('https://milkomatic.neocities.org/gfx/brass18.png'), auto; 

}
i{
    color:rgb(148, 176, 17);
}
b{
      color: #07a1d8;
      font-weight: bold;
}
* {
  box-sizing: border-box;
}
table {
  border-collapse: collapse;
  width: 100%;
  height:100px;

}
table a{
    text-decoration: none;
}

td, th {

  text-align:center;


}
.section{
  text-align: left;
  font-size: 25px;
    color:rgb(148, 176, 17);
padding-left:5px;
}
header {
  background-image: url('https://milkomatic.neocities.org/gfx/bg_blingify1.png');
  background-position: top ;
  text-align: left;
  font-size: 35px;
    color:rgb(148, 176, 17);
  border-left:1px solid white;
  border-right:1px solid white;
  border-bottom:1px solid white;
}
nav {

  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  padding:5px;
  font-size:12px;
}

.grid-container {
  display: grid;
  grid-template-columns: 40% 58%;
  column-gap:2%;
  padding:0%;
  position: relative;
  z-index: 1;

}
.title{
  text-align: center;
  font-size: 20px;
  color:#ef407b;
  padding:2%;
  
}

ul, li{
  list-style: none;
  align-content: left;
  text-align: left;
    padding:2px;
    margin:0%;


}
.wrapper{
    border:1px solid white;

    margin-top:4%;

    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-color: white black;
    scrollbar-width: thin;
    background-image:url('https://milkomatic.neocities.org/gfx/bg_blingify1.png');
    background-position: center;

}


/* Style the footer */
footer {

  text-align: center;
    color: #07a1d8;
  margin-top:2%;
  position: relative;
z-index: 1;
    border:1px solid white;
      background-image: url('https://milkomatic.neocities.org/gfx/bg_blingify1.png');
      background-position: center;
      
}


.white{
    background-color: rgba(255, 255, 255,1);
    height:50px;
    padding:0%;
    margin:0%;
    display: inline-block;
	
}
.shimmer {
  display: inline-block;
  -webkit-mask:linear-gradient(-60deg,#000 30%,#0005,#000 40%) right/350% 100%;
  animation: shimmer 2.5s ease-out infinite;
  width:50px;
  height:50px;

}

@keyframes shimmer {
  100% {-webkit-mask-position:left}
}


.stamps{
max-height: 260px;
margin-left:20px;


}
.stamps img{

transition: transform .2s ease-in-out;
width:99px;
height:56px;

}
.stamps img:hover{
       transform: scale(1.5) rotate(8deg);

}



.tab {
  overflow: hidden;

}

/* Style the buttons inside the tab */
button {
  background: none!important;
  border: none;
  padding: 0!important;
    font-family: 'Courier New', monospace;
    font-size:12px;
    color: #07a1d8;
  text-decoration: underline;

}

/* Change background color of buttons on hover */
button:hover {
    color:rgb(148, 176, 17);
}


/* Style the tab content */
.tabcontent {
  display: none;
  animation: fadeEffect .8s; /* Fading effect takes 1 second */
}
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}



div.desc {
  text-align: center;
}


.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
  transition: 1s ease;
}


.column img:hover{
-webkit-transform: scale(2.2);
-ms-transform: scale(2.2);
transform: scale(2.2);
transition: 1s ease;
}

.badge img{
height:18px;
padding:0%;
margin:0%;
}


