body {
color: white;
background-color: black;
}
dialog {
color: white;
background-color: black;
border-color: white;
border-style: dotted;
border-width: 2px;
border-radius: 4px;
width: 60%;
min-width: 360px;
max-width: 2000px;
}
a {
color: cyan;
}
button {
color: white;
margin: 6px 4px;
background-color: transparent;
border-style: solid;
border-width: 1px;
border-radius: 2px;
border-color: white;
}
code {
background-color: darkslategray;
}
details {
border-bottom: 1px dashed currentColor;
}
details summary {
cursor: pointer;
margin-bottom: 16px;
}
details > summary {
list-style-type: '+ ';
}
details[open] > summary {
list-style-type: '- ';
}
button:hover {
cursor: pointer;
}
dialog::backdrop {
background-color: rgba(0, 0, 0, 0.72);
}
input.wide {
width: 256px;
}
.row {
display: flex;
flex-direction: row;
align-items: center;
}
.col {
display: flex;
flex-direction: column;
}
.space-between {
justify-content: space-between;
}
.wrap {
flex-wrap: wrap;
}
.container {
margin: 0 auto;
width: 80%;
max-width: 2000px;
min-width: 360px;
}
button.naked {
flex: 0 0 auto;
color: cyan;
background-color: transparent;
border-style: none;
}
code.tag {
cursor: pointer;
}
.gap-1 {
gap: 1px;
}
.gap-2 {
gap: 2px;
}
.gap-3 {
gap: 3px;
}
.gap-4 {
gap: 4px;
}
.gap-5 {
gap: 5px;
}
.gap-6 {
gap: 6px;
}
.gap-7 {
gap: 7px;
}
.gap-8 {
gap: 8px;
}
.gap-9 {
gap: 9px;
}
.gap-10 {
gap: 10px;
}
.gap-11 {
gap: 11px;
}
.gap-12 {
gap: 12px;
}
.gap-13 {
gap: 13px;
}
.gap-14 {
gap: 14px;
}
.gap-15 {
gap: 15px;
}
.gap-16 {
gap: 16px;
}
.gap-17 {
gap: 17px;
}
.gap-18 {
gap: 18px;
}
.gap-19 {
gap: 19px;
}
.gap-20 {
gap: 20px;
}
.gap-21 {
gap: 21px;
}
.gap-22 {
gap: 22px;
}
.gap-23 {
gap: 23px;
}
.gap-24 {
gap: 24px;
}
.gap-25 {
gap: 25px;
}
.gap-26 {
gap: 26px;
}
.gap-27 {
gap: 27px;
}
.gap-28 {
gap: 28px;
}
.gap-29 {
gap: 29px;
}
.gap-30 {
gap: 30px;
}
.gap-31 {
gap: 31px;
}
.gap-32 {
gap: 32px;
}
.gap-33 {
gap: 33px;
}
.gap-34 {
gap: 34px;
}
.gap-35 {
gap: 35px;
}
.gap-36 {
gap: 36px;
}
.gap-37 {
gap: 37px;
}
.gap-38 {
gap: 38px;
}
.gap-39 {
gap: 39px;
}
.gap-40 {
gap: 40px;
}
.gap-41 {
gap: 41px;
}
.gap-42 {
gap: 42px;
}
.gap-43 {
gap: 43px;
}
.gap-44 {
gap: 44px;
}
.gap-45 {
gap: 45px;
}
.gap-46 {
gap: 46px;
}
.gap-47 {
gap: 47px;
}
.gap-48 {
gap: 48px;
}
.gap-49 {
gap: 49px;
}
.gap-50 {
gap: 50px;
}
.gap-51 {
gap: 51px;
}
.gap-52 {
gap: 52px;
}
.gap-53 {
gap: 53px;
}
.gap-54 {
gap: 54px;
}
.gap-55 {
gap: 55px;
}
.gap-56 {
gap: 56px;
}
.gap-57 {
gap: 57px;
}
.gap-58 {
gap: 58px;
}
.gap-59 {
gap: 59px;
}
.gap-60 {
gap: 60px;
}
.gap-61 {
gap: 61px;
}
.gap-62 {
gap: 62px;
}
.gap-63 {
gap: 63px;
}
.gap-64 {
gap: 64px;
}
.gap-65 {
gap: 65px;
}
.gap-66 {
gap: 66px;
}
.gap-67 {
gap: 67px;
}
.gap-68 {
gap: 68px;
}
.gap-69 {
gap: 69px;
}
.gap-70 {
gap: 70px;
}
.gap-71 {
gap: 71px;
}
.gap-72 {
gap: 72px;
}
.gap-73 {
gap: 73px;
}
.gap-74 {
gap: 74px;
}
.gap-75 {
gap: 75px;
}
.gap-76 {
gap: 76px;
}
.gap-77 {
gap: 77px;
}
.gap-78 {
gap: 78px;
}
.gap-79 {
gap: 79px;
}
.gap-80 {
gap: 80px;
}
.gap-81 {
gap: 81px;
}
.gap-82 {
gap: 82px;
}
.gap-83 {
gap: 83px;
}
.gap-84 {
gap: 84px;
}
.gap-85 {
gap: 85px;
}
.gap-86 {
gap: 86px;
}
.gap-87 {
gap: 87px;
}
.gap-88 {
gap: 88px;
}
.gap-89 {
gap: 89px;
}
.gap-90 {
gap: 90px;
}
.gap-91 {
gap: 91px;
}
.gap-92 {
gap: 92px;
}
.gap-93 {
gap: 93px;
}
.gap-94 {
gap: 94px;
}
.gap-95 {
gap: 95px;
}
.gap-96 {
gap: 96px;
}
.gap-97 {
gap: 97px;
}
.gap-98 {
gap: 98px;
}
.gap-99 {
gap: 99px;
}
.gap-100 {
gap: 100px;
}
.gap-101 {
gap: 101px;
}
.gap-102 {
gap: 102px;
}
.gap-103 {
gap: 103px;
}
.gap-104 {
gap: 104px;
}
.gap-105 {
gap: 105px;
}
.gap-106 {
gap: 106px;
}
.gap-107 {
gap: 107px;
}
.gap-108 {
gap: 108px;
}
.gap-109 {
gap: 109px;
}
.gap-110 {
gap: 110px;
}
.gap-111 {
gap: 111px;
}
.gap-112 {
gap: 112px;
}
.gap-113 {
gap: 113px;
}
.gap-114 {
gap: 114px;
}
.gap-115 {
gap: 115px;
}
.gap-116 {
gap: 116px;
}
.gap-117 {
gap: 117px;
}
.gap-118 {
gap: 118px;
}
.gap-119 {
gap: 119px;
}
.gap-120 {
gap: 120px;
}
.gap-121 {
gap: 121px;
}
.gap-122 {
gap: 122px;
}
.gap-123 {
gap: 123px;
}
.gap-124 {
gap: 124px;
}
.gap-125 {
gap: 125px;
}
.gap-126 {
gap: 126px;
}
.gap-127 {
gap: 127px;
}
.gap-128 {
gap: 128px;
}