<div class="content">
                        
                            <style>
  body {
    font-family: 'Roboto', sans-serif;
}

.container-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
	background-color: #2C2F33;
}

.row-2 {
    display: flex;
    flex-direction: row;
    background-color: #23272A;
    align-items: center;
    justify-content: center;
    width: 50%;
    border-radius: 35px;
    margin-bottom: 20px;
}

.logo {
    height: 350px;
    width: 350px;
    padding: 0;
}

.column {
    display: flex;
    flex-direction: column;
}

.plasma {
    color: #1CACFC;
    font-size: 70px;
    margin: 0;
}

.title {
    color: white;
    font-size: 35px;
    margin: 0;
    align-self: center;
    text-align: center;
}

.desc {
    color: #99AAB5;
    font-size: 20px;
    margin: 0;
    align-self: center;
    text-align: center;
}

.text {
    color: #99AAB5;
    font-size: 25px;
    margin: 0;
    margin-right: 20px;
}

.button {
    background-color: #1CACFC;
    margin-top: 17px;
    margin-right: 10px;
    padding: 10px;
    color: white;
    border-radius: 7px;
    font-size: 17px;
    text-decoration: none;
}

.feature {
    display: flex;
    flex-direction: column;
    background-color: #23272A;
    border-radius: 30px;
    width: 25%;
    padding: 20px;
    margin: 20px;
}

.info {
    display: flex;
    flex-direction: column;
}

.button:hover {
    background-color: #1893d4;
}

.buttons {
    display: flex;
    flex-direction: row;
}

.nav {
    display: flex;
    flex-direction: row;
    background-color: #23272A;
    width: 100%;
    justify-items: center;
}

.nav-div {
    padding: 20px;
}

.nav-button {
    color: white;
    font-size: 15px;
    text-decoration: none;
}

.nav-button:hover {
    color: #1CACFC;
}

.example {
    border-radius: 10px;
    width: 291px;
    box-shadow: 0px 0px 10px #1B1E21;
}

.row {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

 </style>
<link href="css/home.css" type="text/css" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto&amp;display=swap">
<div class="container-1">
    <div class="nav">
        <div class="nav-div"><a target="_blank" onclick="trackCampaignWebClick('', 'description');" rel="nofollow" style="font-size: 16px;font-weight: 600;" class="nav-button" href="https://discord.com/oauth2/authorize?client_id=777850651669168138&permissions=82671&scope=bot">H Y P E D</a></div>
        <div class="nav-div"><a target="_blank" onclick="trackCampaignWebClick('', 'description');" rel="nofollow" class="nav-button" href="https://discord.com/oauth2/authorize?client_id=777850651669168138&permissions=82671&scope=bot">Invite</a></div>
        <div class="nav-div"><a target="_blank" onclick="trackCampaignWebClick('', 'description');" rel="nofollow" class="nav-button" href="https://discord.gg/34C4antjhP">Support</a></div>
    </div>
    <div class="row">
        <div class="feature">
            <div class="title"> Fun </div>
            <div class="desc"> A lot of comands with fun tag</div>
        </div>
        <div class="feature">
            <div class="title"> Moderation </div>
            <div class="desc">A lot of comands with moderation tag</div>
        </div>
    </div>
    <div class="row">
        <div class="feature">
            <div class="title"> Utility </div>
            <div class="desc">25+ comands for utility!
            </div>
        </div>
        <div class="feature">
            <div class="title"> Hyped! </div>
            <div class="desc">That's Hyped!</div>
        </div>
    </div>
</div>
                        
                    </div>

H Y P E D

#HYPEDBOT Este é o HypedBot, tem várias funções de administração, moderação e diversão. A versão atual do hyped bot suporta apenas pt br!

Voting for H Y P E D

Do you want to support us?