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

:root{
    --bg: #111;
    --figma-grad-btn: linear-gradient(89.2deg, #0085FF 43.01%, #0047FF 152.24%);
    --figma-grad-radial: radial-gradient(49.59% 329.44% at 46.25% 80.37%, #277BF9 0%, #00FFFF 100%);
}

body{
    background-color: var(--bg);
    font-family: 'Manrope', sans-serif;
    color: #fff;
    text-align: center;
}

span{
    background-image: var(--figma-grad-radial);
    -webkit-background-clip: text;
    color: transparent;
    font-weight: 300;
}

.main-cnt{
    margin-top: 25vh;
    text-align: left;
    margin-left: 20%;
}

.bio-site-head{
    font-size: 3rem;
}

.grey-txt{
    color: #888;
}

.grad-btn{
    background: var(--figma-grad-btn);
    color: #fff;
    text-decoration: none;
    padding: 10px 30px;
    font-size: 20px;
    font-weight: bold;
}