body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;position:-webkit-sticky;position:sticky;top:0;z-index:2}.endtext label,.header p label{margin-left:20px}.searchbar{border-radius:20px;color:red;height:20px;width:150px}main{display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;overflow-y:auto}footer{background-color:#282c34;color:#fff}.endtext{align-items:center;display:flex;flex-direction:row;font-size:20px;font-weight:bolder;justify-content:center}.hometext{font-size:25px;font-weight:bolder;margin-top:-1px}.hometext,.searchtext{text-align:center}a{text-decoration:none}a,a:link,a:target{color:#fff}.item{align-items:center;background-color:#eee;display:flex;justify-content:flex-start;margin:.25rem 0 .25rem -30px;padding:.5rem 0 .5rem .5rem}.item>label{flex-grow:1;font-size:20px}.item label{color:#000}.item svg{color:#4682b4;cursor:pointer;font-size:1rem;height:36px;min-width:48px;width:48px}.item svg:hover{color:red;outline:none}.addForm{border-bottom:1px solid #eee;display:flex;justify-content:flex-start;margin:.5rem 0 0;padding:0 .5rem .25rem;width:auto}.addForm input[type=text]{flex-grow:1;margin-right:.25rem;max-width:calc(100% - 50px);min-height:48px;outline:none;padding:.25rem}.addForm input[type=text],.addite{border-radius:.25rem;font-size:1rem}.addite{background-color:#f0f8ff;color:#0000cd;cursor:pointer;height:60px;min-width:60px;padding:.5rem}.addite:hover{background-color:#32cd32;color:#000;color:var(--color);outline:none}.searchForm{border-bottom:1px solid #eee;display:flex;justify-content:flex-start;margin:.25rem 0 0;padding:0 .5rem .25rem;width:auto}.searchForm input[type=text]{border-radius:.25rem;flex-grow:1;font-size:1rem;max-width:100%;min-height:48px;outline:none;padding:.25rem}*{scroll-behavior:smooth}.Plus:hover{color:green!important}.item input[type=number]{cursor:pointer;font-size:30px;height:2.5rem;height:48px;margin-right:.5rem;min-height:48px;min-width:48px;text-align:center;width:2.5rem;width:48px}.stack h2{display:flex}.stack p{font-weight:700}.imgslide{text-align:center}.imgslide div img{height:800px;width:100%;z-index:0}.imgslide>*{-webkit-animation:slideanimation 16s infinite;animation:slideanimation 16s infinite;position:relative;visibility:hidden}@-webkit-keyframes slideanimation{0%{visibility:visible}12.5%{visibility:hidden}}@keyframes slideanimation{0%{visibility:visible}12.5%{visibility:hidden}}.imgslide>:first-child{-webkit-animation-delay:0s;animation-delay:0s}.imgslide>:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s;margin-top:-790px}.imgslide>:nth-child(3){-webkit-animation-delay:4s;animation-delay:4s;margin-top:-794px}.imgslide>:nth-child(4){-webkit-animation-delay:6s;animation-delay:6s;margin-top:-794px}.imgslide>:nth-child(5){-webkit-animation-delay:8s;animation-delay:8s;margin-top:-794px}.imgslide>:nth-child(6){-webkit-animation-delay:10s;animation-delay:10s;margin-top:-794px}.imgslide>:nth-child(7){-webkit-animation-delay:12s;animation-delay:12s;margin-top:-794px}.imgslide>:nth-child(8){-webkit-animation-delay:14s;animation-delay:14s;margin-top:-794px}.imgslide h1{color:#fff;font-size:25px;margin-top:-60px}:root{--background:#fff;--color:#000}body{background-color:#fff;background-color:var(--background);color:#000;color:var(--color)}.button1{border:3px solid red;border-radius:20px;color:red;display:block;font-size:25px;height:40px;margin-top:30px;text-align:center;width:auto}textarea{resize:none;width:99%}.label1{font-size:20px;font-weight:bolder}.s2{border:none;font-size:18px;outline:none}.s2,.stack h2{color:blue}.error{color:red;left:0;margin-top:5px;position:absolute;text-align:center;top:50%;width:100%}body::-webkit-scrollbar{width:.6rem}body::-webkit-scrollbar-track{background:#1e1e24}body::-webkit-scrollbar-thumb{background:#6649b8;border-radius:20px}.realmain,footer{margin-left:5rem;padding:1rem}.navbar{background-color:#23232e;overflow-x:hidden;overflow-y:auto;position:fixed;transition:width .6s ease;z-index:2}.navbar-nav{align-items:center;display:flex;flex-direction:column;height:100%;list-style:none;margin:0;padding:0}.nav-item,.nav-item i{margin-top:-17px;width:100%}.nav-item i{font-size:30px}.nav-item{font-size:20px;font-weight:bolder}.nav-link{align-items:center;color:#b6b6b6;display:flex;-webkit-filter:grayscale(100%) opacity(.7);filter:grayscale(100%) opacity(.7);height:5rem;text-decoration:none;transition:.6s}.nav-link:hover{background:#141418;color:#ececec;-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1)}.link-text{display:none;margin-left:1rem}.nav-link i{margin:0 1.5rem;min-width:2rem;width:2rem}.logo{background:#141418;color:#ececec;font-size:1.5rem;font-weight:700;letter-spacing:.3ch;margin-bottom:1rem;text-align:center;text-transform:uppercase;width:100%}.logo img{height:80px;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:.6s;width:80px}.logo-text{display:inline;font-size:15px;left:-999px;position:absolute;transition:.6s}.navbar:hover .logo img{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.settingspu{display:none;line-break:anywhere;overflow:auto}.pages{color:red;font-size:30px;font-weight:bolder}.settingspu::-webkit-scrollbar{width:.6rem}.settingspu::-webkit-scrollbar-track{background:#1e1e24}.settingspu::-webkit-scrollbar-thumb{background:#6649b8;border-radius:20px}.UserProfile{background-color:#1e1e24;border:2px solid #000;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;color:#fff;margin:20px 30px 0;.UserImg{border:2px solid #000;border-bottom-left-radius:50% 50%;border-bottom-right-radius:50% 50%;border-top-left-radius:50% 50%;border-top-right-radius:50% 50%;height:100px;width:100px}.UserStatus{background-color:green;border:2px solid #ccc;border-bottom-left-radius:50% 50%;border-bottom-right-radius:50% 50%;border-top-left-radius:50% 50%;border-top-right-radius:50% 50%;height:20px;margin-left:-35px;margin-top:75px;position:absolute;width:20px}.InnerProfile{background-color:grey;border:2px solid grey;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;margin-left:20px;margin-right:20px;margin-top:40px;.proptext{color:red;margin-left:20px}.detail,.proptext{font-weight:bolder}.detail{color:#fff;margin-left:18px;margin-top:-10px}}}.gap{background-color:#000;color:#fff;.labels{color:red;font-size:30px}.labels,.ldate{font-weight:bolder}.ldate{font-size:20px}.ldate1{font-size:24px;font-weight:bolder}}.navbar-nav::-webkit-scrollbar{height:.5rem;width:.5rem}.navbar-nav::-webkit-scrollbar-track{background:#fff}.navbar-nav::-webkit-scrollbar-thumb{background:#000;border-radius:20px}.navbar::-webkit-scrollbar{height:.5rem;width:.5rem}.navbar::-webkit-scrollbar-track{background:#fff}.navbar::-webkit-scrollbar-thumb{background:#000;border-radius:20px}.mailget{color:blue!important;font-size:40px}.labelmail{color:red;font-size:30px;font-weight:bolder;text-align:center}.addmail{bottom:20px;color:green!important;font-size:50px;position:fixed;right:20px}.addmail:hover{color:blue!important}.setbar{background-color:#000;border:2px solid blue;color:#fff;font-size:24px;font-weight:bolder;margin-top:0}.setbar i{color:#fff!important}.mailuser{color:red;font-size:30px;font-weight:bolder;margin-top:-30px;.maileditor{background-color:#000;color:#fff;font-size:20px;max-height:auto;min-height:400px}}@media only screen and (max-width:600px){.fa-solid{color:#000}.nav-link:hover{background-color:initial;.fa-solid{color:green;-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1)}}.nav-item{margin-top:30px!important}.navbar{background-color:initial;bottom:0;height:5rem;width:100vw}.logo{display:none}.navbar-nav{flex-direction:row;overflow-y:auto}.nav-link{justify-content:center}.realmain,footer{margin:0}.nav-item{margin-top:0}.settingspu{background-color:#fff;color:#000;height:100vh;position:fixed;width:100%;z-index:1}.UserDes{font-size:20px;font-weight:bolder;margin-left:102px;margin-top:-100px;text-align:center}}.loginpage{background-color:#000;color:#fff;height:100vh;width:100%;.login{background-color:#fff;color:#000;left:50%;padding:10px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.tempmail{background-color:#000;color:#fff;width:100%;.fa-inbox{color:#fff;font-size:35px}.tempmailbar{background-color:#fff;border:2px solid #fff;color:#000;font-size:17px;font-weight:bolder;margin-left:36px;margin-top:-30px;width:calc(100% - 40px)}}.temail{background-color:#fff;border:2px solid red;color:#000;margin-left:10%;margin-right:10%;.temailtitle{font-size:25px;font-weight:bolder;margin-top:-5px;text-align:center}.displaytempmail{font-size:20px;margin-top:-8px;position:absolute}.temailcontent{color:red;font-size:20px;margin-top:-30px;text-align:center;.deltempmail{border-radius:20px;font-size:20px;font-weight:bolder;height:30px;width:200px}.deltempmail:hover{background-color:#000;color:#fff}}}@media only screen and (min-width:601px){.navbar{height:100vh;top:0;width:5rem}.nav-item:last-child{margin-top:auto}.navbar:hover{width:16rem}.navbar:hover .link-text{display:inline}.navbar:hover .logo img{margin-left:11rem}.navbar:hover .logo-text{left:0}.settingspu{background-color:#fff;color:#000;height:100vh;margin-left:5rem;position:fixed;width:calc(100% - 5rem);z-index:1}.UserDes{font-size:3vw;font-weight:bolder;margin-left:102px;margin-top:-100px;text-align:center}.loginpage{background-color:#000;color:#fff;height:100vh;width:100%;.login{background-color:#fff;color:#000;left:50%;padding:10px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%}}}.HTMLformated{max-height:auto;min-height:300px}.HTMLformated::-webkit-scrollbar{height:.5rem;width:.5rem}.fa-xmark{bottom:68px;right:25px}.fa-xmark:hover{color:red!important}.mailnum{background-color:#f0f8ff;border:2px solid #000;color:red;font-size:20px;list-style-type:none;margin-left:-40px}.titlemail{color:#000;margin-top:-5px;text-align:center}.mailframe{border:none;min-height:400px;outline:none;text-decoration:none;width:99%}.subjectmail{color:blue}.subjectmail,.subjectmail2{font-weight:bolder;margin-top:-30px;position:absolute}.txtemail{border:2px solid red;color:#000;color:blue;font-size:20px;font-weight:bolder;height:25px;outline:none;width:265px}.slable{left:0;position:absolute;right:0;text-align:center}.blogs{overflow:auto;position:fixed;width:100%;.blogsnav{background-color:#000;color:#fff;display:flex;flex-direction:row;font-size:40px;font-weight:bolder;height:100%;justify-content:center;margin:0;overflow:auto;padding:0;.blogsnavcontent:nth-child(n+2){margin-left:20px}.blogsnavcontent i{color:#fff}}}.blogsnav::-webkit-scrollbar{height:.6rem;width:.6rem}.blogsnav::-webkit-scrollbar-track{background:#1e1e24}.blogsnav::-webkit-scrollbar-thumb{background:#fff;border-radius:20px}.marquee{box-sizing:border-box;color:red;font-size:30px;font-weight:bolder;margin:0 auto;overflow:hidden}.marquee span{-webkit-animation:marquee 15s linear infinite;animation:marquee 15s linear infinite;display:inline-block;padding-left:100%;width:-webkit-max-content;width:max-content;will-change:transform}.marquee span:hover{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes marquee{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-100%);transform:translate(-100%)}}@keyframes marquee{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(-100%);transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.marquee span{-webkit-animation-duration:.01;animation-duration:.01;-webkit-animation-iteration-count:1;animation-iteration-count:1;padding-left:0;width:auto}}.but{display:grid;grid-template-columns:auto auto auto;.buts{background-color:#000;color:#fff}}