body {
    background-color: rgb(224, 249, 255);
}
body.follows {
    background-color: rgb(139, 182, 192);
    overflow-x: hidden; 
    width:100%;
    height:100%;
}
.profilepicdiv{
    z-index:3;position:relative;width:200px;
}

.profiledetails{
    font-size:15px; 
}
.bannerpic{
    max-width:800px;width:100%;position:absolute;position:fixed;top:0;left:0;right:0;margin-left:auto;margin-right:auto;z-index:1;
}
.profilepic{
    width:200px;
    border-radius:50%;
    padding:5px;
    position:absolute;
    top:0;
    margin-top:-100px;
    margin-left:auto;
    margin-right:auto;
    right:0;
    left:0;
}
@media screen and (max-width:1000px){
    .profilepic{
        width:30%;
        margin-top:-15%;
        right:0;
        margin-right:30px;
        padding:1vw;

    }

}
.settingbanner{
    width:100%;position:relative;top:0;left:0;right:0;margin-left: auto;margin-right: auto;z-index:1;
}
.bannerimage{
    width:100%;
    height:100%;
    cursor:pointer;
}
.bannerimage:hover{
    filter: brightness(60%);
}
.editbanner{
    position:absolute;
    width:100%;
    height:100%;
    text-align:center;
    color: white;
    font-size:30px;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  
    line-height: 300px;

}
.editprofilepic{
    position:absolute; 
    bottom:0;
    z-index:10;
    right:0;
    margin-right:10px;
    margin-bottom:-50px;
    background-color:white;
    padding:10px;
    border-radius:50%;
    cursor:pointer;
}
.maindiv{
    max-width:600px;
    background-color:white;
    padding:20px;
}

@media screen and (max-width:1000px){
    .maindiv{
        width:100%;


    }

    
}
.editprofilepic:hover{
    filter: brightness(60%);
    cursor:pointer;
}
.editprofpic{
    position:absolute;
left:0;
    bottom:50px;;
    text-align:center;
    right:0;
    color: white;
    font-size:20px;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  

}

.specprof{
    position:absolute;
    top:0;
    right:0;
    margin-top:20px;
    float:right;
    margin-right:20px;
}



@media screen and (max-width:1000px){
    .specprof{
        position:relative;
        float:none;
        margin-top:10px;
        margin-bottom:10px;
        padding:0px;
        margin-left:0px;
        word-wrap: break-word;
    }
    #usersettings{
    display:none;
    }
}


.poyo{
    font-size:15px;
}
.kirby{
    margin-right:15%;
    margin-left:15%;
}
@media screen and (max-width:1000px){

    .poyo{
        font-size:12px;
    }
    .kirby{
        margin-right:0;
        margin-left:0;
        padding:0;
    }
    .bingo{
        width:50px;
    }

}