*{
    padding: 0;
    margin: 0;
}
.container{
    width: 35%;
    height: 35%;
    padding: 20px;
    border-radius: 30px;
    background-color: rgb(228, 228, 228);
    box-shadow: 0px 10px 16px rgba(0,0,0,0.3);

}
.container.online {
    display: flex;
    justify-content: center;
    align-items: center;
}
body{
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}
.title{
    font-size: 40px;

}
ul{
    position: relative;
    left: 35px;
}
.li{
    padding: 15px;
}
.reload{
    padding: 10px;
    margin-top: 10px;
    outline: none;
    border: none;
    color: #ffffff;
    border-radius: 20px;
    width: 100%;
    cursor: pointer;
    font-size: 20px;
    background-color: #007bff;
    transition: all 0.5s ease;
    
}
.reload:hover {
    box-shadow: 0 0 20px 5px rgba(41, 91, 145, 0.7);
}
.hide{
    display: none;
}