Index: CSS/validateSignUp.css
===================================================================
--- CSS/validateSignUp.css	(revision e3d4e0a8bc0f13135f27c0b055b5c00f64a28f01)
+++ CSS/validateSignUp.css	(revision e3d4e0a8bc0f13135f27c0b055b5c00f64a28f01)
@@ -0,0 +1,412 @@
+@font-face
+{
+    font-family: SansGeorgianRegular;
+    src: url(fonts/SansGeorgianRegular.ttf);
+}
+
+@font-face
+{
+    font-family: Roboto;
+    src: url(fonts/Roboto.ttf);
+}
+
+* {
+    font-family: SansGeorgianRegular;
+    font-size: 16px;
+    background-color: #161616;
+    color: rgb(236, 235, 235);
+    padding: 0px;
+    margin: 0px;
+}
+
+body
+{
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
+
+.Container
+{
+    color: white;
+    padding: 50px;
+    margin-top: 50px;
+}
+
+.FormSection
+{
+    padding-top: 15px;
+    background-color: rgb(30, 30, 30);
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+form
+{
+    width: 470px;
+    background-color: rgb(30, 30, 30);
+    border: 1px solid rgb(2, 75, 209);
+    padding: 15px;
+    border-radius: 20px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+form label
+{
+    font-size: 28px;
+    background-color: rgb(30, 30, 30);
+    margin-bottom: 3px;
+    display: block
+}
+
+form input
+{
+    font-size: 24px;
+    width: 100%;
+    border-radius: 6px;
+    border: none;
+    padding: 2px 0px 2px 0px;
+}
+
+#SubmitButton
+{
+    margin-top: 20px;
+    background-color: rgb(2, 75, 209);
+    border-radius: 20px;
+    padding: 5px;
+    margin-bottom: 0px;
+    font-size: 36px;
+    width: auto;
+    margin-bottom: 15px;
+    transition: 0.3s;
+}
+
+#SubmitButton:hover
+{
+    background-color: rgb(49, 113, 233);
+}
+
+.top-menu
+{
+    width: 100%;
+    border-bottom: 1px solid #3171e9;
+    padding-bottom: 10px;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.papalogo
+{
+    font-size: 34px;
+    font-weight: bold;
+    vertical-align: middle;
+    margin-left: 15px;
+    user-select: none;
+}
+
+.user-menu
+{
+    text-align: right;
+    margin-right: 45px;
+}
+
+.top-menu-items
+{
+    font-size: 24px;
+    vertical-align: middle;
+    padding-left: 5px;
+    padding-right: 5px;
+    margin-left: 8px;
+    margin-right: 8px;
+    user-select: none;
+    outline: none;
+    text-decoration: none;
+}
+
+.main
+{
+    margin-top: 5px;
+    display: flex;
+    min-height: 100%;
+    position: relative;
+    height: calc(100vh - 11vh);
+}
+
+::-webkit-scrollbar
+{
+    background-color: rgb(35, 35, 35);
+}
+
+::-webkit-scrollbar-thumb
+{
+    background-color: rgb(2, 75, 209);
+    border-radius: 50px;
+}
+
+.groups
+{
+    flex: 25%;
+    background-color: #191919;
+    margin-left: 10px;
+    border: 1px solid white;
+}
+
+.chat
+{
+    flex: 75%;
+    background-color: inherit;
+    margin-right: 170px;
+    margin-left: 30px;
+    border: 1px solid white;
+}
+
+.chat-content
+{
+    overflow: auto;
+    height: 94%;
+}
+
+.group-item
+{
+    font-size: 30px;
+    margin-top: 12px;
+    margin-left: 5px;
+    margin-right: 5px;
+    background-color: #191919;
+}
+
+.group-option
+{
+    margin-top: 120px;
+}
+
+.group-input
+{
+    border: none;
+    background-color: rgb(54, 54, 54);
+    border-radius: 32px;
+    outline: none;
+    padding: 5px;
+    font-size: 22px;
+}
+
+.register-content
+{
+    margin-top: 150px;
+    text-align: center;
+}
+
+.register-content h1
+{
+    font-size: 38px;
+}
+
+.register-content p
+{
+    font-size: 24px;
+}
+
+.register-content a
+{
+    outline: none;
+    text-decoration: none;
+    color: #3171e9;
+    font-size: 21px;
+}
+
+.register-content a:hover
+{
+    color: rgb(3, 76, 211);
+}
+
+.register-content img
+{
+    user-select: none;
+    cursor: default;
+}
+
+.FormSection a
+{
+    outline: none;
+    text-decoration: none;
+    color:rgb(2, 75, 209);
+    background-color: rgb(30, 30, 30);
+}
+
+.FormSection a:hover
+{
+    color:rgb(49, 113, 233);
+}
+
+.drop-down
+{
+    display: block;
+    position: absolute;
+    background-color: rgb(51, 51, 51);
+}
+
+.drop-down ul
+{
+    padding: 0px 7px 0px 15px;
+    list-style: none;
+    list-style-type: none;
+    background-color: rgb(51, 51, 51);
+}
+
+.drop-down ul li::before
+{
+    content: "\2022";
+    color: rgb(2, 75, 209);
+    font-weight: bold;
+    display: inline-block;
+    width: 15px;
+    margin-left: -1em;
+}
+
+
+.drop-down-item
+{
+    padding: 4px 5px 4px 7px;
+    margin: 0px 0px 4px 0px;
+    background-color: rgb(51, 51, 51);
+    font-size: 19px;
+    width: 270px;
+}
+
+.message-box
+{
+    display: flex;
+    justify-content: center;
+    background-color: #292929;
+    padding: 5px 5px 5px 5px;
+}
+
+.message-box input
+{
+    font-size: 20px;
+    border: none;
+    border-radius: 20px;
+    padding: 5px;
+    outline: none;
+    position: relative;
+    background-color: rgb(30, 30, 30);
+    font-size: 17px;
+}
+
+.message-box button
+{
+    border: none;
+    background-color: rgb(2, 75, 209);
+    padding: 8px 20px 8px 20px;
+    vertical-align: center;
+    border-radius: 20px;
+    margin-left: 15px;
+    font-size: 17px;
+}
+
+.chat-other
+{
+    background-color: #292929;
+    margin-top: 10px;
+    margin-left: 5px;
+}
+
+.chat-current
+{
+    background-color: rgb(2, 75, 209);
+    margin-top: 10px;
+    text-align: right;
+    margin-right: 5px;
+}
+
+.chat-content span
+{
+    padding: 2px 15px 2px 15px;
+    border-radius: 25px;
+    font-size: 18px;
+    text-align: right;
+}
+
+.Message
+{
+    margin-bottom: 6px;
+}
+
+.group-item-head
+{
+    background-color: #303030;
+    padding: 8px 2px 2px 8px;
+}
+
+.group-item-head span
+{
+    font-size: 24px;
+    background-color: #303030;
+    margin-left: 10px;
+}
+
+.group-item-body
+{
+    font-size: 17px;
+    background-color: #303030;
+    padding: 2px 2px 8px 8px;
+}
+
+.item-image
+{
+    vertical-align: bottom;
+    background-color: rgb(59, 188, 231);
+    border-radius: 100%;
+}
+
+.ContainerProfile
+{
+    background-color: rgb(35, 35, 35);
+    margin: 40px 375px 40px 375px;
+    padding: 15px 20px 15px 20px;
+    border-radius: 20px;
+}
+
+.header
+{
+    align-items: center;
+    gap: 30px;
+    display: flex;
+    background-color: rgb(35, 35, 35);
+}
+
+.Description
+{
+    background-color: rgb(35, 35, 35);
+    margin-top: 40px;
+}
+
+.Description textarea
+{
+    width: 100%;
+    resize: none;
+}
+
+.username
+{
+    display: inline;
+    font-size: 24px;
+    background-color: rgb(35, 35, 35);
+}
+
+.email
+{
+    display: block;
+    font-size: 20px;
+    color: rgb(206, 206, 206);
+    background-color: rgb(35, 35, 35);
+}
+
+.userandemail
+{
+    display: inline;
+    background-color: rgb(35, 35, 35);
+}
