* {
    margin: 0;
    padding: 0;
    /* box-sizing: border-box; */
}

body {
    background-color: rgb(19, 14, 31);
}

#main-container {
    width: 1000px;
    height: 710px;
    margin: 40px auto;
    /* border: 4px solid black; */
    border-radius: 40px;
}

#hello-container {
    width: 1000px;
    height: 235px;
    margin: 0 auto;
    border-radius: 36px 36px 0 0;
    /* display: flexbox; */
    /* justify-content: center; */
    /* align-items: center; */
    background-color: #DB2122;
}

#hello {
    width: 1000px;
    height: 94px;
    font-size: 124px;
    color: #F9F9F9;
    display: flex;
    justify-content: center;
    padding: 0;
    /* border: 1px solid black; */
    padding: 20px 0 0;
}

#my-name-is {
    font-size: 52px;
    color: #F9F9F9;
    display: flex;
    justify-content: center;
    padding: 26px 0 0;
    /* border: 1px solid black; */
}



#name-container {
    font-size: 150px;
    font-family: 'Sedgwick Ave Display', cursive;
    width: 100%;
    height: 410px;
    margin: 0 auto;
    /* border: 6px solid black; */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F9F9F9;

}

#title {
    margin: 0 auto;
}

#login-msg {}

#bottom-container {
    width: 100%;
    height: 66px;
    font-size: 26px;
    color: #F9F9F9;
    background-color: #DB2122;
    border-radius: 0 0 36px 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-or-guest {
    width: 200px;
    height: 40px;
    /* border: 2px solid black; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}


a {
    color: #F9F9F9;
}