html{
    height: 100vh;
    
}   

body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*animation definition */
@keyframes drive{
    from{
        bottom: 0%;
    }

    to{
        bottom: 88%;
    }
}

/* logo set*/
.logo{
    position: fixed;
    right: 45px;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end, top;

#rr{
    width: 10px;
    color: rgb(48, 48, 211);
}

/* animation */
animation: drive 5s ease-in-out 0.25s 1 normal both running;
}