.App{width:100%}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mandelbrot-viewer h4{margin-top:0;padding:0}#mand-submit{max-width:300px}.mandelbrot-viewer{padding:0rem;text-align:left;margin:0}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.side-nav{z-index:1;background-color:#111;overflow-x:hidden;padding-top:0;margin:0;word-wrap:break-word;text-align:left}.side-nav a{padding:6px 8px 6px 16px;text-decoration:none;font-size:20px;color:#818181;display:block}.side-nav a:hover{color:#f1f1f1}#coor{min-width:300px;max-width:300px;font-size:12px}#mand-canvas{flex-grow:100;height:100%}.mandelbrot-viewer{padding:0rem;text-align:left;margin:0;width:100%}.mand-container{display:flex;width:100%;height:100%}html,body{height:100%;width:100%}.App{display:flex;width:100%;height:100%}#root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;height:100%;width:100%}#mand-submit{max-width:600px;font-size:16px;color:#c9dad8;background-color:#2f2f41}#mand-submit input{min-width:250px}.project-cards-container{display:flex;flex-direction:row;justify-content:center}.root{justify-content:center}.container{justify-content:center;max-width:100%}.project-card{width:320px;height:220px;margin:10px;border-radius:12px;overflow:hidden;position:relative;font-family:monospace;box-shadow:0 5px 10px #0000001f,0 10px 20px #0000003d;transition:all .3s}.project-card:hover{transform:translateY(-6px);box-shadow:0 14px 28px #00000040,0 20px 40px #000000b3}.project-card img{width:100%;height:100%;object-fit:cover}.project-card .content{box-sizing:border-box;width:100%;position:absolute;padding:0 20px 20px;height:100%;background:linear-gradient(transparent,#000000b3)}.project-card .content:hover{background:linear-gradient(transparent,#00000080)}.project-card .title{font-size:24px;color:#fff}ul{list-style-type:none}body{justify-content:center;background-color:#dfe1ed}h1{color:#151414;padding-left:40px;font-family:Verdana,Geneva,Tahoma,sans-serif}p{font-family:monospace;color:#000;margin:20px;font-size:16px}.text-content{text-indent:30px;font:monospace;font-size:16px;margin:30px}.word-span:hover{text-shadow:1px 1px 2px red,0 0 1em blue,0 0 .2em blue;font-size:18px}.content{height:fit-content}.text-card{margin:10px;border-style:solid;border-width:1px;border-color:#000;max-width:400px;height:fit-content}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;justify-content:center;background-color:#dfe1ed}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.mandelbrot-viewer button{border-radius:2px;font-size:.7em;margin:4px;background-color:#747bff}.mandelbrot-viewer input{margin-left:4px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}