@import url(https://fonts.googleapis.com/css?family=Poppins);



*   {
    margin: 0;
    padding: 0;
    font-family: 'Poppins',sans-serif;
    color: white   ;
    }


    body {
    background: url(https://media.discordapp.net/attachments/1097501853853425674/1222259976328974336/BG_Blur.jpg?ex=6615914e&is=66031c4e&hm=b8842396911de95b0952224a1ff9954ab8aa32b595c3d53e674c8102f0251bcd&);
    background-size: cover;
    }

    header {
    margin-top: 3em;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;    
    }


    header > img {
    width: 15em;
    height: 15em;
    border-radius: 10%;
    box-shadow: black 0px 1px 15px 0px;

    }
  

    header > h1 {
    display: inline-block;
    font-size: 1.5em;
    letter-spacing: 5px;
    background-color: #000a;
    color: rgb(255, 255, 255);
    padding: 0.5em 3em;
    border-radius: 0.5em;
    margin-top: 1em;
    backdrop-filter: blur(10px) saturate(150%) contrast(150%);
    -webkit-backdrop-filter: blur(10px) saturate(150%) contrast(150%);
    }
  

    ul {
    box-sizing: border-box;
    list-style: none;
    margin: 0 auto;
    padding: 0px 50px 75px 50px;
    max-width: 500px;
    }
  

    ul > li {
    background-color: #000a;
    border-radius: 10em;
    margin: 1.5em 0;
    backdrop-filter: blur(10px) saturate(150%) contrast(150%);
    -webkit-backdrop-filter: blur(10px) saturate(150%) contrast(150%);
    box-shadow: black 0px 1px 15px 0px;
    }
  

    ul > li > a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0.5em;
    padding: 1em;
    }
  

    a {
    color: white;
    text-decoration: none;
    }