#savedbg{
    background-image: url('../assets/img/saved/savedbg.gif');
    background-size: 100vw;
}

#savedtxt1{
    position: absolute;
    font-size: 7vw;
    font-family: bluescreen;
    left: 40vw;
    top: 10vw;
    color: blue;
    text-shadow: 0px 0px 5px blue;
    opacity: 0.8;

}

#savedtxt2{
    position: absolute;
    font-family: bluescreen;
    font-size: 2.5vw;
    left: 20vw;
    top: 30vw;
    color: yellow;
    transform: skewX(-20deg);
    opacity: 0.8;
    text-shadow: 4vw 1vw 0px rgba(255, 255, 255, 0.532),
                0px 0px 2px rgb(0, 0, 0);
}

#savedbox{
    position: absolute;
    left: 73vw;
    top: 30vw;
    width: 10vw;
    height: 10vw;
    box-shadow: inset 0px 0px 4px 4px red,
                     0px 0px 4px 4px red;
    transition: all 1s;
    animation: boxpulseanim 8s infinite;
}

@keyframes boxpulseanim{
    0%{box-shadow: inset 0px 0px 4px 4px red,
        0px 0px 4px 4px red;}
    40%{box-shadow: inset 0px 0px 30px 10px red,
        0px 0px 30px 10px red;
        opacity: 0.8;}
    80%{box-shadow: inset 0px 0px 4px 4px red,
        0px 0px 4px 4px red;}
}

#savedbox:hover{
    transform: scale(1.1);
    background-color: rgba(255, 0, 0, 0.475);
}