*{
    margin: 0;
    padding: 0;
}
::-webkit-scrollbar {
    display: none;
}
body {
    background-color: #50E3C2;
    background-image: 
        radial-gradient(at 47% 33%, hsl(162.00, 77%, 40%) 0, transparent 59%), 
        radial-gradient(at 82% 65%, hsl(198.00, 100%, 50%) 0, transparent 55%);
}
.head{
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
}
.container {   
    margin-top: 35px;
    height: 400px;
    width: 400px;
    overflow: auto;
     backdrop-filter: blur(25px) saturate(180%);
    -webkit-backdrop-filter: blur(25px) saturate(180%);
    background-color: rgba(255, 255, 255, 0.56);
    border-radius: 12px;
    border: 1px solid rgba(209, 213, 219, 0.3);

}
.logo-container {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
ul {
    margin-top: 10px;
    padding: 0;
    list-style: none;    
}
h1{
    text-align: center;
}