/* Copyright Yannai A. Gonczarowski, all rights reserved. */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700');
body {
line-height: 180%;
font-family: 'Roboto', sans-serif;
padding-left: 24px;
padding-right: 24px;
font-size: 15;
overflow-x: hidden;
}
body.inliner {
padding: 0px;
margin: 0px;
overflow: hidden;
}
body.inliner iframe {
height: 100%;
width: 100%;
border: none;
}
h1,h2,h3,h4 {
font-weight: 500;
}
dt { font-weight: bold; }
dd { margin-bottom: 10px; }
p.copyright {
text-align: center;
font-size: smaller;
}
p.menu {
text-align: center;
}
.menuitem {
margin-left: 8px;
margin-right: 8px;
white-space: nowrap;
}
div#mobileclipper {
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 101%;
position: fixed;
z-index: 100;
}
table#crackfiller,
#scientificormusical {
position: absolute;
top: 0%;
left: -24;
width: -webkit-calc(100% + 48px);
width: calc(100% + 48px);
}
table#crackfiller {
height: 100%;
z-index: 10;
}
#scientificormusical {
height: 180%;
-webkit-transition: background-color 1s ease, top 1s ease;
transition: background-color 1s ease, top 1s ease;
z-index: 20;
}
table#scientificormusical {
border-collapse: collapse;
border-spacing: 0px;
table-layout: fixed;
}
div#scientificormusical {
display: -webkit-box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
div#scientificormusical .scientific {
-webkit-box-flex: 0;
-moz-flex-grow: 0;
-ms-flex-grow: 0;
flex-grow: 0;
}
div#scientificormusical .musical {
width: 1px;
-moz-flex-basis: 1px;
-ms-flex-preferred-size: 1px;
flex-basis: 1px;
-webkit-box-flex: 1;
-moz-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
table#scientificormusical a {
color: inherit;
}
table#scientificormusical td.musical h1,
table#scientificormusical td.musical h2,
table#scientificormusical td.musical h3,
table#scientificormusical td.musical h4 {
font-weight: normal;
}
table#scientificormusical td.musical p {
font-weight: 300;
word-spacing: 2px;
}
table#scientificormusical h1 {
font-size: 40;
}
table#scientificormusical h2 {
text-align: center;
font-size: 32;
}
table#scientificormusical td {
padding: 0px;
}
table#scientificormusical td.wave {
background-image: url('wave.png');
background-repeat: repeat-y;
background-position: center top;
width: 23px;
}
table#scientificormusical td.scientific div {
margin-left: 30px;
}
table#scientificormusical td.musical div {
margin-right: 30px;
}
table#scientificormusical td.musical {
color: white;
}
table#scientificormusical td.scientific .oneoftwo,
table#scientificormusical td.scientific .oneandtwoofthree {
text-align: right;
}
table#scientificormusical td.musical .twooftwo,
table#scientificormusical td.musical .threeofthree {
text-align: left;
}
table#scientificormusical td.scientific .oneandtwoofthree {
position: relative;
left: 23px;
}
table#scientificormusical td.scientific .twoofthree {
width: 23px;
text-shadow: 0 0 0.2em white, 0 0 0.2em white;
}
table#scientificormusical td.scientific .twoofthreeinner {
position: relative;
left: -20px;
width: 63px;
text-align: center;
display: inline-block;
}
table#scientificormusical .oneandtwoofthree .oneofthree,
table#scientificormusical .oneandtwoofthree .twoofthree,
table#scientificormusical .threeofthree > * {
display: inline-block;
overflow: hidden;
white-space: nowrap;
}
table#scientificormusical.undecided + table#crackfiller td:first-child,
table#scientificormusical.erdosbacon + table#crackfiller td:first-child {
width: 50%;
}
#scientificormusical.undecided .scientific,
#scientificormusical.erdosbacon .scientific {
width: 49%;
-webkit-flex-basis: 49%;
-moz-flex-basis: 49%;
-ms-flex-preferred-size: 49%;
flex-basis: 49%;
}
#scientificormusical.scientific .scientific {
width: 100%;
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
table#scientificormusical.scientific + table#crackfiller td:first-child {
width: 100%;
}
#scientificormusical.musical .scientific {
width: 0.01%;
-webkit-flex-basis: 0.01%;
-moz-flex-basis: 0.01%;
-ms-flex-preferred-size: 0.01%;
flex-basis: 0.01%;
}
table#scientificormusical.musical + table#crackfiller td:first-child {
width: 0.01%;
}
table#scientificormusical.musical + table#crackfiller td:first-child,
table#scientificormusical.scientific + table#crackfiller td:first-child,
#scientificormusical.musical .scientific,
#scientificormusical.scientific .scientific {
-webkit-transition: all 1s cubic-bezier(0.25, 0.0, 1, 1);
transition: all 1s cubic-bezier(0.25, 0.0, 1, 1);
}
table#scientificormusical.undecided + table#crackfiller td:first-child,
#scientificormusical.undecided .scientific {
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
table#scientificormusical td > div {
-webkit-transition: opacity .5s;
transition: opacity .5s;
}
table#scientificormusical.erdosbacon {
top: -80%;
}
.preload {
background-repeat: no-repeat, no-repeat;
background-position: -9999px -9999px, -9999px -9999px;
}