:root{--matrix-monitor:#b1d4cb;--matrix-green:#63c578;--matrix-green-highlight:#b6f5d8;font-size:3rem}ul{padding:0;list-style-type:none}li{list-style-type:none}body{color:var(--matrix-green);text-shadow:0 0 3px var(--matrix-green);background-color:#000;font-family:Courier Prime,Courier,monospace;font-size:1rem}h1{min-height:1.8rem;color:var(--matrix-monitor);text-shadow:0 0 5px var(--matrix-monitor);margin-top:2rem;margin-bottom:0;font-size:1.2rem;font-weight:590}h2{margin-top:0}p{font-size:1rem}nav{z-index:1000;background-color:rgba(0,0,0,.8);justify-content:space-evenly;width:100%;padding:0 1rem 1rem;display:flex;position:fixed;bottom:0}main{padding:0}a{color:#366161;text-shadow:0 0 3px #162626;text-decoration:none}a:hover{color:var(--matrix-green);text-shadow:0 0 5px var(--matrix-green-highlight)}code{color:var(--matrix-monitor)}.blog-entry img{max-height:40vh}.content-left-right{justify-content:space-between;display:flex}.text-block-left{width:60%}.text-block-right{width:40%}.typewriter-text{color:var(--matrix-monitor);text-shadow:0 0 5px var(--matrix-monitor);font-weight:590}.rabbit{color:var(--matrix-monitor);text-shadow:0 0 5px var(--matrix-monitor);justify-content:flex-end;font-size:1.5rem;font-weight:590;display:flex}form{background-color:rgba(0,0,0,.5);border-radius:5px;margin:1.5rem 0;padding:.5rem}input[type=text]{color:var(--matrix-green);border:none;border-bottom:2px solid var(--matrix-green);background-color:#000;outline:none;padding:.25rem;font-size:1rem}input[type=text]:focus{border-bottom:2px solid var(--matrix-green-highlight)}input[type=submit]{color:var(--matrix-green);cursor:pointer;text-transform:uppercase;background:0 0;border:none;padding:0 0 0 12px;font-size:.8rem}input[type=submit]:hover{color:var(--matrix-green-highlight);text-shadow:0 0 5px var(--matrix-green-highlight)}.back-button{font-size:1.5rem}#about-me-years{color:var(--matrix-monitor)}.fit-about-image{object-fit:cover;width:100%;height:100%;padding-left:1rem;display:block}.settings-nav a{align-items:center;font-size:1rem;display:flex}.settings-nav h2{align-items:center;font-size:1.5rem;display:flex}.settings-nav a h2{margin:0}.notifications-none{justify-content:center;align-items:center;height:100vh;display:flex}.typerpage{justify-content:space-between;align-items:center;display:flex}.typerapp input{font-weight:700}.red{color:red;text-decoration:line-through}.typer-nav{flex-direction:column;justify-content:flex-start;align-items:flex-end;display:flex}.typer-nav h2,.typer-nav p,.typer-nav a,.typer-nav ul,.typer-nav li{font-size:.5rem}.blog img{max-height:40vh;display:inline}.red{color:red}.green{color:green}.typer-text-to-type{text-align:left}textarea{resize:none;width:100%;color:inherit;background:0 0;border:none;border-bottom:1px solid green;outline:none}.tt-container{background:rgba(0,0,0,.85);flex-direction:column;align-items:center;width:95vw;max-width:350px;margin:0;display:flex;box-shadow:0 4px 16px rgba(99,197,120,.15)}.tt-streak{font-size:.5rem}.tt-problem{letter-spacing:2px;color:var(--matrix-monitor);text-shadow:0 0 5px var(--matrix-monitor);margin-bottom:0;font-size:1rem;font-weight:700}.tt-input-area{align-items:center;margin-bottom:0;display:flex}.tt-answer-box{border:2px solid var(--matrix-green);text-align:center;width:80px;height:48px;color:var(--matrix-green);pointer-events:none;text-shadow:0 0 3px var(--matrix-green);background:#000;border-radius:8px;outline:none;margin-right:8px;font-size:2rem}.tt-feedback{min-height:14px;color:var(--matrix-green-highlight);text-align:center;text-shadow:0 0 4px var(--matrix-green-highlight);margin-bottom:10px;font-size:.5rem}.tt-numpad{grid-template-columns:repeat(3,110px);gap:10px;margin-bottom:10px;display:grid}.tt-numpad button{border:1.5px solid var(--matrix-green);color:var(--matrix-green);cursor:pointer;text-shadow:0 0 3px var(--matrix-green);background:#000;border-radius:8px;padding:16px 0;font-size:1.5rem;transition:background .2s,color .2s,box-shadow .2s;box-shadow:0 2px 8px rgba(99,197,120,.08)}.tt-numpad button:active{background:var(--matrix-green-highlight);color:#000;box-shadow:0 0 8px var(--matrix-green-highlight)}.tt-numpad button:focus{color:var(--matrix-green);background:#000;outline:none;box-shadow:0 2px 8px rgba(99,197,120,.08)}.tt-numpad .tt-wide{grid-column:span 2}.tt-actions{justify-content:center;gap:12px;margin-top:8px;display:flex}.tt-actions button{border:1.5px solid var(--matrix-green);color:var(--matrix-green);cursor:pointer;text-shadow:0 0 3px var(--matrix-green);background:#000;border-radius:8px;padding:20px 110px;font-size:1rem;transition:background .2s,color .2s,box-shadow .2s}#read-aloud-button{background-color:#000;border:0;font-size:1rem}.speller span{font-size:.8rem}#speller-submit-button{color:var(--matrix-green);background-color:#000;border:0;font-size:1rem}#speller-input{color:inherit;box-shadow:none;background-color:transparent;border:none;border-bottom:2px solid green;outline:none;width:100vw;padding:5px 0;font-size:1rem}@media (width<=500px){.tt-numpad button{padding:12px 0;font-size:1.2rem}.fit-about-image,.text-block-right{display:none}.text-block-left{width:100%}a{word-break:break-all;overflow-wrap:break-word;display:inline}h1,h2{margin-top:0;font-size:.7rem}span{font-size:.6rem}p{margin:0 0 1rem;font-size:.6rem}}