@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    color:#b7babe;
    font-weight:400;
    background-color:#0f1113;
    font-family:'Poppins', sans-serif;
}
h1 {
    font-size:3rem;
    color:#4a535d;
    font-weight:200;
}
.flatcolored, .gradientcolored {
    font-weight:700;
}
.flatcolored {
    color:#CD5FA3;
}
.gradientcolored {
    background: #E4A35A;
    background: linear-gradient(to right, #E4A35A 0%, #CD5FA3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
nav>.navlink {
    margin-right:25px;
}
nav>button, nav>button::before {
    transition:ease all 0.5s;
    margin-left:100px;
    border:none;
    border-radius:5px;
    padding:10px 30px;
    background-color:#21b9ff;
    color:white;
    font-weight:700;
    font-size:1rem;
}
nav>button:hover {
    background-color:#18a0e0;
}
nav>.navlink, nav>.a::before {
    transition:ease all 0.5s;
    text-decoration:none;
    color:#b7babe;
}
nav>.navlink:hover {
    color:#f7f7f8;
}
#banner {
    text-align:center;
    font-size:0.9rem;
    background-color:#f9d516;
    padding:7px;
    color:black;
}
#banner>a {
    color:black;
    text-decoration:none;
}
#banner>a:hover {
    text-decoration:underline;
}
#banner>img {
    width:100px;
    height:15px;
}
.addtoguilded, .addtoguilded::before {
    transition:ease all 0.5s;
    border:1px solid rgb(255, 173, 177);
    border-radius:5px;
    padding-right:20px;
    background: rgb(205,95,163);
    background: linear-gradient(-90deg, rgba(205,95,163,1) 0%, rgba(228,161,93,1) 100%);
    color:white;
    box-shadow: #d88080 0px 0px 30px;
}
.addtoguilded:hover {
    box-shadow: #d88080 0px 0px 10px;
    background: linear-gradient(-90deg, rgb(229, 117, 186) 0%, rgb(246, 180, 115) 100%);
}
.addtoguilded>img {
    width:40px;
    height:40px;
}
.addtoguilded>span {
    text-align:center;
    position: relative;
    bottom:15px;
}
.tag {
    background-color:rgba(170, 0, 255, 0.359);
    padding:5px;
    margin-right:5px;
    border-radius:5px;
    color:rgba(170, 0, 255, 0.776);
}
.commands {
    font-size:3rem;
    color:white;
    font-weight:700;
}
#sections>button, #sections>button::before {
    background-color:red;
    font-family:'Poppins', sans-serif;
    font-weight:500;
    border:none;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#4a535d21;
    color:#b7babe;
    transition:ease all 0.3s;
}
#sections>button:hover {
    background-color:#4a535d67;
}
.moderation {
    padding-right: 30px;
    padding-left: 30px;
}
.utility {
    padding-right:50px;
    padding-left:50px;
}
.fun {
    padding-right:57px;
    padding-left:57px;
}
.sections-title {
    color:white;
    font-weight:600;
}
#contents>img {
    position: relative;
    top:85px;
    left:200px;
    background-color:rgba(64, 224, 208, 0.229);
    padding:5px;
    border-radius:5px;
}
#contents>h3 {
    color:white;
    font-size:2rem;
}