.snooper-left-header{display:flex;align-items:center;gap:2rem}.snooper-left-header>img{max-height:2rem}.snooper-right-header{max-height:4rem;margin:0rem 2rem 0rem 0rem;position:relative;top:.2rem}header img:hover{opacity:.8;cursor:pointer}.snooper-nav-hidden{transform:translate(-110%);transition:transform .5s ease-in-out}.snooper-nav-available{transform:translate(-5%);transition:transform .5s ease-in-out}.snooper-left-header-sidebar{display:flex;align-items:center;gap:2rem}.snooper-left-header-sidebar>img{max-height:2rem}.snooper-left-header-nav-sidebar:hover{opacity:.8;cursor:pointer}.snooper-analystic{position:relative;right:0rem;margin-top:4rem;width:20rem}.snooper-analystic:hover{opacity:.8;cursor:pointer}.snooper-nav-footer{position:absolute;width:20rem;bottom:4rem}.snooper-nav-footer>ul{font-size:.8rem;letter-spacing:.1rem;font-family:Arial;list-style-type:none;padding:0rem}.snooper-nav-footer li{margin-bottom:.5rem;margin-top:.5rem;letter-spacing:0rem;word-spacing:.1rem}.snooper-message-section{width:75%;margin-left:12.5%;margin-right:12.5%;margin-top:9.5rem}.snooper-content-body{display:flex;align-items:center;gap:2rem;border:var(--primary-border);background-color:var(--secondary-color);padding:4rem 2rem 1rem}.snooper-content-text{position:relative;bottom:2rem;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.snooper-message-toggle{position:relative;top:2rem;border:var(--primary-border);background-color:var(--secondary-color);width:fit-content;padding:.3rem 3rem}.snooper-profile-pic{position:relative;bottom:.75rem}.snooper-keys{display:flex;justify-content:flex-end;z-index:2}.snooper-keys>div{position:relative;bottom:3.2rem;padding:.3rem 3rem;border:var(--primary-border);background-color:var(--secondary-color);text-transform:uppercase;cursor:pointer}.snooper-s-o-container{width:75%;margin:9.5rem auto 0rem;margin-bottom:30%}.snooper-traffics{height:2.5rem;max-width:20rem;min-width:27rem;padding:0rem;display:flex}.snooper-traffics div{border:var(--primary-border);background-color:var(--secondary-color);width:50%;z-index:1;text-align:center}#traffic-one:hover,#traffic-two:hover{background-color:var(--border-color);color:var(--secondary-color);cursor:pointer}.snooper-outer-body{border:var(--primary-border);background-color:var(--secondary-color);width:100%;height:30rem;display:flex;align-items:center;justify-content:center}.snooper-inner-body{border:var(--primary-border);height:75%;width:90%;display:flex;align-items:center;justify-content:center}.snooper-content-container{height:90%;width:95%;display:flex;flex-direction:row;gap:1rem}.snooper-snooper-infos,.snooper-snooper-message{border:var(--primary-border);background-color:var(--secondary-color);height:calc(100% - .3rem)}.snooper-snooper-infos>img{width:80%}.snooper-snooper-infos{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.snooper-snooper-message{flex:3}.snooper-snooper-name-info{display:flex;gap:1rem;align-items:center;font-size:1.2rem}.snooper-snooper-name-info>p{margin-right:1rem}.snooper-snooper-name-info>img{margin-left:1rem}.snooper-snooper-message{font-size:1.2rem;text-align:justify;display:flex;justify-content:center;flex-direction:column}.snooper-snooper-message>p{margin-top:1.5rem;margin-left:1.5rem;margin-right:1.5rem}.snooper-message-content{margin-bottom:1.5rem;overflow-y:auto;overflow-x:hidden}p{margin:0}header{padding:.5rem 1rem;background-color:var(--primary-color);position:fixed;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;filter:drop-shadow(0px 3px 5px rgba(0,0,0,.5));z-index:3}.userOne-left-header{display:flex;align-items:center;gap:2rem}.userOne-left-header>img{max-height:2rem}.userOne-left-header-nav:hover{opacity:.8;cursor:pointer}.userOne-right-header{max-height:4rem;margin:0rem 2rem 0rem 0rem;position:relative;top:.2rem}.userOne-right-header:hover{opacity:.8;cursor:pointer}.userOne-message-section{width:75%;margin-left:12.5%;margin-right:12.5%;margin-top:9.5rem}.userOne-content-body{display:flex;align-items:center;gap:2rem;border:var(--primary-border);background-color:var(--secondary-color);padding:4rem 2rem 1rem}.userOne-content-text{position:relative;bottom:2rem;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.userOne-message-toggle{position:relative;top:2rem;border:var(--primary-border);background-color:var(--secondary-color);width:fit-content;padding:.3rem 3rem;cursor:pointer}.userOne-message-toggle:hover{background-color:var(--border-color);color:var(--secondary-color);cursor:pointer}.userOne-profile-pic{position:relative;bottom:.75rem}.userOne-keys{display:flex;justify-content:flex-end;z-index:2}.userOne-keys>div{position:relative;bottom:3.2rem;padding:.3rem 3rem;border:var(--primary-border);background-color:var(--secondary-color);text-transform:uppercase;cursor:pointer}.userOne-pub-key:hover{background-color:var(--border-color);color:var(--secondary-color);cursor:pointer}.userOne-priv-key:hover{background-color:var(--secondary-complement-color)}nav{padding:1.5rem 2rem;min-width:15%;min-height:100%;position:fixed;top:0;z-index:4;background-color:var(--primary-color);letter-spacing:0px;color:#fff;box-shadow:15px 0 15px 5px #00000080}.userOne-nav-hidden{transform:translate(-110%);transition:transform .5s ease-in-out}.userOne-nav-available{transform:translate(-5%);transition:transform .5s ease-in-out}.userOne-left-header-sidebar{display:flex;align-items:center;gap:2rem}.userOne-left-header-sidebar>img{max-height:2rem}.userOne-left-header-nav-sidebar:hover{opacity:.8;cursor:pointer}.userOne-analystic{position:relative;right:0rem;margin-top:4rem;width:20rem}.userOne-analystic:hover{opacity:.8;cursor:pointer}nav>p{letter-spacing:.05rem;font-size:1.5rem;margin-bottom:.5rem}nav>ul{letter-spacing:.1rem;font-size:1rem;list-style-type:none;padding:0;margin:0rem 0rem 1rem 1rem}.userOne-nav-footer{position:absolute;width:20rem;bottom:4rem}.userOne-nav-footer>ul{font-size:.8rem;letter-spacing:.1rem;font-family:Arial;list-style-type:none;padding:0rem}li{margin-bottom:.4rem;margin-top:.4rem}li:hover{opacity:.8;cursor:pointer;text-decoration:underline}.userOne-nav-footer li{margin-bottom:.5rem;margin-top:.5rem;letter-spacing:0rem;word-spacing:.1rem}a{text-decoration:none;color:inherit;outline:none}.userOne-s-o-container{width:75%;margin:9.5rem auto 0rem;margin-bottom:30%}.userOne-send-received{height:2.5rem;max-width:20rem;min-width:27rem;padding:0rem;display:flex}.userOne-send-received div{border:var(--primary-border);background-color:var(--secondary-color);width:50%;z-index:1;text-align:center}#send-option:hover,#receive-option:hover{background-color:var(--border-color);color:var(--secondary-color);cursor:pointer}.userOne-outer-body{border:var(--primary-border);background-color:var(--secondary-color);width:100%;height:50rem;display:flex;align-items:center;justify-content:center}.userOne-inner-body{border:var(--primary-border);background-color:var(--secondary-color);height:90%;width:90%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 15px #00000080}input,textarea{border:var(--primary-border);background-color:var(--secondary-color);color:var(--tertiary-color);font-family:Pixelify Sans,sans-serif;font-size:1.2rem;letter-spacing:-.05rem;word-spacing:.5rem;box-shadow:0 8px 15px #00000080;padding:.5rem}input:focus,textarea:focus{outline:none}.userOne-form-section{width:100%;height:90%;display:flex;flex-direction:column}form{margin:0 auto;display:flex;flex-direction:column;gap:1rem;width:90%;height:80%}form textarea{resize:none;height:100%}.userOne-send-section{display:flex;color:var(--tertiary-color);font-family:Pixelify Sans,sans-serif;font-size:1.2rem;letter-spacing:-.05rem;word-spacing:.5rem;align-items:center;justify-content:end;margin:1rem;margin-top:auto;align-self:flex-end}img:hover{opacity:.8;cursor:pointer}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}:root{--primary-color: #729b79;--primary-complement-color: #9b7294;--secondary-color: #b09a82;--secondary-complement-color: #8298b0;--tertiary-color: #583e23;--primary-border: .3rem solid #583e23;--border-color: #583e23;--box-border-test-black: .3rem solid black;--box-border-test-red: .3rem solid red;--box-border-test-blue: .3rem solid blue;--box-border-test-gray: .3rem solid gray}html,body,h1{margin:0;padding:0}body{background-image:url(/pixel-bg.png);background-repeat:no-repeat;background-position:center top;background-color:var(--primary-color);font-family:Pixelify Sans,sans-serif;color:var(--tertiary-color);font-size:27px;font-weight:500;letter-spacing:-.05rem;word-spacing:.5rem}