.alegreya-sans-thin {
  font-family: "Alegreya Sans", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.alegreya-sans-light {
  font-family: "Alegreya Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.alegreya-sans-regular {
  font-family: "Alegreya Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.alegreya-sans-medium {
  font-family: "Alegreya Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.alegreya-sans-bold {
  font-family: "Alegreya Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.alegreya-sans-extrabold {
  font-family: "Alegreya Sans", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.alegreya-sans-black {
  font-family: "Alegreya Sans", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.alegreya-sans-thin-italic {
  font-family: "Alegreya Sans", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.alegreya-sans-light-italic {
  font-family: "Alegreya Sans", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.alegreya-sans-regular-italic {
  font-family: "Alegreya Sans", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.alegreya-sans-medium-italic {
  font-family: "Alegreya Sans", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.alegreya-sans-bold-italic {
  font-family: "Alegreya Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.alegreya-sans-extrabold-italic {
  font-family: "Alegreya Sans", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.alegreya-sans-black-italic {
  font-family: "Alegreya Sans", sans-serif;
  font-weight: 900;
  font-style: italic;
}

html { scroll-behavior:smooth; }

html, body{
margin:0;
padding:0;
font-family:"Alegreya Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
color:#e6fff4;
color:white;
text-align:center;
overflow-x:hidden;
}

div#about_div {
max-width:780px;
}

body * {
display:flex;
flex-direction:column;
align-items:center;
justify-content:top;
margin:0;
padding:0;
line-height:138%;
}

.flexrow { flex-direction:row; }


pre {
display:block;
text-align:left;
vertical-align:middle;
background-color:#aaa;
}

a {
color:white;
font-weight:600;
text-decoration:none;
}
a.menuitem { text-decoration:none; }

img.icon062 { width:0.62em; }
img.icon067 { width:0.67em; }
img.icon1 { width:1em; }
img.icon1_5 { width:1.3em; }
img.icon2 { width:2em; }
img.icon3 { width:3em; }
img.icon4 { width:4em; }
img.icon5 { width:5em; }
img.icon6 { width:6em; }
img.icon7 { width:7em; }
img.icon8 { width:8em; }
img.icon17 { width:17em; }
img.height100 { height:100%; }
img.height62 { height:62%; }

div#about_div2 {
align-items:center;
overflow:scroll;
overflow-x:hidden;
}

div#user_div {
align-items:center;
}

div#maildir_div {
display:none;
overflow:scroll;
overflow-x:hidden;
}

div#chat_div {
display:none;
align-items:center;
overflow:scroll;
overflow-x:hidden;
}

div#join_div {
display:none;
align-items:center;
overflow:scroll;
overflow-x:hidden;
}

div#password_div {
display:none;
align-items:stretch;
overflow:scroll;
overflow-x:hidden;
}

div#menu_div {
flex-direction:row;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:2em;
background:#111;
border-top:7px solid #333;
}

div#menu2 {
display:flex;
flex-direction:row;
}

span.number_of_chats {
font-weight:600;
}

a.menuitem { align-items:center; }
a.menuitem span { padding:0.17em; }

a.selected span {
display:block;
font-weight:900;
color:yellow;
}

div.timeline {
width:100%;
padding-top:1em;
}

div.mail {
flex-direction:row;
width:100%;
}

div.mail_time {
padding-left:1em;
}

div.mail_text {
width:100%;
text-align:center;
}

div.mail_buttons {
flex-direction:row;
margin-left:auto;
padding-right:1em;
}

div.reply_button { flex-direction:row; }
div.reply_button a { flex-direction:row; padding-left:1em; gap:2em; }
div.reply_button span { padding-left:1em; padding-right:1em; }

div.owner p { text-align:left; }
div.visitor p { text-align:left; }

div.mail_text_plain_owner,
div.mail_text_plain_visitor {
font-weight:600;
display:inline-block;
padding-left:1em;
padding-right:1em;
margin-left:1em;
margin-right:1em;
}

div.mail_text_plain_visitor { color:white; }
div.mail_text_plain_owner {
color:black;
background:yellow;
border-radius:1em;
#text-decoration:underline;
#text-underline-offset:0.38em;
}

div.mail_text_plain_visitor  p { text-align:center; }
div.mail_text_plain_owner p { text-align:center; }

p.mail_text_p { padding:0.08em; }

span.mail_date_string { flex-direction:row; }

h1.telemporio_name { margin:1em; }

img.telemporio_image {
height:5em;
border:2px solid #aaa;
}

p.telemporio_message { margin:1em; width:100%; min-width:100%; }

div#chat2 {
align-items:flex-start;
height:100%;
min-height:100%;
width:100%;
min-width:100%;
}

div#password {
gap:1em;
padding:1em;
}

