diff --git a/public/css/index.css b/public/css/index.css
index d4189a8..12e03c0 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -150,7 +150,7 @@ header .account-preview .full-name.show {
 }
 
 .word {
-  font-family: "Rambla", sans-serif;
+  font-family: "Helveltica", sans-serif;
   font-weight: 400;
   font-size: 50pt;
   display: flex;
@@ -895,4 +895,66 @@ header.demo h1 span.demoSpan:hover, header.demo h1 span.demoSpan:focus, header.d
   transform: rotate(4deg);
 }
 
+.info-account {
+  font-family: "Helveltica", sans-serif;
+  font-weight: 400;
+}
+.info-account .loading {
+  position: initial;
+  height: max-content;
+  height: 50vh;
+}
+.info-account .person {
+  width: 50vw;
+  margin-left: 15vw;
+  border-bottom: 1px solid #cabf9e;
+}
+.info-account .person h3 {
+  font-weight: 300;
+}
+.info-account .functions {
+  width: 50vw;
+  margin-left: 15vw;
+  margin-top: 2vh;
+  display: flex;
+}
+.info-account .functions .close-session {
+  width: 20vw;
+  height: 10vh;
+  background: #b9b9b9;
+  transition: ease-in-out 0.4s;
+  border: 0;
+  border-radius: 10px;
+}
+.info-account .functions .close-session:hover {
+  background: #ffa5a5;
+  transition: ease-in-out 0.4s;
+}
+.info-account .functions .reffer-code-container {
+  margin-left: 5vh;
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+}
+.info-account .functions .reffer-code-container p {
+  width: 100%;
+  flex-grow: 1;
+}
+.info-account .functions .reffer-code-container button {
+  width: 3vw;
+  height: 3vw;
+  background-color: white;
+  border: 0;
+  border: 1px solid #535353;
+  border-radius: 100%;
+}
+.info-account .functions .reffer-code-container button:hover {
+  background-color: white;
+  border: 3px solid #535353;
+  background-color: rgba(0, 0, 0, 0.035);
+}
+.info-account .functions .reffer-code-container button:active {
+  border: 4px solid #535353;
+}
+
 /*# sourceMappingURL=index.css.map */
