body{
    background-color: rgb(153, 103, 194);
    /* background-color: rgb(153, 103, 194); Combinação 1 */ 
}

.main-content{
    position: relative;
    display: block;
    margin-top: 5em;
    left: 25vw;
    right: 25vw;
    width: 50vw;
    min-height:fit-content;
    background-color: rgb(223, 255, 255);
    border-top-left-radius: 5.2em;
    border-top-right-radius: 5.2em;
    border-color: rgb(197, 15, 15);
    border-top-style:groove;
    margin-bottom: -1em;
    padding-bottom: 10em;
    box-shadow: 0em 0em 0.4em 0.04em rgba(0, 0, 0, 0.5);
}

.account-main-info{
    display: grid;
    grid-template-rows: 1fr 1fr;
    background-color: rgb(0, 162, 255);
    /* background-color: rgb(0, 162, 255); Combinação 1 */
    border-top-left-radius: 1em;
    border-top-right-radius: 3em;
    box-shadow: 0em 0.005em 0.15em rgb(53, 0, 78);
}

.account-main-info img{
    background-color: aliceblue;
    position: relative;
    top: 1.5em;
    width: 120px;
    height: 120px;
    justify-self: center;
    border-radius: 100%;
    margin-top: 1.5em;
    margin-bottom: -0.8em;
}

.account-name {
    position: relative;
    top: 2.8em;
    text-align: center;
    font-size: large;
    font-family:'Courier New', Courier, monospace;
    font-style: normal;
    color: rgb(255, 255, 255);
    word-spacing: -0.39em;
    text-shadow: .05em 0.05em rgb(64, 6, 110);
    padding-left: 1.5em;
    padding-right: 1.5em;
}

@media (max-width:500px){
    .account-name{
        top: 2.46em;
    }
}

.account-name span:hover{
    color:rgb(0, 0, 0);
    cursor:pointer;
    text-shadow: .05em 0.05em rgb(197, 15, 15);
}

.link-container{
    position: relative;
    display: grid;
    gap: 2em;
    top: 3em;
    min-height: 2em;
    align-content: center;
    margin-left: 5vw;
    margin-right: 5vw;
    justify-content: center;
    padding-left: 2em;
    border-radius: 2em;
}

.social-media {
    position: relative;
    left: -1em;
    background-color: bisque;
    width: 35vw;
    /* border-style:double;
    border-width: 0.005em;
    border-color: rgba(92, 1, 134, 0.288); */
    box-shadow: 0em 0.00em 0.07em rgb(236, 133, 7);
}

.social-media{
    display: grid;
    height: 7em;
    justify-content: center;
    align-content:center;
    align-items: center;
    padding-bottom: 2em;
    border-radius: 1em;
}

.social-media img{
    position: relative;
    width: 100px;
    left: 0em;
    top: 0.8em;
}

.social-media a{
    position: relative;
    display: table;
    justify-items: center;
    align-items:center;
    text-decoration:none;
    font-size: larger;
    text-align: center;
    font-family:'Courier New', Courier, monospace;
    color: rgb(76, 9, 116);
    text-shadow: -.03em 0.03em 0.03em black;
}