@font-face{font-family:Open Sans Reguler;src:url(/fonts/open-sans-reguler.ttf)}@font-face{font-family:Open Sans Bold;src:url(/fonts/open-sans-bold.ttf)}@font-face{font-family:Open Sans Reguler;src:url(/fonts/open-sans-reguler.ttf)}@font-face{font-family:Open Sans Bold;src:url(/fonts/open-sans-bold.ttf)}body{font-family:var(--font-main-reguler);color:var(--color-black);margin:0;padding:0}body *{box-sizing:border-box}::-webkit-scrollbar{height:0px;width:0px}router{height:fit-content}@font-face{font-family:Open Sans Reguler;src:url(/fonts/open-sans-reguler.ttf)}@font-face{font-family:Open Sans Bold;src:url(/fonts/open-sans-bold.ttf)}.header{color:var(--color-white);background-color:var(--color-primary);width:100vw;height:100px;box-shadow:2px 0 5px #00000080;display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);position:relative;box-shadow:4px 0 5px #00000080}.buttons{display:flex;position:absolute;right:20px;gap:var(--gap-sm);margin-left:auto}.buttons img{width:50px;height:50px}.buttons img:active{transform:scale(.9)}@font-face{font-family:Open Sans Reguler;src:url(/fonts/open-sans-reguler.ttf)}@font-face{font-family:Open Sans Bold;src:url(/fonts/open-sans-bold.ttf)}.footer{color:var(--color-white);background-color:var(--color-primary);width:100vw;height:75px;display:flex;align-items:center;justify-content:center;gap:var(--gap-sm)}.social-media{display:flex;gap:var(--gap-sm)}.social-media img{width:30px;height:30px}.social-media a:active img{transform:scale(.9)}@font-face{font-family:Open Sans Reguler;src:url(/fonts/open-sans-reguler.ttf)}@font-face{font-family:Open Sans Bold;src:url(/fonts/open-sans-bold.ttf)}.header-button-container{display:flex}button{background-color:var(--color-primary);color:var(--color-white);border:none;width:25px;height:25px;line-height:25px;vertical-align:middle;box-shadow:2px 2px 3px #0003;border-radius:5px;text-align:center;font-size:1.5rem}button:active{transform:scale(.9)}@font-face{font-family:Open Sans Reguler;src:url(/fonts/open-sans-reguler.ttf)}@font-face{font-family:Open Sans Bold;src:url(/fonts/open-sans-bold.ttf)}.note{background-color:var(--color-secondary);text-align:center;box-shadow:1px 1px 5px #00000080;display:flex;height:100px;width:100px;padding:var(--padding-sm);justify-content:center;align-items:center;position:relative}.note:hover img{visibility:visible}.note img{width:20px;height:20px;position:absolute;bottom:5px;right:5px;visibility:hidden;transition:transform ease .25s}.note img:hover{transform:scale(1.5)}.note img:active{transform:scale(.9)}.note textarea{margin:0;width:100%;height:100%;text-align:center;word-wrap:break-word;background-color:var(--color-secondary);border:none;resize:none;font-family:Roboto;text-transform:uppercase;outline:none}@font-face{font-family:Open Sans Reguler;src:url(/fonts/open-sans-reguler.ttf)}@font-face{font-family:Open Sans Bold;src:url(/fonts/open-sans-bold.ttf)}.subheader-container{display:flex;align-items:center;padding:var(--padding-md);gap:var(--gap-sm)}@font-face{font-family:Open Sans Reguler;src:url(/fonts/open-sans-reguler.ttf)}@font-face{font-family:Open Sans Bold;src:url(/fonts/open-sans-bold.ttf)}.field-title{margin:0;color:var(--color-primary);position:absolute;top:-10px;left:10px;padding-inline:5px;background-color:#fff}input{border:0px;height:30px;outline:none;width:100%}.field{display:flex;flex-direction:column;position:relative}.field-small{width:100px}.field-large{width:200px}.input-container{border:1px solid black;padding:var(--gap-sm)}@font-face{font-family:Open Sans Reguler;src:url(/fonts/open-sans-reguler.ttf)}@font-face{font-family:Open Sans Bold;src:url(/fonts/open-sans-bold.ttf)}:root{--font-main-reguler: "Open Sans Reguler";--font-main-bold: "Open Sans Bold";--color-primary: steelblue;--color-secondary: yellow;--color-black: #000;--color-white: #fff;--gap-sm: 10px;--gap-md: 20px;--gap-lg: 30px;--border-radius-sm: 10px;--border-radius-md: 20px;--border-radius-lg: 30px;--padding-sm: 10px;--padding-md: 20px;--padding-lg: 30px}.canvas{width:100vw;height:100vh;display:grid;grid-template-columns:1fr 1fr .5fr .5fr 1fr 1fr;grid-template-rows:repeat(3,1fr);padding:0px var(--padding-md) var(--padding-md) var(--padding-md)}.section{border:1px solid var(--color-black);display:flex;flex-direction:column;padding:var(--padding-sm);justify-content:left}.section h4{color:var(--color-primary);margin:0;width:100%}.section .note-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--gap-sm);padding:var(--padding-sm)}.key-partners-section{grid-area:1 / 1 / 3 / 2;border-width:1px 0px 0px 1px}.key-activities-section{grid-area:1 / 2 / 2 / 3;border-width:1px 0px 0px 1px}.key-resources-section{grid-area:2 / 2 / 3 / 3;border-width:1px 0px 0px 1px}.value-propositions-section{grid-area:1 / 3 / 3 / 5;border-width:1px 0px 0px 1px}.customer-relationships-section{grid-area:1 / 5 / 2 / 5;border-width:1px 0px 0px 1px}.channels-section{grid-area:2 / 5 / 3 / 6;border-width:1px 0px 0px 1px}.customer-segments-section{grid-area:1 / 6 / 3 / 7;border-width:1px 1px 0px 1px}.cost-structure-section{grid-area:3 / 1 / 4 / 4;border-width:1px 0px 1px 1px}.revenue-streams-section{grid-area:3 / 4 / 4 / 7}