.the_note_link{
   padding: 20px;
   background: #fff1e0;
   display: inline-block;
   font-weight: bold;
   font-size: 150%;
}
.note-text{
   background: #fff1e0;
   display: block;
   max-width: 600px;
   padding: 30px;
   font-size: 120%;
   margin-bottom: 20px;
}
.accent{
   background: #fff;
   padding: 0 10px;
}
.note_destroy_confirm{
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-gap: 40px;
}
.note_destroy_confirm input{
   width: 100%;
}
.note_destroy_confirm input.destroy{
   background-color: crimson;
   color: #fff;
   font-weight: bold;
}
.form-row{
   margin: 8px 0
}
.options input#notify, .user-registration-form__input.user-registration-form__input-checkbox{
   appearance: checkbox;
   width: 15px;
   height: 15px;
}
.options .form-row{
   display:flex;
   align-items: flex-end;
}
.note-submit input, .user-registration-Button.button.ur-submit-button{
   font-weight: 500;
   fill: #fff;
   color: #fff;
   background-color: transparent;
   background: linear-gradient(to right,#ff8e69 -20%,#ffae6c);
   border-radius: 10px 10px 10px 10px;
   padding: 10px;
   display: block;
   text-decoration: none!important;
   font-size: 16px;
   transition: background .5s,color .5s;
   margin-bottom: 5px;
   border: none;
   padding: 10px 60px;
   margin-top:20px;
} 
.note-submit input:hover, .user-registration-Button.button.ur-submit-button:hover{
   color: #fff;
   background-size: 250% auto;
   background-image: linear-gradient(to right,#f7890e,#f98f31,#fd4e6b);
   background-position: right center;
}
.register a, a.ast-button{
   color: #ff8e69;
}
.register a:hover, a.ast-button:hover{
   color: #fe3d5e;
}