@import"https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,300;0,400;0,500;0,600;0,800;1,300;1,400;1,500;1,600;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,500;0,600;0,700;1,400;1,500;1,600&display=swap";#root{width:100%;font-size:17px;box-sizing:border-box}.header{background-color:var(--main-color);padding:15px;text-transform:uppercase}.header h1{margin:auto;text-align:left;color:var(--second-bg);font-weight:600;font-size:1.5rem;cursor:pointer}.Body{background-color:var(--main-bg);display:flex;min-height:100vh;height:fit-content}.sequenceCard{background-color:var(--second-bg);border-radius:10px;padding:20px;display:grid;grid-template-columns:.25fr repeat(3,1fr) .25fr;grid-template-rows:30px 1fr 40px;min-height:275px;gap:10px 10px;align-items:top;box-shadow:3px 5px 10px var(--accent-color2)}.sequenceCard input,.sequenceCard h3{background-color:var(--second-bg);padding:5px;text-align:center;font-family:inherit;font-size:1.5rem;font-weight:400;font-style:italic;border:none;outline:none;grid-column:2 / span 3;grid-row:1;align-self:center}.sequenceCard p,.sequenceCard textarea{background-color:var(--second-bg);margin-top:5px;line-height:1.3;font-family:inherit;font-weight:400;font-size:1rem;border:none;width:100%;resize:none;outline:none;grid-column:1 / 6;grid-row:2}.sequenceCard #number{grid-row:1;grid-column:1;background-color:transparent;color:var(--main-color);font-size:24px;font-weight:700;align-self:center;padding:5px}.Marker{position:relative;padding:10px;font-size:17px;color:var(--accent-color);grid-column:1 / span 2;grid-row:3;align-self:center}.Edit{color:var(--main-color);background-color:var(--second-bg);text-decoration:underline;padding:10px;font-size:1rem;border-radius:10px;grid-row:3;grid-column:4 / 6;display:flex;justify-content:center;align-items:flex-start;width:150px;gap:5px;cursor:pointer;justify-self:flex-end}.Edit #pen{font-size:1.3rem}.Edit:hover{background-color:var(--accent-color);color:var(--main-bg)}.PlotMarkerAlert p{position:absolute;top:150px;min-width:100px;padding:7px;line-height:1.3;text-align:center;color:var(--main-bg);border-radius:10px;font-size:17px;background-color:var(--accent-color);box-shadow:2px 3px 3px var(--main-bg)}.PlotMarkerAlert{position:relative;grid-row:2 / 3;grid-column:2 / 4;color:var(--accent-color)}.sequences{width:100%;margin:2rem;margin-top:0}.sequences form{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:60px repeat(4,1fr);gap:20px;grid-column:1 /span 2;grid-row:1}.sequenceCard1{grid-column:1;grid-row:2}.sequenceCard2{grid-column:2;grid-row:2}.sequenceCard3{grid-column:1;grid-row:3}.sequenceCard4{grid-column:2;grid-row:3}.sequenceCard5{grid-column:1;grid-row:4}.sequenceCard6{grid-column:2;grid-row:4}.sequenceCard7{grid-column:1;grid-row:5}.sequenceCard8{grid-column:2;grid-row:5}.ProjectName{color:var(--second-bg);grid-row:1;grid-column:1;margin-left:10px;margin-bottom:10px;display:flex;gap:8px;align-items:baseline}.ProjectName a{background-color:transparent;text-decoration:underline}.ProjectName h2{font-size:1.5rem;cursor:pointer;width:fit-content}.ProjectName h3{font-size:1.5rem;width:fit-content;font-weight:400}.sequencesMobile{width:100%;margin:2rem;margin-top:0}.sequencesMobile form{display:grid;grid-template-columns:1fr;grid-template-rows:60px repeat(8,1fr);gap:20px;grid-column:1 /span 2;grid-row:1}.sequencesMobile .SaveButton{grid-column:1;grid-row:1}.sequencesMobile .sequenceCard1{grid-column:1;grid-row:2}.sequencesMobile .sequenceCard2{grid-column:1;grid-row:3}.sequencesMobile .sequenceCard3{grid-column:1;grid-row:4}.sequencesMobile .sequenceCard4{grid-column:1;grid-row:5}.sequencesMobile .sequenceCard5{grid-column:1;grid-row:6}.sequencesMobile .sequenceCard6{grid-column:1;grid-row:7}.sequencesMobile .sequenceCard7{grid-column:1;grid-row:8}.sequencesMobile .sequenceCard8{grid-column:1;grid-row:9}.AddProject{display:flex;background-color:var(--second-bg);border-radius:10px}.AddProject input{padding:7px;font-size:1rem;color:var(--accent-color2);background-color:transparent;outline:none;border:none}.AddProject button{border-radius:0 10px 10px 0;background-color:var(--accent-color);color:var(--main-bg);font-size:1rem}.Home{color:var(--second-bg);width:100%;display:flex;flex-flow:column;align-items:center}.Home h2{padding-top:100px;font-size:4rem;font-weight:500;font-style:italic;font-family:Lora}.Home form{width:80%;max-width:800px;border-radius:30px}.Home input{width:100%;padding:17px;font-size:1.5rem;border-radius:30px}.Home button{font-size:2rem;border-radius:0 30px 30px 0}.Home h3{color:red}.MobileHome{color:var(--second-bg);width:100%;display:flex;flex-flow:column;align-items:center}.MobileHome h2{padding-top:100px;font-size:2.4rem;font-weight:500;font-style:italic;font-family:Lora}.MobileHome form{width:80%;max-width:800px;border-radius:20px}.MobileHome input{width:100%;padding:17px;font-size:1rem;border-radius:20px}.MobileHome button{font-size:1rem;border-radius:0 20px 20px 0}.SequenceTitleCard{background-color:var(--main-color);color:var(--second-bg);grid-column:1 / span 3;width:90vw;height:max-content;justify-self:center;border-radius:10px;display:flex;flex-flow:column;word-wrap:break-word;align-items:center}.SequenceTitleCard h2{align-self:center;padding:5px;margin:0;font-style:italic}.SequenceTitleCard p{width:90%;grid-row:3;margin:0 10px 10px;text-align:center}.SequenceTitleCard div{display:flex;align-items:center;gap:5px}.ScenesPage{margin:0 auto auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:55px .1fr;gap:15px}.ScenesPage .ProjectName{grid-column:1 / span 2}.AddScene{background-color:var(--second-bg);height:250px;padding:10px;border-radius:10px;display:grid;grid-template-columns:55px 1fr;grid-template-rows:25px 20px 2fr;align-items:baseline;gap:10px}.AddScene input{border:none;outline:none;background-color:transparent;font:inherit;margin:10px}.AddScene textarea{border:none;outline:none;background-color:transparent;font:inherit;margin:10px;resize:none;height:200px}#number{grid-row:1;grid-column:1}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}#slugline{grid-row:2;grid-column:1 / span 2;text-transform:uppercase}#sceneSummary{grid-row:3;grid-column:1 / span 2;align-self:flex-start}.AddScene button{grid-row:1 / span 2;grid-column:2 / span 1;color:var(--main-color);font-size:1.3rem;justify-self:right;padding:5px;background-color:transparent}.SceneCard{background-color:var(--second-bg);height:250px;padding:10px;border-radius:10px;display:grid;grid-template-columns:55px 1fr;grid-template-rows:25px 20px 2fr 30px;align-items:baseline;gap:10px;overflow:scroll;word-wrap:break-word}.SceneCard h3{grid-row:2;grid-column:1 / span 2;margin:10px;text-transform:uppercase}#sceneNumber{grid-row:1;margin:10px;font-weight:600}#sceneSummary{grid-row:3;grid-column:1 / span 2;margin:10px}#x{grid-column:1 / span 2;grid-row:4;justify-self:right;font-size:2rem;cursor:pointer}.Scenes{background-color:var(--accent-color2);grid-row:3 / 4;grid-column:1 / span 3;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:5px 1fr;gap:15px;padding:20px}.Scenes .filter{position:relative;grid-column:1 / span 2;grid-row:1;justify-self:end}.FilterMenu{position:absolute;background-color:transparent;width:50px;border-radius:10px;left:-40px;top:-15px}.FilterMenu button{color:var(--accent-color);background-color:transparent;padding:5px}.MobileScenes{background-color:var(--accent-color2);grid-row:3 / 4;grid-column:1 / span 3;border-radius:20px;display:grid;grid-template-columns:1fr;grid-template-rows:5px 1fr;gap:15px;padding:20px}.MobileScenes .filter{position:relative;grid-column:1 / 2;grid-row:1;justify-self:end}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:17px;color-scheme:light dark;color:#43726a;background-color:#43726a;--main-color: #58A598;--main-bg:#43726A;--second-bg: #F5F5F5;--accent-color: #A0DAA5;--accent-color2: #314f4a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;display:flex}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:var(--main-color);cursor:pointer;transition:border-color .25s}