body[data-theme="light"] {
    background-color:#eee;
    color: black;
    font-family: "Roboto", sans-serif;
    transition: background-color 0.3s linear, color 0.3s linear;
}

body[data-theme="dark"] {
    background-color:#444;
    color: white;
    font-family: "Roboto", sans-serif;
    transition: background-color 0.3s linear, color 0.3s linear;
}

#pagewrapper {
    text-align:center;
}

#dtitle {
    font-family: "Ubuntu", sans-serif;
    font-size:1.9em;
}

#ddesc {
    font-size:1.4em;
}

body[data-theme="light"] .pblock {
    color:black;
    transition: color 0.2s linear;
}

body[data-theme="dark"] .pblock {
    color: white;
    transition: color 0.2s linear;
}

body[data-theme="light"] #pwrapper {
    display:inline-block;
    width:1200px;
    background-color:#ddd;
    border-radius:0.5em;
    border:0.2em solid #888;
    transition: background-color 0.3s linear, border 0.3s linear;
}

body[data-theme="dark"] #pwrapper {
    display:inline-block;
    width:1200px;
    background-color:#555;
    border-radius:0.5em;
    border:0.2em solid #ccc;
    transition: background-color 0.3s linear, border 0.3s linear;
}

#p_whatioffer {
    display:inline-block;
    width:45%;
    height:100%;
    text-align:center;
    vertical-align:top;
    padding:0.4em;
}

#p_positivenegative {
    display:inline-block;
    width:45%;
    height:100%;
    text-align:center;
    vertical-align:top;
    padding:0.4em;
}

.ctitle {
    font-family: "Ubuntu", sans-serif;
    font-size:1.3em;
}

.cdesc {
    display:block;
    text-align:left;
}

#getstartedbtn {
    font-family:"Ubuntu", sans-serif;
    font-size:1.8em;
    padding:0.25em;
    padding-left:1em;
    padding-right:1em;
}

body[data-theme="light"] a, body[data-theme="light"] .mimica {
    cursor:pointer;
    text-decoration:none;
    color:#0f6afc;
    transition:color 1s ease-out;
}

body[data-theme="dark"] a, body[data-theme="light"] .mimica {
    cursor:pointer;
    text-decoration:none;
    color:#6a9df0;
    transition:color 1s ease-out;
}

body[data-theme="light"] a:hover, body[data-theme="light"] .mimica:hover {
    color:#00317f;
    text-decoration:underline;
    transition:color 0.2s ease-out;
}

body[data-theme="dark"] a:hover, body[data-theme="light"] .mimica:hover {
    color:#dffbff;
    text-decoration:underline;
    transition:color 0.2s ease-out;
}

body[data-theme="light"] #indexbtn {
    position:absolute;
    top:0.2em;
    left:0.2em;
    width:2.5em;
    height:2.5em;
    cursor:pointer;
    background-color:#555;
    transition: background-color 0.3s linear;
}

body[data-theme="dark"] #indexbtn {
    position:absolute;
    top:0.2em;
    left:0.2em;
    width:2.5em;
    height:2.5em;
    cursor:pointer;
    background-color:#ccc;
    transition: background-color 0.3s linear;
}

#footer {
    padding:0;
    margin:0;
    display:inline-block;
    width:100%;
    height:auto;
    position:fixed;
    bottom:0;
    left:0;
    text-align:center;
}

#footertable {
    width:100%;
    height:100%;
    border-spacing:0;
    border-collapse:separate;
    height:2.5em;
}

body[data-theme="light"] .fttd:not(#bigtd) {
    height:100%;
    width:10%;
    text-align:center;
    vertical-align:center;
    border-style:solid none none solid;
    border-color:black;
    border-width:0.3em;
    border-radius:1em 1em 0 0;
    background-color:#ddd;
    transition:background-color 0.75s ease-out, color 0.75s ease-out;
}

body[data-theme="dark"] .fttd:not(#bigtd) {
    height:100%;
    width:10%;
    text-align:center;
    vertical-align:center;
    border-style:solid none none solid;
    border-color:white;
    border-width:0.3em;
    border-radius:1em 1em 0 0;
    background-color:#666;
    transition:background-color 0.75s ease-out, color 0.75s ease-out;
}

body[data-theme="light"] .fttd:not(#bigtd):hover {
    cursor:pointer;
    background-color:#666;
    color:white;
    transition:background-color 0.2s ease-out, color 0.2s ease-out;
}

body[data-theme="dark"] .fttd:not(#bigtd):hover {
    cursor:pointer;
    background-color:#ddd;
    color:black;
    transition:background-color 0.2s ease-out, color 0.2s ease-out;
}

#bigtd {
    height:100%;
    width:60%;
    text-align:center;
    vertical-align:center;
}





ul.pn {
    list-style:none;
    margin-left:0;
    padding-left:0;
}
  
ul.pn li {
    padding-left:3em;
    text-indent:-1.85em;
    padding-top: 0.3em;
}
  
li.p:before {
    content:"✓";
    color:#0b1;
    font-weight:bold;
    padding-right:15px;
}

li.n:before {
    content:"✗";
    color:#e13;
    font-weight:bold;
    padding-right:15px;
}




#alfexttable {
    width:100%;
}

body[data-theme="light"] #alfexttable td {
    padding:0.3em;
    background-color:#ccc;
    border-radius:0.5em;
    vertical-align:top;
    width:20%;
    text-align:left;
    border: 2px solid #999;
    transition: border 0.3s linear, background-color 0.3s linear;
}

body[data-theme="dark"] #alfexttable td {
    padding:0.3em;
    background-color:#666;
    border-radius:0.5em;
    vertical-align:top;
    width:20%;
    text-align:left;
    border: 2px solid #ccc;
    transition: border 0.3s linear, background-color 0.3s linear;
}

#alfexttable td b {
    font-size:1.2em;
    display:block;
    text-align:center;
}



body[data-theme="light"] #themechange {
    display: inline-block;
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: #ccc;
    border: 2px solid #444;
    padding: 5px;
    cursor: default;
    transition: border 0.3s linear, background-color 0.3s linear;
}

body[data-theme="dark"] #themechange {
    display: inline-block;
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: #444;
    border: 2px solid #ccc;
    padding: 5px;
    cursor: default;
    transition: border 0.3s linear, background-color 0.3s linear;
}

body[data-theme="light"] #themechange:hover {
    background-color: #aaa;
    transition: background-color 0.3s linear;
}

body[data-theme="dark"] #themechange:hover {
    background-color: #666;
    transition: background-color 0.3s linear;
}

body[data-theme="light"] #themechange:active {
    background-color: #777;
    border-color: black;
    color: white;
    transition: background-color 0.3s linear, color 0.3s linear, border-color 0.3s linear;
}

body[data-theme="dark"] #themechange:active {
    background-color: #aaa;
    border-color: white;
    color: black;
    transition: background-color 0.3s linear, color 0.3s linear, border-color 0.3s linear;
}




/* https://stackoverflow.com/a/39188849/8602926 */
.nohighlight {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -o-user-select: none;
    -moz-user-select: none;
}