body{
    display: grid;
    place-items: center;
    margin: 0;
    /*background: linear-gradient(180deg,#071027 0%, #081226 40%), url('');*/
    background: radial-gradient(circle at top, #3c1a40, #0d0d0d) no-repeat center/cover;
    height: 100dvh;
    overflow: hidden;
}

main, .logo, a{
    border-color: rgb(155, 155, 155);
}

main{
    text-align: center;
    display: grid;
    gap: 1rem;
    place-items: center;
    position: relative;
    padding-block: 2vh;
    width: 20rem;
    /* background-color: rgba(39, 49, 69, 0); */
    /*background-color: #22222272;
    border-style: dashed;
    border-radius: 30px;*/
    background: rgba(52, 52, 52, 0.212);
    -webkit-backdrop-filter: saturate(1.3);
    backdrop-filter: saturate(1.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 25px;
    /*-webkit-backdrop-filter: saturate(2.2) blur(50px);
    backdrop-filter: saturate(2.2) blur(50px); */
    aspect-ratio: 3.3 / 4;
    contain: strict;
}

h1,p,a{
    color:rgb(224, 224, 224);
    width: 90%;
    margin: 0 auto;
    text-rendering: optimizeSpeed;
}


h1 { font-family: 'Poppins'; }
p, a { font-family: 'Montserrat'; }

.logo {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.1);
    aspect-ratio: 1 / 1;
}

nav{
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
}

a {
    /* color: rgb(224, 224, 224); */
    background-color: rgba(255, 255, 255, 0.021);
    text-decoration: none;
    border-radius: 25px;
    /*border-style: dashed;*/
    /*border-style: none;*/
    white-space: nowrap;
    box-sizing: border-box;
    /*max-width: 100%;*/
    justify-content: center;
    display: inline-flex;
    align-items: center;
    width: 70%;
    height: 2.4rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
}