/*Things specific to Home page */

/*virtual pet shake*/
.pet{
    image-rendering: pixelated;
	cursor: url(../cursors/Zoom.cur), help;
}

.pet:hover {
    animation: shake 0.65s;
    animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  25% { transform: translate(3px, 2px) rotate(0deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  75% { transform: translate(3px, 1px) rotate(-1deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

/*to do list*/
#to-do{
    position: absolute; 
    width:220px; 
    z-index:0;
    rotate: 10deg;
    top:130px; 
    left:-55px;
    padding:5px;
}
#to-do:hover{
    z-index:3;
    cursor: url(../cursors/Zoom.cur), help;    
}

/*Image fee*/
.fee-colored{
    position:absolute;
    transform:scale(1.64);
    top:60px;
    left:-2px;
    opacity:100%;
    transition : opacity 220ms ease-out;
    z-index:3;
}
.fee-colored:hover{
    opacity:0%;
    transition: opacity 250ms ease-in, opacity 220ms ease-out;
    cursor: url(../cursors/Zoom.cur), help;
}

.fee-sketch{
    position:absolute;
    transform:scale(1.66);
    top:60px;
    left:-5px;
    opacity:40%;
}

details{position:relative;}


/*Table*/
table {
	width: 90%;
	padding: auto;
	margin:0.4rem;
	margin-inline-start: 1.5rem;
	border-collapse:collapse;
}
th, td {
	padding:4px;
	border: 1px solid var(--shadow)
}