body {
    background:black;
    color:#00ae74;
    font-family:'Segoe UI', sans-serif;
    margin:auto;
    text-align:center;
}
main {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    /* min-height: 77vh; */

}
h1 {font-size:3rem; margin:0.5rem;}
h2 {font-weight:normal; color:#aaa;}
h3 {font-weight:normal; color:#aaa;}
h4 {font-weight:normal; color:#aaa;}
h5 {font-weight:normal; color:#aaa;}
h6 {font-weight:normal; color:#aaa;}
a {
    color:#79c0ff;
    margin:0 10px;
    text-decoration:none;
    font-weight:bold;
}
a:hover{
    text-decoration:underline;
    color:#79c00f;
}
/* hr {
    width: 77%;
} */

.name {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 3em;
}
nav {
    /* margin:2rem; */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #1e1e4b;
    padding: 2em;
    /* border-radius: 0.5em; */
}
nav a {
    margin: 0 2em;
}
.content {
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    justify-content: center;
    margin: 2rem;
}
.ws {
    margin: 1em;
    padding: 1em;
    border-radius: 1em;
    background-color: #79c0ff20;
    display: flex;
    align-items: center;
    justify-content: center;

}
.connect {
    margin: 1em;
    padding: 1em;
    border-radius: 1em;
    background-color: #79c0ff20;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}