diff --git a/public/css/index.css.map b/public/css/index.css.map
index 93cbfa4..6250f3d 100644
--- a/public/css/index.css.map
+++ b/public/css/index.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../sass/index.scss","../sass/_header.scss","../sass/control-panel/_account-preview.scss","../sass/_game-container.scss","../sass/_hangman.scss","../sass/_word.scss","../sass/_current-score.scss","../sass/_categories.scss","../sass/_defeat-victory.scss","../sass/_loading.scss","../sass/_letters-registered.scss","../sass/_letter-input.scss","../sass/_identify.scss","../sass/control-panel/_message.scss","../sass/_message.scss","../sass/control-panel/_control-panel.scss","../sass/control-panel/_action-form.scss","../sass/control-panelDemo/_demo-message.scss","../sass/control-panelDemo/admin-header-demo.scss"],"names":[],"mappings":"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","file":"index.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../sass/index.scss","../sass/_header.scss","../sass/control-panel/_account-preview.scss","../sass/_game-container.scss","../sass/_hangman.scss","../sass/_word.scss","../sass/_current-score.scss","../sass/_categories.scss","../sass/_defeat-victory.scss","../sass/_loading.scss","../sass/_letters-registered.scss","../sass/_letter-input.scss","../sass/_identify.scss","../sass/control-panel/_message.scss","../sass/_message.scss","../sass/control-panel/_control-panel.scss","../sass/control-panel/_action-form.scss","../sass/control-panelDemo/_demo-message.scss","../sass/control-panelDemo/admin-header-demo.scss","../sass/info-account/_info-account.scss"],"names":[],"mappings":";AAAA;EACI;EACA;;;ACFJ;EACI;EAEA;EAEA;EACA;EACA;EACA;;AAEA;EDHA;EACA;EAIA;EACA;;ACGA;EDTA;EACA;EAIA;EACA;ECMI;EACA;EAEA;;AAGJ;EACI;EACA;EAEA;EACA;EAIA,kBAFkB;EAGlB;EACA;EAEA;EACA;EAEA;EAEA;;AAEA;EACI;EAEA;;AChDZ;EFOI;EACA;EEJA;EAEA;EACA;EAEA;EAEA;EACA;EACA;;AAEA;EAEI;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;;AAEA;EAEI;;AAIR;EAEI;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EAEA;;AAEA;EAEI;EAEA;;;ADPZ;EAIQ;IAEI;IACA;IAEA;IACA;IAEA;;EAEA;IACI;IACA;;;AAMhB;EAIQ;IACI;IACA;;;AEpFZ;EAEI;EACA;EAEA;;AAMA;EACI;EACA;EAEA;;;AAIR;EAEI;IAEI;IACA;IACA;;EAEA;IACI;;EAII;IAEI;;EAKZ;IACI;IACA;IAEA;IACA;IACA;;;AAKZ;;AAAA;AClDA;EAEI;;AAEA;EACI;;;ACLR;ELkBI;EACA;EKhBA;EAEA;EACA;EAEA;EAEA;EACA;;AAEA;EACI;EACA;EACA;EAEA;EAEA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EAEA;EAEA;;;AAIR;EAIQ;IAEI;;EAGJ;IACI;;;AAKZ;EAIQ;IAEI;;;AC3DZ;EAEI;EAEA;ENGA;EACA;EMAA;EAEA;;AAEA;EACI;;;ACbR;EAEI;;AAEA;EAEI;EAEA;EACA;EAEA;EACA;EAEA;EAEA;EAEA;EACA;EACA;EACA;EAEA;;AAKA;EACI;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;AAEA;EACI;EACA;;AA0BJ;EArBI,OAFuD;EAIvD,kBAoBc;EAnBd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAYZ;EA3BI,OAFuD;EAIvD,kBA0Bc;EAzBd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAkBZ;EAjCI,OAFuD;EAIvD,kBAgCc;EA/Bd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAwBZ;EAvCI,OAyCY;EAvCZ,kBAsCc;EArCd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AA+BZ;EA9CI,OAFuD;EAIvD,kBA6Cc;EA5Cd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAqCZ;EApDI,OAsDY;EApDZ,kBAmDc;EAlDd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AA4CZ;EA3DI,OAFuD;EAIvD,kBA0Dc;EAzDd;EAEA;EAEA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAmDhB;EACI;EAEA;EACA;;AAEA;EAEI;;AAIR;EACI;;AAIJ;EACI;EACA;;AAEA;EAEI;;AAGJ;EAEI;;;AAMhB;EAIQ;IACI;;EAEA;IAEI;;;AClKhB;EACI;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EAEA;EAEA;EAEA;;AAEA;EACI;EACA;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EAEI;IAEI;IACA;;;ACvCR;EACI;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;;AAEA;EACI;EACA;;;ACnBR;EACI;EAEA;EAEA;EAEA;EACA;EACA;EAEA;;AAEA;EACI;;;ACdR;EACI;EAEA;EACA;EACA;;AAEA;EAII,OAFO;EAGP,QAHO;EAKP;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;;;ACvBR;EAEI;;ACFJ;EAEI;EAEA;EACA;EACA;EbCA;EACA;EAIA;EACA;EaHA;EAEA;;AAEA;EAEI;;AAGJ;EAEI;;ADfJ;EAEI;EAGA;EACA;;AAEA;EAGI;EACA,kBAHkB;EAKlB;EAEA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EAEI;EACA;EACA;;AAMZ;EAII;EACA;EAEA;EAEA;;AAEA;EAEI;EACA;EAEA;EACA;EAEA;EAEA;EACA;EAEA;;AAEA;EACI;EAEA;EACA;;AAMZ;EAEI;EAEA;EAEA;EACA;EACA;;AAGJ;EACI;;;AAIR;EAEI;IAEI;;;AEhGR;EAEI;EAEA;EACA;EACA;EAEA;;AAEA;EAEI;EACA;;;ACTJ;EAEI;EACA;EAEA;EACA;EACA;EAEA;EAEA;;AAEA;EAEI;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EAEA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AA2BJ;EAtBI,kBAwBmB;EAvBnB;EAEA;;AAEA;EAEI;EACA;EACA;EAEA;;AAGJ;EAEI;EACA;;AAYR;EA7BI,kBA+BmB;EA9BnB;EAEA;;AAEA;EAEI;EACA;EACA;EAEA;;AAGJ;EAEI;EACA;;AAmBR;EApCI,kBAsCmB;EArCnB;EAEA;;AAEA;EAEI;EACA;EACA;EAEA;;AAGJ;EAEI;EACA;;AA0BR;EA3CI,kBA6CmB;EA5CnB;EAEA;;AAEA;EAEI;EACA;EACA;EAEA;;AAGJ;EAEI;EACA;;AAiCR;EAlDI,kBAoDmB;EAnDnB;EAEA;;AAEA;EAEI;EACA;EACA;EAEA;;AAGJ;EAEI;EACA;;AA0ChB;EAEI;EAEA;EAEA;EACA;;AAEA;EACI;EACA;EAEA;EAEA;;AChIZ;EAGI;EACA;EAEA;EACA;;AAEA;EAEI;EACA;EAEA;EAEA;EACA;EACA;EAGA;;AAIA;EACI;EACA;;AAGJ;EACI;EACA;EAEA;;AAGJ;EAII;EAEA;EACA;EAEA,kBAPmB;EAQnB;EAEA;EACA;;AAEA;EACI;;AAKR;EAEI;EACA;EACA;EAEA;EACA;EACA;;AASA;EACI;;AAGJ;EAEI;;AASJ;EAEI;;AAGJ;EAEI;EACA;;AAEA;EAEI;;AAQZ;EAEI;EACA;EACA;;AAKA;EAEI;;AASJ;EAEI;;AAKA;EAEI;;AAQpB;EAMY;IACI;;EAIJ;IACI;;;AAOhB;EAEI;IAEI;IACA;;EAII;IAEI;IACA;IACA;;EAGJ;IACI;;EAIJ;IACI;;;AH5LhB;EAEI;EAEA;EACA;EACA;EbCA;EACA;EAIA;EACA;EaHA;EAEA;;AAEA;EAEI;;AAGJ;EAEI;;AEkHJ;EACI;EAEA;;;AAuBR;EAIQ;IAEI;IAEA;IACA;IACA;IAEA;;EAEA;IACI;IACA;IAEA;IACA;IAEA;IAEA;;EAIR;IACI;IAEA;IAEA;IACA;IAEA;IACA;;EAEA;IAEI;IAEA;IAEA;IACA;IAEA;IAEA;IACA;IAEA;IAEA;;EAxEZ;IACI;IACA;IACA;IACA;IACA;;EAOJ;IACI;IACA;;EA4DQ;IACI;IACA;;;AAOpB;EAMY;IAEI;;EAMJ;IAEI;;;AEhPZ;EAEI;EACA;EAEA;;AAEA;EjBFJ;EACA;EiBKQ;EAEA;EAEA;EACA;EACA;EAEA;EAEA;;;ACrBR;EAEI;EAEA;EACA;;AAEA;EAII;EACA;EACA;EAIA;EACA;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;;ACpChB;EnBkBI;EACA;;AmBfA;EAEI;EAEA;EAEA;;AAGJ;EAEI;EAEA;EAEA;;AAEA;EAEI;;AAIR;EAEI;EAEA;EACA;EAEA;;AAEA;EAEI;EACA;EAEA;EAEA;EAEA;EAGA;;AAEA;EACI;EAEA;;AAIR;EAEI;EAEA;EAEA;EACA;;AAEA;EAEI;EACA;;AAIJ;EAII;EACA;EAEA,kBALmB;EAOnB;EACA;EAEA;;AAEA;EAEI;EACA;EACA;;AAGJ;EAEI","file":"index.css"}
\ No newline at end of file
diff --git a/public/sass/index.scss b/public/sass/index.scss
index ebc5df6..8385317 100644
--- a/public/sass/index.scss
+++ b/public/sass/index.scss
@@ -16,7 +16,7 @@ html, body {
 
 @mixin bodyFont() {
 
-    font-family: 'Rambla', sans-serif;
+    font-family: 'Helveltica', sans-serif;
     font-weight: 400;
 }
 
@@ -30,4 +30,5 @@ html, body {
 @import 'message';
 @import './control-panel/control-panel';
 @import './control-panelDemo/demo-message';
-@import './control-panelDemo/admin-header-demo.scss'
\ No newline at end of file
+@import './control-panelDemo/admin-header-demo.scss';
+@import './info-account/info-account';
\ No newline at end of file
diff --git a/public/sass/info-account/_info-account.scss b/public/sass/info-account/_info-account.scss
new file mode 100644
index 0000000..e10717f
--- /dev/null
+++ b/public/sass/info-account/_info-account.scss
@@ -0,0 +1,102 @@
+.info-account {
+
+    @include bodyFont();
+
+    .loading {
+
+        position: initial;
+
+        height: max-content;
+
+        height: 50vh;
+    }
+
+    .person {
+
+        width: 50vw;
+
+        margin-left: 15vw;
+
+        border-bottom: 1px solid rgb(202, 191, 158);
+
+        h3 {
+
+            font-weight: 300;
+        }
+    }
+
+    .functions {
+
+        width: 50vw;
+
+        margin-left: 15vw;
+        margin-top: 2vh;
+
+        display: flex;
+
+        .close-session {
+
+            width: 20vw;
+            height: 10vh;
+
+            background: rgb(185, 185, 185);
+
+            transition: ease-in-out 0.4s;
+
+            border: 0;
+
+            //border: 1px solid rgb(92, 92, 92);
+            border-radius: 10px;
+
+            &:hover {
+                background: rgb(255, 165, 165);
+
+                transition: ease-in-out 0.4s;
+            }
+        }
+
+        .reffer-code-container {
+
+            margin-left: 5vh;
+
+            flex-grow: 1;
+
+            display: flex;
+            align-items: center;
+
+            p {
+                
+                width: 100%;
+                flex-grow: 1;
+
+            }
+
+            button {
+
+                $background-color: rgb(255, 255, 255);
+
+                width: 3vw;
+                height: 3vw;
+
+                background-color: $background-color;
+
+                border: 0;
+                border: 1px solid rgb(83, 83, 83);
+                
+                border-radius: 100%;
+                
+                &:hover {
+
+                    background-color: adjust-color($color: $background-color, $lightness: 10%, $alpha: 1.0);
+                    border: 3px solid rgb(83, 83, 83);
+                    background-color: rgba(0, 0, 0, 0.035);
+                }
+
+                &:active {
+
+                    border: 4px solid rgb(83, 83, 83);
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/components/Admin/Account/AccountInfo/AccountInfo.jsx b/src/components/Admin/Account/AccountInfo/AccountInfo.jsx
index ff6bec2..d8d5f0a 100644
--- a/src/components/Admin/Account/AccountInfo/AccountInfo.jsx
+++ b/src/components/Admin/Account/AccountInfo/AccountInfo.jsx
@@ -6,6 +6,7 @@ import capitalize from '../../Control Panel/Scripts/Capilazate'
 import bringDataFromFirebase from './Firebase Querys/bringDataFromFirebase'
 import HeaderAccount from './HeaderAccount/HeaderAccount'
 import hideRefferCode from './Scripts/hideRefferCode'
+import Loading from '../../../Loading/Loading'
 
 const AccountInfo = () => {
 
@@ -64,33 +65,44 @@ const AccountInfo = () => {
         <>
             <HeaderAccount name={'Fran'} />
 
+            
+            <div className="info-account">
+
             {
                 loading ? 
-                    <h1>aaa</h1>
+                    <Loading />
                 :
-            <div className="info-account">
-                <h2>{name}</h2>
-                <h3>{capitalize(position)}</h3>
+                    <>
+                        <div className="person">
+                            <h2>{name}</h2>
+                            <h3>{capitalize(position)}</h3>
+                            <h3>Email: {email}</h3>
+                        </div>
+                        
+                        <div className="functions">
 
-                <button
-                    onClick={() => closeSession()}
-                >
-                    Close Session
-                </button>
+                            <button
+                                onClick={() => closeSession()}
+                                className="close-session"
+                            >
+                                Close Session
+                            </button>
 
-                <h3>{email}</h3>
 
-                <div className="reffer-code-container">
+                            <div className="reffer-code-container">
 
-                    <h3>{refferCodeHide ? hideRefferCode(refferCode) : refferCode}</h3>
-                    <button
-                        onClick={() => setRefferCodeHide(!refferCodeHide)}
-                    >
-                        👁️
-                    </button>
-                </div>
-            </div>
+                                <p>Reffer Code: {refferCodeHide ? hideRefferCode(refferCode) : refferCode}</p>
+
+                                <button
+                                    onClick={() => setRefferCodeHide(!refferCodeHide)}
+                                >
+                                    👁️
+                                </button>
+                            </div>
+                        </div>
+                    </>
             }
+            </div>
 
         </>