body{scroll-behavior:smooth;color:#fff;background-color:#212122;margin:0;padding:0;font-family:Courier New,Courier,monospace;font-weight:600;overflow:hidden auto}button{font-weight:inherit;font-family:inherit;box-shadow:0 0 10px #000}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#000;border-radius:6px}::-webkit-scrollbar-thumb{background-color:#000;border:2px solid #fff;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#000}::-webkit-scrollbar-corner{background:#000}.cookies-wrapper{opacity:0;z-index:20;background-color:#00000080;width:100%;height:250px;display:none;position:fixed;bottom:0;left:0}.cookies-wrapper.open{opacity:1;display:flex}#cookies-div{max-width:500px;height:auto;z-index:inherit;background-color:#000;border-radius:20px;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}#cookies-div p{padding:10px;font-size:14px}#cookies-div button{font-size:14px}#cookies-div button:hover{background-color:red;border-color:red}.header{color:#fff;z-index:2;background-color:#000;flex-direction:column;align-items:center;width:70px;height:100vh;margin-top:0;padding:0;display:flex;position:fixed}.header nav{flex-direction:column;gap:10px;margin-top:20px;display:flex}.headerBtn{text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:99%;height:fit-content;display:flex}.headerBtn img{object-fit:cover;width:auto;height:42px}.header a{cursor:pointer;color:#fff;background-color:#0000;border:none;font-size:clamp(.6rem,3vw,.8rem);text-decoration:none}.header a p{margin:0}.header p{margin-bottom:0;font-size:clamp(.6rem,3vw,.8rem)}.footer{color:#fff;z-index:2;text-align:center;z-index:1;background-color:#000;flex-direction:column;justify-content:center;align-items:center;height:auto;margin-top:50px;padding:10px 5px;display:flex;position:relative;bottom:0;left:0}.footer p{width:clamp(90%,5vw,70%);font-size:14px}.footer nav{gap:20px;display:inline-flex}.footer nav a{color:#fff;cursor:pointer;font-size:14px;text-decoration:none}.footer nav a:hover{color:red}.landing{flex-direction:row;align-items:center;width:auto;height:100vh;margin-left:90px;margin-right:40px;padding:10px;display:flex}.landing button{color:#fff;cursor:pointer;background-color:#0000;margin:10px;padding:10px;font-size:clamp(14px,3vw,20px)}.landing button:hover{background-color:red;border-color:red}#landing-title-card{width:auto}#landing-title-card h1{margin-bottom:0;font-size:clamp(30px,5vw,75px)}#landing-title-card h2{margin-top:5px;font-size:clamp(15px,4vw,35px);font-style:italic}#landing-img{margin-bottom:40px}#lock{box-sizing:border-box;border:3.5em solid red;border-width:3.5em 7.5em;border-radius:2em;width:18em;height:13em;margin:0 0 6rem;font-size:8px;position:relative;top:10em}#lock:before{content:"";box-sizing:border-box;border:2.5em solid red;border-top-left-radius:7em;border-top-right-radius:7em;width:14em;height:12em;margin-left:-7em;position:absolute;top:-12em;left:50%}#lock:after{content:"";box-sizing:border-box;border:1em solid red;border-radius:2.5em;width:5em;height:8em;margin-left:-2.5em;position:absolute;top:-1em;left:50%}#magnifying-glass{box-sizing:content-box;border:16px solid red;border-radius:50%;width:64px;height:64px;font-size:160px;display:inline-block;position:relative}#magnifying-glass:before{content:"";background:red;border-width:0;width:56px;height:13px;display:inline-block;position:absolute;bottom:-16px;right:-40px;transform:rotate(45deg)}#info-circle{cursor:pointer;background-color:#0000;border:10px solid red;border-radius:50%;width:160px;height:160px;position:relative;box-shadow:0 0 10px #0003}#info-circle:before{content:"";background-color:red;border-radius:50%;width:14px;height:14px;position:absolute;top:30px;left:50%;transform:translate(-50%)}#info-circle:after{content:"";background-color:red;border-radius:10px;width:14px;height:60px;position:absolute;top:40%;left:50%;transform:translate(-50%)}#square{cursor:pointer;background-color:#0000;border:8px solid red;width:160px;height:160px;position:relative;box-shadow:0 0 10px #0003}#square:before{content:"";border-bottom:5px solid red;border-left:5px solid red;width:30px;height:30px;position:absolute;top:50%;left:35px;transform:translateY(-50%)rotate(45deg)}#square:after{content:"";border-bottom:5px solid red;border-right:5px solid red;width:30px;height:30px;position:absolute;top:50%;right:35px;transform:translateY(-50%)rotate(-45deg)}.parent{flex-direction:column;width:90%;margin-left:90px;display:flex}.container{flex-direction:column;width:clamp(85%,3vw,95%);padding:10px;display:flex}.container h3{width:fit-content;font-size:clamp(18px,3vw,28px)}.container p{font-size:clamp(14px,3vw,20px)}.container label{cursor:pointer;border:1px solid #fff;border-radius:20px;padding:10px}.container li{align-items:flex-start;font-size:clamp(10px,3vw,16px);font-weight:200}.container button{background-color:inherit;color:#fff;cursor:pointer;width:100px;margin:10px;padding:10px;font-size:clamp(14px,3vw,20px)}.container button:hover{background-color:red;border-color:red}.wrapper{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background-color:#00000080;width:100%;height:100vh;transition:opacity .3s ease-in-out;display:none;position:fixed;top:0;left:0;overflow-y:auto}.wrapper.open{opacity:1;display:flex}#encode-div,#decode-div{background-color:#000;border:2px solid #000;border-radius:20px;align-items:center;gap:10px;width:700px;height:auto;padding-bottom:50px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#decode-div button,#encode-div button{background-color:#212122}#decode-div button:hover,#encode-div button:hover{background-color:red;border:red}#encode-div .cross,#decode-div .cross{cursor:pointer;background-color:#0000;background-image:url(/images/close.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:clamp(26px,2vw,40px);height:clamp(26px,2vw,40px);position:absolute;top:5px;right:10px}#encode-div .cross:hover,#decode-div .cross:hover{border:none}#encode-div label,#decode-div label{font-size:clamp(14px,2vw,18px)}#encode-div span,#decode-div span{font-size:clamp(10px,2vw,14px)}#encode-div textarea{resize:none;width:70%;min-height:150px;font-family:inherit;font-size:clamp(14px,2vw,18px);font-weight:inherit;border:none;border-radius:10px;outline:none;padding:5px}#encode-div select,#decode-div select{width:200px;font-family:inherit;font-size:16px;font-weight:inherit;cursor:pointer;border-radius:20px;outline:none;margin-top:1px;padding:5px 15px 5px 5px}#encode-div option,#decode-div option{cursor:pointer;font-weight:inherit;font-family:inherit}#encode-div input,#decode-div input{width:300px;font-family:inherit;font-size:clamp(14px,2vw,18px);font-weight:inherit;border-radius:20px;outline:none;align-self:center;padding:10px}#encryptionKeyEncode,#encode-passkey-p{display:none}#auth-method{flex-direction:column;align-self:center;align-items:center;width:90%;display:flex}#decryption-file{flex-direction:column;align-self:center;align-items:center;gap:10px;display:flex}.pw-requirements{align-self:center;margin-top:5px}.pw-requirements p{margin:1px;font-size:14px}#decoded-message{color:#32cd32;cursor:none;border:#0000;margin:10px}.btnDiv{display:inline-flex}form{grid-template-columns:repeat(2,1fr);gap:clamp(10px,1vw,20px);display:grid}#contact-page p{margin:0;font-size:14px}#contact-page input{resize:none;border-radius:10px;outline:none;margin-top:0;padding:10px;font-family:Courier New,Courier,monospace;font-size:clamp(14px,2vw,18px)}#contact-page textarea{resize:none;border-radius:10px;outline:none;grid-column:span 2;margin:10px 0;padding:10px;font-family:Courier New,Courier,monospace;font-size:clamp(14px,2vw,18px)}.submit-div{width:100%;display:flex}.spinner-wrapper{opacity:0;z-index:30;background-color:#00000080;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.spinner-wrapper.open{opacity:1;display:flex}.spinner-div{background-color:#0000;width:auto;height:auto;position:relative}.loader{box-sizing:border-box;border:5px solid #fff;border-bottom-color:red;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#touchBtn{cursor:pointer;border-bottom:1px solid #fff;font-size:clamp(14px,3vw,20px)}#touchBtn:hover{color:red;border-bottom:1px solid red}#code{scroll-snap-type:mandatory;touch-action:pan-x;width:auto;margin-bottom:10px;margin-right:10px;padding-left:10px;overflow-x:auto;box-shadow:0 0 10px #000}code ul{margin:0;padding:0;list-style-type:none}#statements{color:red}#function{color:orange}#method{color:#32cd32}img{width:500px;height:300px}#description{font-size:12px}@media only screen and (max-width:764px){#sub-landing{height:auto;margin-top:40px}.header{width:60px}.parent,.landing{margin-left:60px}.footer{margin-left:50px}#cookies-div{width:90%;margin-left:10px}#encode-div,#decode-div{width:90%;top:10px;left:0;transform:none}#encode-div textarea{width:80%}form{flex-direction:column;width:90%;display:flex}#contact-page input,#contact-page textarea{width:100%}img{width:100%;height:auto}#code{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;width:100%;overflow:scroll}}