div#passwords_input_div {
gap:1em;
padding:1em;
}

div.label_password {
flex-direction:row;
gap:1em;
}

div#chat {
width:100%;
}

div#join2, div#join3 {
justify-content:stretch;
width:100%;
min-width:100%;
}

div#chat3 {
justify-content:stretch;
width:100%;
min-width:100%;
}

div#chat4 {
height:100%;
min-height:100%;
}

div#telemporio_subdomains {
flex-direction:row;
flex-wrap:wrap;
gap:1em;
}

button#login_submit_button,
button#chat_iniciar_button,
button#maildir_clients_reset_request_a {
}

div.mail2 {
flex-direction:row;
align-items:center;
}

a.mail_delete_for_message_id {
text-decoration:none;
}

div#maildir2 {
align-items:center;
padding:1em;
gap:1em;
width:100%;
}

div.maildir_chat_row {
flex-direction:row;
flex-wrap:wrap;
}

div#mail_typing_div {
display:block;
width:100%;
}

div#mail_typing_div1 {
display:block;
width:100%;
}

div#mail_typing_div2 {
width:100%;
}

button.send_button,
button.send_button_grey,
button.delete_button {
color:white;
font-weight:900;
padding-top:0.62em;
padding-bottom:0.62em;
border:0;
text-decoration:none;
background:green;
width:83%;
}
button.send_button_grey {
background:grey;
}
button.delete_button {
background:red;
width:17%;
}

div.chat_connection_status_green {
flex-direction:row;
justify-content:center;
width:100%;
background:green;
}
div.chat_connection_status_red {
flex-direction:column;
justify-content:center;
width:100%;
background:red;
padding:1em;
}
div.chat_connection_status_red div {
width:92%;
}
div.chat_connection_status_red p {
display:block;
color:yellow;
font-weight:400;
}

div#senddelete {
width:100%;
flex-direction:row;
}

div#textandvideo {
width:100%;
flex-direction:row;
}

form#mail_typing_form {
display:block;
width:100%;
}

button#mail_typing_submit_button {
display:inline-block;
margin:1em;
}

input#email_input_element,
input#password_input_element,
input#anonymous_message_input_element {
display:block;
width:100%;
min-width:100%;
height:3em;
line-height:3em;
border-left:0;
border-right:0;
}

input#subdomain_input_element::placeholder,
input#email_input_element::placeholder,
input#password_input_element::placeholder,
input#anonymous_message_input_element::placeholder
{ /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:black;
  opacity:0.62; /* Firefox */
}

div#about {
text-align:center;
align-items:center;
width:100%;
}

div#about2,
div#cart2 {
width:62%;
}

input#subdomain_input_element {
padding-top:1.38em;
padding-bottom:1.38em;
margin:0.38em;
color:black;
background:white;
font-weight:600;
border:0;
border-radius:1em;
border-bottom:3px solid #333;
border-right:3px solid #333;
}

button#username_submit_button,
button#change_passwords,
button#subdomain {
flex-direction:row;
border:0;
border-radius:1em;
font-weight:900;
border:7px solid white;
border-bottom:7px solid #aaa;
border-right:7px solid #aaa;
}

button#subdomain span {
color:yellow;
background:black;
padding:0.08em;
border-radius:0.17em;
}

button#username_submit_button,
button#change_passwords {
padding:0.62em;
background:#888;
}

div#subdomain_div {
align-items:center;
gap:0.17em;
width:100%;
min-width:100%;
}

div#reserve_your_subdomain {
padding:0.68em;
font-weight:600;
}

div#subdomain_link {
color:yellow;
}

div#username {
align-items:center;
padding:2em;
gap:1em;
}

div#username_input_div {
gap:1em;
}

input#username_input_element {
padding:1em;
border-radius:1em;
}

div#username_message_div {
padding:2em;
padding-top:0;
}

div#username_message_div h2 {
padding-bottom:1em;
}

div#username_message_div p {
font-weight:400;
}

span.online {
background:green;
color:white;
}

span.offline {
animation:blinker 2s linear infinite;
}

.pad1 { padding:1em; }

.ram_green { background-color:green; color:white; }
.ram_orange { background-color:yellow; color:red; }
.ram_red { background-color:red; color:yellow; }

