@import url(https://fonts.googleapis.com/css?family=Manrope:200,300,regular,500,600,700,800);


:root{
    --gradient: linear-gradient(94.47deg, #00FFFF 30.46%, #00ff99 99.9%);
}

body{
    background-color: #111;
    font-family: 'Manrope', sans-serif;
    color: #fff;
    text-align: center;
    display: grid;
    justify-content: center;
    background: url(https://imgs.search.brave.com/18-gGua2A2Qa82kIO7HQSpjNaBMoDx5eSuyct_duU2k/rs:fit:759:225:1/g:ce/aHR0cHM6Ly90c2Uz/Lm1tLmJpbmcubmV0/L3RoP2lkPU9JUC5G/UF9yRDM2TkJ4OHIz/d3RYRjB3d2x3SGFF/byZwaWQ9QXBp) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 0;
}

.margin-content{
    margin-top: 25vh;
}

.gradient-txt{
    background-image: var(--gradient);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 3rem;
    margin-bottom: -1.2rem;
}

.pfp{
    border-radius: 7px;
}

.under-txt{
    font-size: 17px;
}

.grey-link{
    font-size: 28px;
    color: #888;
}

.box{
    background-color: rgba(0, 0, 0, 0.328);
    padding: 80px;
    border-radius: 7px;
    backdrop-filter: blur(10px);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

@media (max-width: 400px){
    .box{
        padding: 30px;
    }
}

.inf{
    bottom: 0;
    position: absolute;
    width: 100%;
}