* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Kumbh Sans', sans-serif;
}

.main {
    background-color: #141414;
}

.main__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 0 1rem;
}

.main__container--content h1 {
    font-size: 4rem;
    background-color: #c0392b;
    background-image: linear-gradient(to right, #2980b9 0%, #6dd5fa 50%, #25C4FC 100%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.main__container--content p {
    font-size: 1.5rem;
    color: #fff;
    margin: 1rem 0;
}

.projects {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 0 1rem;
    background-color: #141414;
}

.projects h1 {
    color: #fff;
    text-align: center;
}

.sc {
    background-color: #111111;
    text-align: center;
    color: #fff;
    padding: 2rem 3rem;
    border-radius: 25px;
}

.sc--btn {
    font-size: 1rem;
    background-color: #fff;
    padding: 14px 32px;
    border: none;
    border-radius: 4px;
    color: #fff;
    margin-top: 2rem;
    cursor: pointer;
    position: relative;
    transition: all 0.35s;
    outline: none;
}

.sc--btn a {
    position: relative;
    z-index: 2;
    color: #141414;
    text-decoration: none;
}

.tag {
    background-color: #111111;
    text-align: center;
    color: #fff;
    padding: 2rem 3rem;
    border-radius: 25px;
}

.tag--btn {
    font-size: 1rem;
    background-color: #fff;
    padding: 14px 32px;
    border: none;
    border-radius: 4px;
    color: #fff;
    margin-top: 2rem;
    cursor: pointer;
    position: relative;
    transition: all 0.35s;
    outline: none;
}

.tag--btn a {
    position: relative;
    z-index: 2;
    color: #141414;
    text-decoration: none;
}

.svp {
    background-color: #111111;
    text-align: center;
    color: #fff;
    padding: 2rem 3rem;
    border-radius: 25px;
}

.svp--btn {
    font-size: 1rem;
    background-color: #fff;
    padding: 14px 32px;
    border: none;
    border-radius: 4px;
    color: #fff;
    margin-top: 2rem;
    cursor: pointer;
    position: relative;
    transition: all 0.35s;
    outline: none;
}

.svp--btn a {
    position: relative;
    z-index: 2;
    color: #141414;
    text-decoration: none;
}

.sootrenamer {
    background-color: #111111;
    text-align: center;
    color: #fff;
    padding: 2rem 3rem;
    border-radius: 25px;
}

.sootrenamer--btn {
    font-size: 1rem;
    background-color: #fff;
    padding: 14px 32px;
    border: none;
    border-radius: 4px;
    color: #fff;
    margin-top: 2rem;
    cursor: pointer;
    position: relative;
    transition: all 0.35s;
    outline: none;
}

.sootrenamer a {
    position: relative;
    z-index: 2;
    color: #141414;
    text-decoration: none;
}

.chattoweb {
    background-color: #111111;
    text-align: center;
    color: #fff;
    padding: 2rem 3rem;
    border-radius: 25px;
}

.chattoweb--btn {
    font-size: 1rem;
    background-color: #fff;
    padding: 14px 32px;
    border: none;
    border-radius: 4px;
    color: #fff;
    margin-top: 2rem;
    cursor: pointer;
    position: relative;
    transition: all 0.35s;
    outline: none;
}

.chattoweb a {
    position: relative;
    z-index: 2;
    color: #141414;
    text-decoration: none;
}

.automod {
    background-color: #111111;
    text-align: center;
    color: #fff;
    padding: 2rem 3rem;
    border-radius: 25px;
}

.automod--btn {
    font-size: 1rem;
    background-color: #fff;
    padding: 14px 32px;
    border: none;
    border-radius: 4px;
    color: #fff;
    margin-top: 2rem;
    cursor: pointer;
    position: relative;
    transition: all 0.35s;
    outline: none;
}

.automod a {
    position: relative;
    z-index: 2;
    color: #141414;
    text-decoration: none;
}

.projects--upcoming {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 0 1rem;
    background-color: #141414;
}

.projects--upcoming h1 {
    color: #fff;
    text-align: center;
}

.assassinsevent {
    background-color: #111111;
    text-align: center;
    color: #fff;
    padding: 2rem 3rem;
    border-radius: 25px;
}

.assassinsevent--btn {
    font-size: 1rem;
    background-color: #fff;
    padding: 14px 32px;
    border: none;
    border-radius: 4px;
    color: #fff;
    margin-top: 2rem;
    cursor: pointer;
    position: relative;
    transition: all 0.35s;
    outline: none;
}

.assassinsevent a {
    position: relative;
    z-index: 2;
    color: #141414;
    text-decoration: none;
}