.grey { color:#aaa; }
.red { color:red; }
.green { color:#008000; }
.yellow { color:yellow; }
.blue { color:#0080ff; }

.weight900 { font-weight:900; }
.weight600 { font-weight:600; }
.em062 { font-size:0.62em; }
.em138 { font-size:1.38em; }
.em162 { font-size:1.62em; }
.em200 { font-size:2em; }
.inline_block { display:inline-block; }
.opacity38 { opacity:0.38;}
.block { display:block; }

.chat {
display:inline-block;
border:1px solid white;
padding:0.17em;
}

.underline {
text-decoration:underline;
text-underline-offset:0.38em;
}

.telemporio {
flex-direction:row;
font-size:3.8em;
padding-bottom:0;
font-weight:900;
margin:0;
text-shadow:3px 3px #333;
line-height:100%;
}

h2.telemporio {
font-size:2.1em;
padding-bottom:0.68em;
}

h3.telemporio_motto {
font-weight:400;
text-shadow:3px 3px #333;
}

span#rsa_4096 {
font-size:1.38em;
}

span#telemporio_positioning {
background:white;
color:black;
border-radius:1em;
text-shadow:none;
font-weight:900;
}

span#for_life_and_trade {
display:block;
font-size:1.62em;
}

hr {
color:#aaa;
width:100%;
}

@keyframes blinker {
  62% { opacity:0; }

}

input:focus,
textarea:focus {
outline:none !important;
border:0;
}

div#telemporiocom,
div#telemporiocom2 {
width:100%;
height:100%;
}

input { text-align:center; }
textarea { text-align:center; }
::placeholder { text-align:center; color:black; opacity:0.62; }
::-webkit-input-placeholder { text-align:center; color:black; opacity:0.62; }
:-moz-placeholder { /* Firefox 18- */ text-align:center; color:black; opacity:0.62; }
::-moz-placeholder {  /* Firefox 19+ */ text-align:center; color:black; opacity:0.62; }

textarea#article_typing_textarea,
textarea#mail_typing_textarea {
width:100%;
min-width:100%;
text-align:center;
outline:none !important;
border:0;
height:3em;
}

div#mail_typing_textarea_container {
width:100%;
min-width:100%;
}

div#domain_for_sale { padding:3em; }
div#domain_for_sale h1 { font-size:3.8em; padding:1em; font-weight:600; }
div#domain_for_sale h2 { font-weight:600; }
div#domain_for_sale h3 { font-weight:600; }

div#loading_div {
align-items:center;
justify-content:top;
width:100%;
}

div#loading2,
div#loading3 {
height:100%;
width:100%;
align-items:center;
justify-content:center;
}

div#loading3 { width:62%;}

div#loader_gif {
  border:16px solid white;
  border-top:16px solid black;
  border-radius:50%;
  width:60px;
  height:60px;
  animation:spin 2s linear infinite;
}

div#loader_progress_bar {
height:62px;
width:100%;
border:1px solid green;
border-radius:1em;
}

div#chat_with {
align-items:center;
margin-top:5em;
margin-bottom:3em;
}
div#chat_with a {
font-size:large;
display:block;
padding:0.62em;
border-radius:1em;
color:black;
background:yellow;
border:12px solid white;
border-right:12px solid #aaa;
border-bottom:12px solid #aaa;
}
div#chat_with a span {
height:2em;
border-radius:1em;
}

h2#reserved_pseudonyms {
font-weight:600;
text-shadow:3px 3px #333;
margin-top:2em;
}

div#contact {
padding:3em;
flex-direction:row;
font-weight:600;
font-size:1.62em;
}

div#message_div { background:red; }
div#message_panel { gap:1em; }
div#message_panel p { font-weight:600; }

@keyframes spin {
  0% { transform:rotate(0deg); }
  100% { transform:rotate(360deg); }
}

img#click_accept { padding-top:2em; padding-bottom:4em; }

p#reservation_message {
gap:1em;
padding:1em;
font-weight:400;
}

p#telemporio_disclaimer {
padding-bottom:1em;
font-size:small;
font-style:italic;
}

video#how_to_use {
margin-top:2em;
margin-bottom:2em;
border-radius:1em;
border:3px solid #777;
border-right:3px solid #333;
border-bottom:3px solid #333;
}

h3#choose_a_subdomain {
font-size:1.38em;
font-weight:400;
text-shadow:3px 3px #333;
}

div#user_guide { gap:2em; }
div#public_page_url { gap:0.38em; }
div#admin_page_url { gap:0.38em; }
div#admin_email_address { gap:0.38em; }

#anonymity_redefined {
display:block;
}

















@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');


/* MATRIX IMAGE BACKGROUND */
/* linear-gradient(rgba(4,6,6,.82), rgba(4,6,6,.92)), */

body{
background-image:
linear-gradient(rgba(0,0,0,.82), rgba(0,0,0,.92)),
url("/i/telemporiocom_background.jpg?auto=format&fit=crop&w=1950&q=38");
background-size:cover;
background-position:center;
background-attachment:fixed;
}

/* CENTER LAYOUT */

#about_div {
position:relative !important;
width:100% !important;
height:auto !important;
}

