body{
    background: linear-gradient(rgba(0, 0, 0, 0.819),rgba(0, 0, 0, 0.917)),url(./images/02.jpg);
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 20px;
}
#main{
    background-color: rgb(50, 216, 100);
    text-align: center;
    padding: 1.5rem;
    box-shadow: 0px 0px 10px black;
    margin-left: 25rem;
    margin-right: 25rem;
}
#main h1{
    color: rgb(24, 0, 0);
    font-size: 30px;
    font-family: "Barriecito", system-ui;
    font-style: normal;
}
#input{
    background-color: rgb(255, 215, 122);
    font-size: 40px;
    border: none;
    box-shadow: 1px 1px 2px;
    width: 80px;
    height: 70px;
    text-align: center;
}
#enter,#reset{
    background-color: aqua;
    padding: 5px;
    font-size: 20px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    letter-spacing: 1px;
    cursor: pointer;
    margin: 10px;
    transition: 0.5s;
}
#enter:hover{
    color: rgb(255, 255, 255);
    background-color: rgb(230, 5, 5);
    transform: scale(1.2);
}
#reset:hover{
    color: rgb(255, 255, 255);
    background-color: rgb(230, 5, 5);
    transform: scale(1.2);
}
#heart{
    font-size: 30px;
}
#victory{
    color: brown;
    animation: victory 0.6s ease-in-out infinite alternate;
}
@keyframes victory{
    0%{
        transform: scale(1);
        color: rgb(217, 255, 0);
    }
    100%{
        transform: scale(1.2);
        color: rgb(255, 0, 195);
    }
}