body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background-color:#000;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}.card{--bs-card-bg:#1e1e1ef2;--bs-card-color:#fff;border:1px solid #333;border-radius:12px;box-shadow:0 4px 12px #00000080}.card-title{color:#fff}.card-text{color:#fffc}a{color:#4dabf7;text-decoration:none}a:hover{color:#74c0fc;text-decoration:underline}.btn-primary{background-color:#0d6efd;border-color:#0d6efd}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.container{max-width:800px}.cv-iframe,.cv-iframe-loading{height:800px}@media (width<=768px){.cv-iframe,.cv-iframe-loading{height:500px}}.App{text-align:center}@keyframes fadein{0%{opacity:0}to{opacity:1}}.anim{z-index:-1;background-color:#000;width:100%;height:100%;position:fixed;top:0;left:0}#text{z-index:0;text-align:center;width:100%;height:100%;padding-bottom:25vh;position:fixed;top:0;left:0;overflow-y:scroll}h1,h2,h3{font-family:Roboto Mono,monospace}.new-home{color:#ebe5da;background:#1a1917}.new-home .portnametext,.new-home .text-white{color:#f2ece1!important}.new-home .whiteicon,.new-home .social-link,.new-home .social-link:hover,.new-home .social-link:focus-visible,.new-home .social-label{color:#e3dccf}.new-home .card{--bs-card-bg:#2c2926;--bs-card-color:#e6e0d5;border-color:#45403a;box-shadow:0 4px 14px #00000059}.new-home .card-title{color:#f5f0e6}.new-home .card-body{color:#d9d2c6}.portnametext{color:#fff;margin-top:1vh;margin-bottom:0;font-family:Roboto Mono,monospace;font-size:6em;font-weight:400;line-height:1.6}@media (width<=768px){.portnametext{font-size:3.5em}}.whiteicon{color:#fff}.bigfont{font-size:3em}.social-link{color:#fff;cursor:pointer;opacity:.85;outline-offset:-2px;border-radius:.5rem;outline:2px solid #0000;flex-direction:column;align-items:center;min-width:4.5em;padding:.6em .5em .4em;text-decoration:none;transition:opacity .16s,outline-color .16s,box-shadow .16s;display:inline-flex}.social-link>svg{transition:transform .16s}.social-link:hover>svg,.social-link:focus-visible>svg{transform:translateY(-3px)}.social-link:hover,.social-link:focus-visible{color:#fff;opacity:1;outline-color:rgba(var(--bs-primary-rgb), .7);box-shadow:0 0 .9rem rgba(var(--bs-primary-rgb), .35);text-decoration:none}.social-label{color:#fff;margin-top:.25em;font-size:.8rem;text-decoration:none}@keyframes fadetranspin{0%{opacity:.1}to{opacity:1}}.transitionin{opacity:1;animation:.3s ease-in-out fadetranspin}.card-linked{outline-offset:-2px;outline:2px solid #0000;transition:outline-color .16s,box-shadow .16s;position:relative}.card-linked:hover,.card-linked:focus-within{outline-color:rgba(var(--bs-primary-rgb), .7);box-shadow:0 0 .9rem rgba(var(--bs-primary-rgb), .35)}.card-linked:hover .card-title-arrow,.card-linked:focus-within .card-title-arrow{transform:translate(5px)}.card-title-link{color:inherit;text-underline-offset:.2em;text-decoration:underline}.card-title-link:hover,.card-title-link:focus-visible{color:inherit;outline:none}.card-title-link:after{content:"";z-index:1;position:absolute;inset:0}.card-title-link .card-title-arrow{color:var(--bs-link-color);font-size:.8em;transition:transform .16s}.card-links{flex-wrap:wrap;gap:.5rem;display:flex}.card-sublink{color:#fff8ee;outline-offset:-1px;background:#4f4840;border:1px solid #8a8174;border-radius:.5rem;outline:2px solid #0000;align-items:center;padding:.3rem .8rem;font-weight:600;text-decoration:none;transition:outline-color .16s,box-shadow .16s,background-color .16s;display:inline-flex}.card-sublink .card-title-arrow{color:#8cb8ff;font-size:.8em;transition:transform .16s}.card-sublink:hover,.card-sublink:focus-visible{color:#fff8ee;outline-color:rgba(var(--bs-primary-rgb), .7);box-shadow:0 0 .9rem rgba(var(--bs-primary-rgb), .35);background:#5a5249;text-decoration:none}.card-sublink:hover .card-title-arrow,.card-sublink:focus-visible .card-title-arrow{transform:translate(4px)}