#about2{
width:100%;
}

#about {
max-width:780px;
width:100%;
padding:110px 24px 130px 24px;
}

#password {
max-width:780px;
width:100%;
padding:110px 24px 130px 24px;
}

/* BUTTON */

#subdomain{
background:#888;
color:black;
border:none;
padding:14px 24px;
border-radius:10px;
font-weight:700;
cursor:pointer;
transition:.2s;
}

#subdomain:hover{
background:yellow;
}

/* BRAND */

#telemporio{
font-size:54px;
letter-spacing:2px;
margin-bottom:12px;
font-weight:700;
color:white;
}

.yellow{
//color:#00ff9c;
}

/* HERO */

.telemporio_motto{
font-size:1.38em;
font-weight:600;
color:#d1ffe9;
margin-bottom:12px;
}

h3#telemporio_activism{
font-size:1.38em;
font-weight:600;
color:yellow;
margin-bottom:0.08em;
}

/* DESCRIPTION CARD */

div#telemporio_howto{
font-size:16px;
color:#c6ffe6;
background:rgba(0,0,0,.65);
padding:30px;
border-radius:16px;
border:1px solid rgba(0,255,140,.18);
margin:0 auto;
max-width:700px;
gap:1em;
}

/* VIDEO */

div#how_to_use{
margin-top:36px;
border-radius:16px;
border:1px solid rgba(0,255,140,.2);
gap:1em;
}

/* FAQ */

div#telemporio_faq{
margin-top:120px;
}

div#telemporio_faq > h1{
font-size:36px;
margin-bottom:32px;
color:white;
}

div#telemporio_faq h2{
font-size:19px;
margin-top:26px;
margin-bottom:8px;
color:yellow;
font-weight:600;
}

div#telemporio_faq div {
background:rgba(0,0,0,.65);
padding:20px 24px;
border-radius:14px;
border:1px solid rgba(0,255,140,.18);
color:#bdfbe1;
margin:0 auto;
gap:1em;
}

div#telemporio_faq h2{ color:yellow; }
div#telemporio_faq h3{ color:yellow; }
div#telemporio_faq h4{ color:yellow; }

/* CONTACT */

#contact{
margin-top:110px;
padding-bottom:110px;
padding-top:26px;
border-top:1px solid rgba(0,255,140,.15);
font-size:14px;
color:#7ee7b7;
}













input#subdomain_input_element { width:82%; }
img#click_accept { width:62%; }
div#about2 { width:96%; }
div#user2 { width:62%; }
div#chat2 { width:100%; }
h2#get_your_own { width:62%; padding:1em; }
p#reservation_message { width:62%; }
p#telemporio_disclaimer { width:62%; }
h4#choose_a_subdomain { width:62%; }

@media screen and (max-width:1400px) {
input#subdomain_input_element { width:82%; }
h2#get_your_own { width:62%; }
img#click_accept { width:62%; }
div#user2 { width:62%; }
p#reservation_message { width:62%; }
p#telemporio_disclaimer { width:62%; }
h4#choose_a_subdomain { width:62%; }
}
@media screen and (max-width:1200px) {
input#subdomain_input_element { width:96%; }
h2#get_your_own { width:62%; }
img#click_accept { width:62%; }
div#user2 { width:62%; }
p#reservation_message { width:62%; }
p#telemporio_disclaimer { width:62%; }
h4#choose_a_subdomain { width:62%; }
}
@media screen and (max-width:992px) {
input#subdomain_input_element { width:96%; }
h2#get_your_own { width:62%; }
img#click_accept { width:96%; }
div#user2 { width:96%; }
p#reservation_message { width:96%; }
p#telemporio_disclaimer { width:96%; }
h4#choose_a_subdomain { width:96%; }
}
@media screen and (max-width:768px) {
input#subdomain_input_element { width:96%; }
h2#get_your_own { width:62%; }
img#click_accept { width:96%; }
div#user2 { width:96%; }
p#reservation_message { width:96%; }
p#telemporio_disclaimer { width:96%; }
h4#choose_a_subdomain { width:96%; }
}
@media screen and (max-width:576px) {
input#subdomain_input_element { width:96%; }
h2#get_your_own { width:62%; }
img#click_accept { width:96%; }
div#user2 { width:96%; }
p#reservation_message { width:96%; }
p#telemporio_disclaimer { width:96%; }
h4#choose_a_subdomain { width:96%; }
}
@media screen and (max-width:240px) {
input#subdomain_input_element { width:96%; }
h2#get_your_own { width:62%; }
img#click_accept { width:96%; }
div#user2 { width:96%; }
p#reservation_message { width:96%; }
p#telemporio_disclaimer { width:96%; }
h4#choose_a_subdomain { width:96%; }
}