@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}#root{display:flex;align-items:center;flex-direction:column;font-family:Quicksand,sans-serif;font-size:30px;overflow-y:auto;color:#fff;background:radial-gradient(circle at 80% 80%,#7e38ef33,#7b3edd00 70%),linear-gradient(135deg,#101237,#1a2048 60%,#638)}#content{flex:1;width:100%;display:flex;flex-direction:column;align-items:center}#header{font-family:Crimson Text,serif;font-size:70px;color:#fff;text-shadow:3px 3px 10px rgba(0,0,0,.459)}#header span{font-size:110px}#input-container{width:50%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}#inputs{width:100%;display:flex;align-items:center;gap:10px}#inputs input{height:60px;width:100%;border:3px solid rgb(5,4,10);background-color:#271c54;text-align:center;outline:none;font:inherit;color:#fff;border-radius:5px;box-shadow:0 5px 10px #00000038}#arrow{font-size:50px;color:#fff;display:flex;align-items:center;justify-content:center;padding-bottom:10px}#input-button{height:70px;width:25%;display:flex;justify-content:center;align-items:center;border:2px solid black;border-radius:10px;background-color:#3f2d86;color:#fff;font-weight:700;transition:background-color .2s,color .2s;box-shadow:0 8px 6px #00000038}#input-button:hover{cursor:pointer;background-color:#fff;color:#271c54;box-shadow:0 8px 6px #000000c1}#graph-container{display:grid;grid-template-columns:1fr 1fr;column-gap:10px;margin-top:40px;margin-bottom:40px}#graph-container:fullscreen{width:100vw;height:100vh;display:flex;flex-direction:column}#fullscreen-txt{text-align:center;font-size:18px;margin-top:10px}#canvas-container{position:relative;aspect-ratio:1;border:3px solid black}#stats{display:flex;flex-direction:column;align-items:center;font-family:monospace;font-size:16px}#stats table,th,td{border:1px solid black;background-color:#0000000a}#stats th,td{padding:5px}#stats table{border-collapse:collapse}#graph-description{grid-column:span 2;padding:20px 10px 10px;text-align:center;font-size:24px;font-weight:700}#paths-container{display:grid;grid-template-columns:repeat(4,1fr);row-gap:20px;column-gap:10px;padding:20px}#paths-container span{text-align:center;grid-column:span 4;font-weight:700}.path-parts{background-color:#0000001b;border-radius:10px;overflow:hidden;border:2px solid black}.path-part{border:1px solid black;padding:10px;font-size:20px}#user-container{width:60%;display:grid;grid-template-columns:1fr 1fr;column-gap:10px;row-gap:20px;padding:20px}#user-title{grid-column:span 2;text-align:center;font-weight:700}#no-user-routes{grid-column:span 2;text-align:center}#user-stats{display:flex;flex-direction:column;font-family:monospace;font-size:20px}#footer-container{width:100%}#general-stats{background-color:#1a173a40;color:#fff;text-align:center;padding:10px}#general-stats h3{font-size:22px;margin-bottom:10px}#general-stats p{font-size:18px;margin:0}#footer{display:flex;flex-direction:column;align-items:center;background-color:#312e53;color:#fff;padding:10px}#footer-credits{font-size:20px}#footer-info{font-size:15px;align-items:center}#footer-info a,a:visited{color:#fff}#footer-info a:hover,a:visited:hover{color:#00f}