@font-face {
    font-family: "Cyberwave";
    src: url(../fonts/Cyberverse\ Bold\ Italic.otf);
}


body {
    background-image: linear-gradient(to bottom, rgb(43, 43, 43), black);
    background-color: black;
    background-size: cover;
    background-repeat: no-repeat;
}

#pfp {
    margin-top: 2rem;
    margin-bottom: 2rem;
    width: 65%;
}

#username {
    font-size: 400%;
    font-family: Cyberwave;
}

#description {
    font-weight: 650;
    font-size: 180%;
}

#link_section img {
    width: 20%;
    margin: 1vh;
}

#link_section a {
    text-decoration: none;
    margin: 3vh;
    border: 5px solid white;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    justify-content: left;
    background-color: black;
}

#link_section a:hover {
  	background-color: rgb(59, 59, 59);
  	transition: 0.5s;
}

#link_section p {
    display: flex;
    font-size: 4vh;
    text-align: center;
    margin: 0%;
    margin-left: auto;
    margin-right: auto;
    color: white;
}

@media screen and (min-width:400px) {
    #link_section p {
        font-size: 5vh;
    }
}

@media screen and (min-width:750px) {
    #pfp {
        margin-top: 5rem;
        margin-bottom: 1rem;
        width: 30%;
    }

    #username {
        font-size: 800%;
        font-family: Cyberwave;
    }

    #description {
        font-weight: 650;
        font-size: 250%;
        margin-bottom: 8rem;
    }

    #link_section a {
        margin: 3vh 18vh;
        display: flex;
        align-items: center;
        justify-content: left;
        border: 5px solid white;
        border-radius: 2rem
    }

    #link_section p {
        display: flex;
        font-size: 300%;
        text-align: center;
        margin: 0%;
        margin-left: auto;
        margin-right: auto;
        color: white;
    }
}

@media screen and (min-width:1000px) {
    #link_section a {
        margin: 3vh 32vh;
    }
}

@media screen and (min-width:1250px) {
    #pfp {
        margin-top: 5rem;
        margin-bottom: 1rem;
        width: 20%;
    }

    #username {
        font-size: 700%;
        font-family: Cyberwave;
    }

    #description {
        font-weight: 650;
        font-size: 250%;
        margin-bottom: 5rem;
    }

    #link_section a {
        margin: 3vh 45vh;
        display: flex;
        align-items: center;
        justify-content: left;
        border: 5px solid white;
        border-radius: 2rem;
    }

    #link_section p {
        display: flex;
        font-size: 400%;
        text-align: center;
        margin: 0%;
        margin-left: auto;
        margin-right: auto;
        color: white;
    }
}