.note-card{z-index:10;background-color:#0000;border-radius:10px;width:300px;min-height:225px;padding:20px;position:relative}.note-card .note-background{z-index:-1;content:"";clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%);border-radius:10px;width:300px;height:100%;display:block;position:absolute;top:0;left:0}.note-card .note-background:after{z-index:-1;content:"";background-color:#000;border-radius:10px 0 0;width:30px;height:30px;display:block;position:absolute;bottom:0;right:0}.note-card:nth-of-type(2n-1) .note-background{background-color:#ffda94;transform:rotate(-.9deg)}.note-card:nth-of-type(2n-1) .note-background:after{background-color:#ffc861}.note-card:nth-of-type(2n) .note-background{background-color:#bde7ff;transform:rotate(1deg)}.note-card:nth-of-type(2n) .note-background:after{background-color:#8ad4ff}.note-card .note-image{pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:absolute;top:0;right:0}.note-card:nth-of-type(2n-1) .note-image{transform:rotate(10deg)}.note-card .note-content{color:#000;flex-direction:column;font-size:14px;font-style:normal;display:flex;overflow:hidden}.note-card .note-content h3{margin:0;font-size:16px;line-height:35px}.note-card .note-content .note-text{min-height:115px;margin:0;line-height:16px;overflow:hidden}.note-card .note-content .note-footer{color:#00000080;line-height:35px}.note-card .note-content .note-footer a{align-items:center;display:flex}@media (max-width:767px){.note-card{display:none}}@media (max-width:992px){.note-card{display:none}}
.note-menu-item{color:#000000bf;font-size:15px}.note-menu-item h3{color:#00000059;font-size:12px!important;line-height:14px!important}
