:root{--font: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{font-family:var(--font)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body,html{height:100%;margin:0;padding:0}body{display:flex;place-items:flex-start;justify-content:center;min-width:320px;min-height:100vh}h1{line-height:1}.date-time{display:flex;gap:5px}.subtitle{display:flex;align-items:center;gap:5px;font-size:80%}.DNA_cont{display:flex;transform:scale(.15);justify-content:center;align-self:center;margin-top:50px}.nucleobase{display:inline-block;position:relative;vertical-align:middle}.nucleobase:not(:last-child){margin-right:4.86vh}.nucleobase:before,.nucleobase:after{content:"";display:inline-block;width:3vh;height:3vh;border-radius:50%;position:absolute}.nucleobase:nth-child(1){animation-delay:-1.869s}.nucleobase:nth-child(1):before{animation:animBefore 2.1s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-1.869s;background-color:#ff8490}.nucleobase:nth-child(1):after{animation:animAfter 2.1s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-1.869s;background-color:#ff737c}.nucleobase:nth-child(2){animation-delay:-3.738s}.nucleobase:nth-child(2):before{animation:animBefore 2.1s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-3.738s;background-color:#ff8490}.nucleobase:nth-child(2):after{animation:animAfter 2.1s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-3.738s;background-color:#ff737c}.nucleobase:nth-child(3){animation-delay:-5.607s}.nucleobase:nth-child(3):before{animation:animBefore 2.1s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-5.607s;background-color:#ff8490}.nucleobase:nth-child(3):after{animation:animAfter 2.1s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-5.607s;background-color:#ff737c}.nucleobase:nth-child(4){animation-delay:-7.476s}.nucleobase:nth-child(4):before{animation:animBefore 2.1s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-7.476s;background-color:#ff8490}.nucleobase:nth-child(4):after{animation:animAfter 2.1s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-7.476s;background-color:#ff737c}.nucleobase:nth-child(5){animation-delay:-9.345s}.nucleobase:nth-child(5):before{animation:animBefore 2.1s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-9.345s;background-color:#ff8490}.nucleobase:nth-child(5):after{animation:animAfter 2.1s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-9.345s;background-color:#ff737c}.nucleobase:nth-child(6){animation-delay:-11.214s}.nucleobase:nth-child(6):before{animation:animBefore 2.1s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-11.214s;background-color:#ff8490}.nucleobase:nth-child(6):after{animation:animAfter 2.1s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-11.214s;background-color:#ff737c}.nucleobase:nth-child(7){animation-delay:-13.083s}.nucleobase:nth-child(7):before{animation:animBefore 2.1s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-13.083s;background-color:#ff8490}.nucleobase:nth-child(7):after{animation:animAfter 2.1s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-13.083s;background-color:#ff737c}.nucleobase:nth-child(8){animation-delay:-14.952s}.nucleobase:nth-child(8):before{animation:animBefore 2.1s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-14.952s;background-color:#ff8490}.nucleobase:nth-child(8):after{animation:animAfter 2.1s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-14.952s;background-color:#ff737c}.nucleobase:nth-child(9){animation-delay:-16.821s}.nucleobase:nth-child(9):before{animation:animBefore 2.1s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-16.821s;background-color:#ff8490}.nucleobase:nth-child(9):after{animation:animAfter 2.1s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-16.821s;background-color:#ff737c}.nucleobase:nth-child(10){animation-delay:-18.69s}.nucleobase:nth-child(10):before{animation:animBefore 2.1s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-18.69s;background-color:#ff8490}.nucleobase:nth-child(10):after{animation:animAfter 2.1s cubic-bezier(.42,0,.58,1) infinite;animation-delay:-18.69s;background-color:#ff737c}@keyframes animBefore{0%{top:-6vh;z-index:1}25%{transform:scale(1.2);z-index:1}50%{top:6vh;z-index:-1}75%{background-color:#ffdab2;transform:scale(.8);z-index:-1}to{top:-6vh;z-index:-1}}@keyframes animAfter{0%{top:6vh;z-index:-1}25%{background-color:#ff329b;transform:scale(.8);z-index:-1}50%{top:-6vh;z-index:1}75%{transform:scale(1.2);z-index:1}to{top:6vh;z-index:1}}@keyframes animDotBar{0%{height:8.25vh}25%{height:0}50%{height:8.25vh}75%{height:0}to{height:8.25vh}}@keyframes superscript{0%{opacity:0;transform:translateY(-1em)}to{opacity:1;transform:translateY(0)}}.sticky-top{top:0;position:sticky;background-color:#242424;z-index:10}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#e5e7eb}.sticky-top{background-color:#e5e7eb}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 500px){.card-info .date-time{align-items:start;flex-direction:column}}