body{
    margin: 0px;
    padding: 0px;
    background-color:#09496B;
}
#line{
    height: 3px;
    width: 250px;
    background-color:#3A6D88;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#emoji2{
    list-style: none;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0px;
    padding: 0px;
    z-index: 99;
}
#note{
    list-style: none;
    position: absolute;
    top:57%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0px;
    padding: 0px;
    z-index: 99;
}
#emoji2 li{
    display: inline-block;
    margin-left: 12px;
    margin-right: 12px;
}
#note li{
    width: 38px;
    font-family: arial;
    font-size: 13px;
    color:#3A6D88;
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
    transition: all .3s;
}
#dot{
    height: 3px;
    width: 3px;
    background-color: #FFEB66;
    transition: all .3s;
}