body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}header{margin:0;padding:0;color:var(--accent);height:8vh;display:flex;justify-content:center;align-items:center;background-color:var(--background);width:100%;border-bottom:4px solid var(--color1)}#content{width:94%;display:flex;justify-content:space-between;align-items:center}button{height:fit-content;font-size:medium}a,a:link,a:hover,a:active,a:visited{font-size:medium;color:var(--accent)}@media only screen and (max-width:600px){header{height:10vh}#content{flex-direction:column;align-items:center}button,a{font-size:small}}.Stitchbar{display:flex;flex-direction:column;height:100%;border-right:5px solid var(--color1);max-width:20vw;min-width:20vw}Button{background-color:#fff;border-radius:10px}.creation-buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:10px;font-size:large}.creation-buttons Button{height:40px;width:120px;margin:5px}.stitch-buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:10px}.stitch-buttons Button{height:80px;width:80px;margin:5px}.selection{background-color:var(--background);border:2px solid var(--accent);display:flex;flex-direction:row;height:65px;width:97%;align-items:center;margin-bottom:5px}.getting-sequence{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10px}@media only screen and (max-width:600px){.Stitchbar{flex-direction:row;height:auto;width:100%;justify-content:center;align-items:center;border-right:none;border-bottom:5px solid var(--color1)}.creation-buttons,.stitch-buttons{flex-direction:row;flex-wrap:wrap}.selection{flex-direction:column;height:auto;width:100%}}.Chart{display:flex;flex-direction:row;justify-content:center;align-items:center;overflow:hidden}.chart{width:100%;height:100%}.round{padding:10px;margin:10px;width:200px;text-align:center}@media only screen and (max-width:600px){.Chart{flex-direction:column;width:100%;height:auto}.chart{width:90%;height:90vw;max-width:400px;max-height:400px}}.popup{background-color:var(--color2);border:2px solid var(--color1);padding:5px;width:300px;max-height:175px;overflow-y:auto}.text{display:flex;flex-direction:column;background-color:var(--color2);color:var(--accent);font-size:large;height:75%;padding-left:20px;padding-top:20px;border-left:5px solid var(--color1)}.links{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;background-color:var(--color2);color:var(--accent);height:12%;padding:11px;border:5px solid var(--color1)}@media only screen and (max-width:600px){.text{font-size:medium;padding:10px;height:auto}.links{flex-direction:row;flex-wrap:wrap;justify-content:center}}:root{--color2: #6eb5c7;--color1: #1492a3;--accent: #163957;--background: #b7e9f3}body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;overflow:hidden}header{margin:0;height:8vh}main{width:100vw;display:flex;justify-content:space-between;height:99vh}.Setup{background-color:var(--background);height:fit-content;width:40%;display:flex;flex-direction:column;align-items:center;margin-top:20px;padding:10px;border:5px solid var(--color1)}.Stitchbar{background-color:var(--color2);flex:1}.Chart{flex:4;display:flex}.TextDisplay{flex:1;max-width:20vw;min-width:20vw}.getStartingSts{display:flex;height:50vh;width:auto;padding:20px}.input-group{display:flex;flex-flow:wrap}.input-group input{flex:1;max-width:100px}.input-group button{margin-left:10px}@media only screen and (max-width:600px){main{flex-direction:column;height:auto}.Setup{width:90%;height:auto;margin:10px auto;padding:10px}.Chart{height:auto;margin:10px 0;border:10px solid orange}.TextDisplay{height:auto;margin-top:10px}}