html{
    margin: 3px;
    padding: 3px;
}
body{
    font-family: Tahoma;
    background: unset;
}
.container{
    display: flex;
    justify-content: center;
    margin-top: 115.55px;
}
.box-left{
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 1.2rem;
    position: relative;
    width: 200px;
    height: 200px;
    background: white;
    border: 1px solid rgba(59, 58, 58, 0.46);
    border-radius: 20px;
    box-shadow: -10px 5px 10px gray;
    top: 0;
    transition: top ease 0.5s;
}
.box-left:hover{
    top: -50px;
}
.box-right{
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 1.2rem;
    position: relative;
    width: 200px;
    height: 200px;
    background: white;
    border: 1px solid rgba(59, 58, 58, 0.46);
    border-radius: 20px;
    box-shadow: 10px 5px 10px gray;
    top: 0;
    transition: top ease 0.5s;
}
.box-right:hover{
    top: -50px;
}