@import "./master.css";

.release {
    margin-top: 50px;
    margin-left: 10%;
    height: 200px;
    width: 80%;
}

.release img {
    height: 100px;
    width: 100px;
}

.release h1 {
    margin-top: -100px;
    text-align: center;
}

.release h1 #stable {
    color: rgb(0, 255, 0);
}

.release h1 #unstable {
    color: rgb(255, 0, 0);
}

.release h1 #private {
    color: rgb(0, 4, 255);
}

.release h1 #offline {
    color: rgb(62, 62, 63);
}

.release h1 #verified {
    color: var(--light-blue);
}

.release h2 {
    text-align: center;
}

.release #invite {
    text-align: center;
}

.release #invite button {
    width: 6cm;
    height: 1cm;
    border-radius: 20px;
    background-color: var(--light-blue);
    text-align: center;
    transition: 0.3s;
    border: none;
}

.release #invite button a {
    font-size: x-large;
    color: white;
    text-shadow: 0 0 2px white;
    text-decoration: none;
    padding: 14px 16px;
}

.release #invite button:hover {
    transform: scale(1.1);
}