@font-face {font-family:'Kalam-Light';src:url('fonts/Kalam-Light.ttf') format('truetype');font-style:cursive;font-stretch:normal;font-display:swap;unicode-range:U+000-5FF;}.notes-postit {display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start;}.notes-navi {position:absolute;top:.8em;right:4em;}.notes-aside {position:sticky;top:24rem;left:2rem;border:0px solid orange;}.notes-main {position:fixed;border:1px solid green;}.post-it {display:table;margin:2em auto 0;}.taped {display:table-cell;text-align:center;vertical-align:middle;}.note {position:relative;width:256px;max-width:256px;margin:1.5em auto;padding: .6em .1em;box-shadow: var(--nav-shadow);border-color:var(--note-bdr-def);background:var(--note-bgr-def);}.note-trans-left {transform:rotate(2deg);}.note-trans-right {transform:rotate(-2deg);}.note-trans-none {transform:rotate(0deg);}.note:after {position:absolute;top:-21px;left:30%;display:block;content:'';width:110px;height:30px;border:1px solid #fff;box-shadow: 0 0 4px rgba(0,0,0,0.1);background: rgba(254, 254, 254, .6);}.script {font-family:'Kalam-Light';font-size:1.4rem;text-align:center;line-height:1.2;}.notes-hint {display:inline-block;margin: .5em 0 -0.2em 0;font-size:1.4rem;text-transform:uppercase;border:1px solid rgb(0,0,0,.2);border-width: 0 0 1px 0;}.script a {color: var(--color-primary);text-decoration:none;}.script a:is(:hover, :focus-visible) {text-decoration:underline;text-underline-offset: 4px;}@media (max-width: 1280px) {.notes-postit {display:none;}}.note.col-blu {background: linear-gradient(to bottom, rgba(73,179,255,1) 0%,rgba(107,193,255,0.5) 60%,rgba(107,193,255,1) 100%);border-top: 1px solid #c0e9fb;border-left: 1px solid #c0e9fb;border-right: 1px solid #90d8f7;border-bottom: 1px solid #90d8f7;}.note.col-blu h1 {color: #0e8ec7;}.note.col-grn {background: #aef9a8;border-top: 1px solid #c4fbc0;border-left: 1px solid #c4fbc0;border-right: 1px solid #98f790;border-bottom: 1px solid #98f790;}.note.col-grn h1 {color: #1bc70e;}.note.col-pnk {background: #f9a8d4;border-top: 1px solid #fbc0e0;border-left: 1px solid #fbc0e0;border-right: 1px solid #f790c8;border-bottom: 1px solid #f790c8;}.note.col-pnk h1 {color: #c70e73;}.note.col-yel {background: #f6f9a8;border-top: 1px solid #f8fbc0;border-left: 1px solid #f8fbc0;border-right: 1px solid #f4f790;border-bottom: 1px solid #f4f790;}.note.col-yel h1 {color: #c0c70e;}.note.col-org {background: linear-gradient(to bottom, rgba(255, 199, 186, 1) 0%, rgba(255, 199, 186, 0.5) 60%, rgba(255, 199, 186, 1) 100%);border-top: 1px solid rgba(239, 128, 115, 1);border-left: 1px solid rgba(239, 128, 115, 1);border-right: 1px solid rgba(239, 128, 115, 1);border-bottom: 1px solid rgba(239, 128, 115, 1);}.note.col-org h1 {color: red;}.note.col-red {background: red;border-top: 1px solid #f8fbc0;border-left: 1px solid #f8fbc0;border-right: 1px solid #f4f790;border-bottom: 1px solid #f4f790;}.note.col-red h1 {color: red;}