/*

SIMPLE CIPHER
by Mohammad Alomar
14 April 2025 @ 7:08 PM

https://simplec.pages.dev
https://simplecipher.pages.dev
https://simple-cipher.pages.dev
https://moalomar.github.io/simple-cipher

https://github.com/moalomar/simple-cipher

OdvpSzNQqAVDSXzAyCQpHmpAFBwJczQqxAPEBQZznklNpAOXzQpcAzRmpaICQaq

*/


@font-face {
font-display: swap;
font-family: "Absender";
src: url("font.Absender.ttf") format("truetype")}


@font-face {
font-display: swap;
font-family: "SVBasicManual";
src: url("font.SVBasicManual.ttf") format("truetype")}


::-webkit-scrollbar {display: none}


* {
margin: 0;
padding: 0;
text-align: center;
scrollbar-width: none;
box-sizing: border-box;
-ms-overflow-style: none;
font-family: "SVBasicManual"}

        
*:not(textarea) {
border: none;
color: white;
background-color: black}


html, body {
display: flex;
flex-wrap: nowrap;
align-items: center;
align-content:center;
flex-direction: column;
justify-content: flex-start}


body {
gap: 5rem;
padding: 5rem;
width: 56.25rem;
min-height: 100rem;
overflow-x: hidden;
min-width: 56.25rem;     
max-width: 56.25rem;
height: fit-content}


h1 {
cursor: pointer;
font-size: 8rem;
line-height: 7rem;
font-family: "Absender"}


select {font-size: 4rem}


textarea {
resize: none;
padding: 3rem;
height: 25rem;
min-height: 25rem;
max-height: 25rem;
border-radius: 2rem}


textarea, p {
width: 100%;
min-width: 100%;
max-width: 100%;
font-size: 3rem}


p {
word-break: normal;
overflow-x: hidden;
overflow-y: visible;
white-space: pre-wrap;
overflow-wrap: break-word}